@charset "utf-8";

.menu-color-human-resources {
  color: #2196F3
}

.menu-font-color-human-resources:before {
  color: #2196F3
}

.menu-bg-color-human-resources {
  background-color: #64B5F6
}

.menu-color-payroll {
  color: #9C27B0
}

.menu-font-color-payroll:before {
  color: #9C27B0
}

.menu-bg-color-payroll {
  background-color: #BA68C8
}

.menu-color-workflow-service {
  color: #FF9800
}

.menu-font-color-workflow-service:before {
  color: #FF9800
}

.menu-bg-color-workflow-service {
  background-color: #FFB74D
}

.menu-color-employment {
  color: #8BC34A
}

.menu-font-color-employment:before {
  color: #8BC34A
}

.menu-bg-color-employment {
  background-color: #AED581
}

.menu-color-talent-management {
  color: #1196BE
}

.menu-font-color-talent-management:before {
  color: #1196BE
}

.menu-bg-color-talent-management {
  background-color: #59B6D1
}

.menu-color-recruitment {
  color: #009688
}

.menu-font-color-recruitment:before {
  color: #009688
}

.menu-bg-color-recruitment {
  background-color: #4DB6AC
}

.menu-color-hcm-common {
  color: #FF5722
}

.menu-font-color-hcm-common:before {
  color: #FF5722
}

.menu-bg-color-hcm-common {
  background-color: #FF8A65
}

.menu-color-financial-management {
  color: #3F51B5
}

.menu-font-color-financial-management:before {
  color: #3F51B5
}

.menu-bg-color-financial-management {
  background-color: #7986CB
}

.menu-color-business-management {
  color: #26A36C
}

.menu-font-color-business-management:before {
  color: #26A36C
}

.menu-bg-color-business-management {
  background-color: #67BF98
}

.menu-color-ac-common {
  color: #FF5722
}

.menu-font-color-ac-common:before {
  color: #FF5722
}

.menu-bg-color-ac-common {
  background-color: #FF8A65
}

.menu-color-scm-cost {
  color: #E5C057
}

.menu-font-color-cost:before {
  color: #E5C057
}

.menu-bg-color-scm-cost {
  background-color: #E5D675
}

.menu-color-scm-inventory {
  color: #B2BA6B
}

.menu-font-color-scm-inventory:before {
  color: #B2BA6B
}

.menu-bg-color-scm-inventory {
  background-color: #CAD887
}

.menu-color-scm-procurement {
  color: #67CC87
}

.menu-font-color-scm-procurement:before {
  color: #67CC87
}

.menu-bg-color-scm-procurement {
  background-color: #95DCAB
}

.menu-color-scm-project {
  color: #2874BA
}

.menu-font-color-scm-project:before {
  color: #2874BA
}

.menu-bg-color-scm-project {
  background-color: #699ECE
}

.menu-color-scm-sales {
  color: #FFA726
}

.menu-font-color-scm-sales:before {
  color: #FFA726
}

.menu-bg-color-scm-sales {
  background-color: #FFD462
}

.menu-color-scm-trade {
  color: #51AB57
}

.menu-font-color-scm-trade:before {
  color: #51AB57
}

.menu-bg-color-scm-trade {
  background-color: #8BCA8D
}

.menu-color-ac-asset {
  color: #A6B82C
}

.menu-font-color-ac-asset:before {
  color: #A6B82C
}

.menu-bg-color-ac-asset {
  background-color: #C0CE6A
}

.menu-color-ac-fs {
  color: #3F51B5
}

.menu-font-color-ac-fs:before {
  color: #3F51B5
}

.menu-bg-color-ac-fs {
  background-color: #7986CB
}

.menu-color-ac-treasury {
  color: #46C08F
}

.menu-font-color-ac-treasury:before {
  color: #46C08F
}

.menu-bg-color-ac-treasury {
  background-color: #7ED3B1
}

.menu-color-ac-expense {
  color: #37A3A2
}

.menu-font-color-ac-expense:before {
  color: #37A3A2
}

.menu-bg-color-ac-expense {
  background-color: #73BEBD
}

.menu-color-tools-common {
  color: #FF5722
}

.menu-font-color-tools-common:before {
  color: #FF5722
}

.menu-bg-color-tools-common {
  background-color: #FF8A65
}

.menu-color-ess {
  color: #ACD042
}

.menu-font-color-ess:before {
  color: #ACD042
}

.menu-bg-color-ess {
  background-color: #C5DE7B
}

.menu-color-drive {
  color: #FFC107
}

.menu-font-color-drive:before {
  color: #FFC107
}

.menu-bg-color-drive {
  background-color: #FFD54F
}

.menu-color-mail {
  color: #00BCD4
}

.menu-font-color-mail:before {
  color: #00BCD4
}

.menu-bg-color-mail {
  background-color: #4DD0E1
}

.menu-color-communication {
  color: #00BCD4
}

.menu-font-color-communication:before {
  color: #00BCD4
}

.menu-bg-color-communication {
  background-color: #4DD0E1
}

.menu-color-timeline {
  color: #00BCD4
}

.menu-font-color-timeline:before {
  color: #00BCD4
}

.menu-bg-color-timeline {
  background-color: #4DD0E1
}

.menu-color-talk {
  color: #00BCD4
}

.menu-font-color-talk:before {
  color: #00BCD4
}

.menu-bg-color-talk {
  background-color: #4DD0E1
}

.wap-badge {
  display: inline-block;
  padding: 4px 7px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  position: relative;
  min-width: 20px;
  height: 20px;
  border-radius: 1.2rem;
  background-clip: border-box
}

@media (-ms-high-contrast:active) {
  .wap-badge {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-badge {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-badge {
      border: 1px solid #000
  }
}

.wap-badge-overlap {
  position: absolute
}

.wap-badge-default {
  background-color: #ff4081;
  color: #fff
}

.wap-badge-empty {
  display: none
}

body.scroll-prevent {
  position: fixed;
  width: 100%
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 560px;
  max-height: 490px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dadde0;
  border-radius: 3px;
  background-clip: border-box;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1);
  white-space: normal
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover.fade {
  transition: opacity 0.3s ease;
  opacity: 1
}

.popover.fade-hidden {
  opacity: 0
}

.popover.popover-error {
  background-color: #e91e63;
  color: #fff;
  border-color: #e91e63
}

.popover.popover-error .popover-title {
  background-color: #d11b59;
  border-bottom-color: #e91e63;
  color: #fff;
  border-radius: 3px;
  background-clip: border-box;
  background-clip: padding-box
}

.popover.popover-error.top .arrow {
  border-top-color: #e91e63
}

.popover.popover-error.top .arrow:after {
  border-top-color: #e91e63
}

.popover.popover-error.bottom .arrow {
  border-bottom-color: #e91e63
}

.popover.popover-error.bottom .arrow:after {
  border-bottom-color: #e91e63
}

.popover.popover-error.left .arrow {
  border-left-color: #e91e63
}

.popover.popover-error.left .arrow:after {
  border-left-color: #e91e63
}

.popover.popover-error.right .arrow {
  border-right-color: #e91e63
}

.popover.popover-error.right .arrow:after {
  border-right-color: #e91e63
}

.popover.popover-warning {
  background-color: #f4b142;
  color: #fff;
  border-color: #f4b142
}

.popover.popover-warning .popover-title {
  background-color: #db9f3b;
  border-bottom-color: #f4b142;
  color: #fff;
  border-radius: 3px;
  background-clip: border-box;
  background-clip: padding-box
}

.popover.popover-warning.top .arrow {
  border-top-color: #f4b142
}

.popover.popover-warning.top .arrow:after {
  border-top-color: #f4b142
}

.popover.popover-warning.bottom .arrow {
  border-bottom-color: #f4b142
}

.popover.popover-warning.bottom .arrow:after {
  border-bottom-color: #f4b142
}

.popover.popover-warning.left .arrow {
  border-left-color: #f4b142
}

.popover.popover-warning.left .arrow:after {
  border-left-color: #f4b142
}

.popover.popover-warning.right .arrow {
  border-right-color: #f4b142
}

.popover.popover-warning.right .arrow:after {
  border-right-color: #f4b142
}

.popover.popover-tooltip {
  background-color: rgba(97,97,97,0.9);
  color: rgba(255,255,255,0.9);
  border-color: rgba(97,97,97,0.9);
  border-radius: 2px;
  background-clip: border-box;
  border: none
}

.popover.popover-tooltip .popover-title {
  background-color: rgba(97,97,97,0.9);
  border-bottom-color: rgba(97,97,97,0.9);
  color: #333;
  border-radius: 3px;
  background-clip: border-box;
  background-clip: padding-box
}

.popover.popover-tooltip.top .arrow {
  border-top-color: rgba(97,97,97,0.9)
}

.popover.popover-tooltip.top .arrow:after {
  border-top-color: rgba(97,97,97,0.9)
}

.popover.popover-tooltip.bottom .arrow {
  border-bottom-color: rgba(97,97,97,0.9)
}

.popover.popover-tooltip.bottom .arrow:after {
  border-bottom-color: rgba(97,97,97,0.9)
}

.popover.popover-tooltip.left .arrow {
  border-left-color: rgba(97,97,97,0.9)
}

.popover.popover-tooltip.left .arrow:after {
  border-left-color: rgba(97,97,97,0.9)
}

.popover.popover-tooltip.right .arrow {
  border-right-color: rgba(97,97,97,0.9)
}

.popover.popover-tooltip.right .arrow:after {
  border-right-color: rgba(97,97,97,0.9)
}

@media (-ms-high-contrast:active) {
  .popover.popover-tooltip {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .popover.popover-tooltip {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .popover.popover-tooltip {
      border: 1px solid #000
  }
}

.popover.popover-tooltip.fade {
  opacity: 0
}

.popover.popover-tooltip.fade.bottom {
  transform-origin: top;
  transform: translateY(-10px) scale(.5)
}

.popover.popover-tooltip.fade.top {
  transform-origin: bottom;
  transform: translateY(10px) scale(.5)
}

.popover.popover-tooltip.fade.right {
  transform-origin: left;
  transform: translateX(-10px) scale(.5)
}

.popover.popover-tooltip.fade.left {
  transform-origin: right;
  transform: translateX(10px) scale(.5)
}

.popover.popover-tooltip.fade.tooltip-animation {
  transform: translate(0) scale(1);
  opacity: 1;
  transition: -webkit-transform 0.3s cubic-bezier(0.24, 1, 0.32, 1),-moz-transform 0.3s cubic-bezier(0.24, 1, 0.32, 1),-o-transform 0.3s cubic-bezier(0.24, 1, 0.32, 1),transform 0.3s cubic-bezier(0.24, 1, 0.32, 1), opacity 0.1s ease
}

.popover.popover-tooltip .arrow {
  display: none
}

.popover.popover-hint {
  background-color: #f0f1f2;
  color: #000;
  border-color: #f0f1f2
}

.popover.popover-hint .popover-title {
  background-color: #dadde0;
  border-bottom-color: #f0f1f2;
  color: #333;
  border-radius: 3px;
  background-clip: border-box;
  background-clip: padding-box
}

.popover.popover-hint.top .arrow {
  border-top-color: #f0f1f2
}

.popover.popover-hint.top .arrow:after {
  border-top-color: #f0f1f2
}

.popover.popover-hint.bottom .arrow {
  border-bottom-color: #f0f1f2
}

.popover.popover-hint.bottom .arrow:after {
  border-bottom-color: #f0f1f2
}

.popover.popover-hint.left .arrow {
  border-left-color: #f0f1f2
}

.popover.popover-hint.left .arrow:after {
  border-left-color: #f0f1f2
}

.popover.popover-hint.right .arrow {
  border-right-color: #f0f1f2
}

.popover.popover-hint.right .arrow:after {
  border-right-color: #f0f1f2
}

.popover .popover-title {
  margin: 0;
  text-align: center;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1.33;
  background-color: #dadde0;
  border-bottom: 1px solid #dadde0;
  border-radius: 5px 5px 0 0;
  background-clip: border-box
}

.popover .popover-text-content {
  padding: 4px 8px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.popover .popover-html-content {
  word-wrap: break-word
}

.popover .arrow {
  border-width: 11px
}

.popover .arrow,.popover .arrow:after {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover .arrow:after {
  border-width: 10px;
  content: " "
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  bottom: -11px
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0
}

.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0
}

.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  top: -11px
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0
}

.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  bottom: -10px
}

.input-clear-icon {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 30%;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.input-clear-icon:before {
  margin-right: 8px
}

.input-clear-icon:before {
  font-family: 'wapicon'
}

.input-clear-icon:before {
  content: "\e61a"
}

.input-resume-icon {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 35%;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.input-resume-icon:before {
  margin-right: 8px
}

.input-resume-icon:before {
  font-family: 'wapicon'
}

.input-resume-icon:before {
  content: "\e062"
}

.input-switch-mode-icon {
  padding: 5px 8px;
  cursor: pointer
}

.form-input-marker {
  transition: background-color 0.3s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  border: 4px solid transparent;
  opacity: 1
}

.form-input-marker-comment {
  border-top: 4px solid #ffc107;
  border-right: 4px solid #ffc107
}

.form-input-marker-todo {
  border-top: 4px solid #4285f4;
  border-right: 4px solid #4285f4
}

.form-input-marker-todo-half {
  border-top: 4px solid #4285f4
}

.form-control {
  display: block;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  padding: 0 8px;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #c2cad8;
  border-radius: 2px
}

.form-control:focus {
  box-shadow: none;
  transition: box-shadow ease-in-out .15s;
  outline: none;
  border-color: #4285f4
}

.form-control:focus::-webkit-input-placeholder {
  color: #E3E3E3
}

.form-control:focus:-moz-placeholder {
  color: #E3E3E3
}

.form-control:focus::-moz-placeholder {
  color: #E3E3E3
}

.form-control:focus:-ms-input-placeholder {
  color: #E3E3E3
}

.form-control:focus[readonly]::-webkit-input-placeholder {
  color: transparent
}

.form-control:focus[readonly]:-moz-placeholder {
  color: transparent
}

.form-control:focus[readonly]::-moz-placeholder {
  color: transparent
}

.form-control:focus[readonly]:-ms-input-placeholder {
  color: transparent
}

.form-control::-webkit-input-placeholder {
  color: #d0d0d0
}

.form-control:-moz-placeholder {
  color: #d0d0d0
}

.form-control::-moz-placeholder {
  color: #d0d0d0
}

.form-control:-ms-input-placeholder {
  color: #d0d0d0
}

.form-control[disabled],fieldset[disabled] .form-control {
  cursor: default;
  background-color: #e6e8ea;
  opacity: 1
}

.form-control:not(.wap-field-error):not(.wap-field-warning):not(.input-common-comment-plugin-comment-highlight)[readonly] {
  cursor: text;
  background-color: #edeff3;
  border: none;
  box-shadow: none;
  outline: none;
  resize: none;
  opacity: 1
}

.form-control.wap-field-warning:focus[readonly] {
  background-color: #fdf7ec
}

.form-control.wap-field-error:focus[readonly] {
  background-color: #fce8ef
}

.form-control[readonly]::-webkit-input-placeholder {
  color: transparent
}

.form-control[readonly]:-moz-placeholder {
  color: transparent
}

.form-control[readonly]::-moz-placeholder {
  color: transparent
}

.form-control[readonly]:-ms-input-placeholder {
  color: transparent
}

textarea.form-control {
  height: auto
}

.form-control.form-input-clearmode {
  padding-right: 32px
}

.form-input-clear-button {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 8px;
  font-size: 1.7rem;
  color: #9299a0;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.form-input-clear-button:before {
  margin-right: 8px
}

.form-input-clear-button:before {
  font-family: 'wapicon'
}

.form-input-clear-button:before {
  content: "\e61a"
}

.form-input-restore-button {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 8px;
  font-size: 1.7rem;
  color: #9299a0;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.form-input-restore-button:before {
  margin-right: 8px
}

.form-input-restore-button:before {
  font-family: 'wapicon'
}

.form-input-restore-button:before {
  content: "\e062"
}

.form-group {
  display: flex
}

.form-group .input-parent {
  position: relative;
  display: inline-block
}

.form-group.wap-core-ui-textinput input {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.form-group .label-element {
  font-size: 1.4rem;
  width: 208px;
  min-width: 208px;
  text-align: right;
  padding-right: 32px;
  line-height: 32px;
  vertical-align: top;
  color: #7f7f7f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.form-group .label-element-empty {
  display: none
}

.form-group.readonly .label-element {
  color: #7f7f7f
}

.form-group:not(.readonly) .must-column {
  position: relative
}

.form-group:not(.readonly) .must-column:after {
  color: #e91e63;
  content: "*";
  position: absolute;
  font-size: 1.7rem;
  right: 24px;
  top: -6px
}

.form-group:not(.readonly).direction-column .must-column {
  position: relative
}

.form-group:not(.readonly).direction-column .must-column:after {
  color: #e91e63;
  content: "*";
  position: relative;
  font-size: 1.7rem;
  line-height: 1.4rem;
  margin-left: -2px;
  right: auto;
  top: -6px
}

.form-group ::-webkit-input-placeholder {
  text-align: left
}

.form-group :-moz-placeholder {
  text-align: left
}

.form-group.direction-column {
  flex-direction: column
}

.form-group.direction-column .label-element {
  text-align: left
}

.form-group.direction-row {
  flex-direction: row
}

.form-group.direction-row .label-element {
  text-align: right
}

.form-control.wap-field-error {
  background-color: #fce8ef;
  border-color: #e91e63
}

.form-control.wap-field-error::-webkit-input-placeholder {
  color: #CCBCC2
}

.form-control.wap-field-error:-moz-placeholder {
  color: #CCBCC2
}

.form-control.wap-field-error::-moz-placeholder {
  color: #CCBCC2
}

.form-control.wap-field-error:-ms-input-placeholder {
  color: #CCBCC2
}

.form-control.wap-field-error:focus {
  border-color: #e91e63;
  outline: 0;
  background-color: #fff
}

.form-control.wap-field-error:focus::-webkit-input-placeholder {
  color: #E3E3E3
}

.form-control.wap-field-error:focus:-moz-placeholder {
  color: #E3E3E3
}

.form-control.wap-field-error:focus::-moz-placeholder {
  color: #E3E3E3
}

.form-control.wap-field-error:focus:-ms-input-placeholder {
  color: #E3E3E3
}

.form-control.wap-field-warning {
  background-color: #fdf7ec;
  border-color: #f4b142
}

.form-control.wap-field-warning:focus {
  border-color: #f4b142;
  outline: 0;
  background-color: #fff
}

.form-control.wap-field-success {
  background-color: #eaf8f7;
  border-color: #00b19d
}

.form-control.wap-field-success:focus {
  border-color: #00b19d;
  outline: 0;
  background-color: #fff
}

.form-control.wap-field-info {
  background-color: #ecf2fd;
  border-color: #4285f4
}

.form-control.wap-field-info:focus {
  border-color: #4285f4;
  outline: 0;
  background-color: #fff
}

.form-control.wap-field-not-entered {
  background-color: #e6e8ea
}

.form-control.wap-field-not-entered:focus {
  background-color: #fff
}

.form-control.wap-field-auto-filled {
  background-color: #f4f5f6
}

.form-control.wap-field-auto-filled:focus {
  background-color: #fff
}

.form-control.input-common-comment-plugin-comment-highlight {
  background-color: #fff8e1
}

.hint.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-height: 480px;
  padding: 0;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #a4aab0;
  border-radius: 3px;
  background-clip: border-box;
  border: 1px solid #cdd0d3;
  color: #333;
  white-space: normal
}

.hint.popover.top {
  max-width: 280px;
  margin-top: -10px
}

.hint.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #a4aab0;
  bottom: -11px
}

.hint.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff
}

.hint.popover.right {
  max-width: 640px;
  margin-left: 10px
}

.hint.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #a4aab0
}

.hint.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff
}

.hint.popover.bottom {
  max-width: 280px;
  margin-top: 10px
}

.hint.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #a4aab0;
  top: -11px
}

.hint.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff
}

.hint.popover.left {
  max-width: 640px;
  margin-left: -10px
}

.hint.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #a4aab0
}

.hint.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px
}

.hint.popover-text-content {
  padding: 8px 12px;
  word-wrap: break-word
}

.hint.popover-html-content {
  word-wrap: break-word
}

.hint.popover .arrow {
  border-width: 11px
}

.hint.popover .arrow,.hint.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 10px;
  content: ""
}

.grid-cell-padding {
  padding: 16px 16px
}

.wap-animation-spin {
  animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
  0% {
      -webkit-transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(360deg)
  }
}

@-moz-keyframes spin {
  0% {
      -moz-transform: rotate(0deg)
  }

  100% {
      -moz-transform: rotate(360deg)
  }
}

@-ms-keyframes spin {
  0% {
      -ms-transform: rotate(0deg)
  }

  100% {
      -ms-transform: rotate(360deg)
  }
}

@-o-keyframes spin {
  0% {
      -o-transform: rotate(0deg)
  }

  100% {
      -o-transform: rotate(360deg)
  }
}

@keyframes spin {
  0% {
      transform: rotate(0deg)
  }

  100% {
      transform: rotate(360deg)
  }
}

.wap-date-picker {
  min-width: 240px;
  position: absolute;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  background-clip: border-box;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -2px 5px -2px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  z-index: 1010;
  color: #333;
  top: 33px;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media (-ms-high-contrast:active) {
  .wap-date-picker {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-date-picker {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-date-picker {
      border: 1px solid #000
  }
}

.wap-date-picker-input[readonly]:not(.wap-date-picker-input-disabled):not(.wap-date-picker-input-readonly) {
  background: #fff
}

.wap-date-picker-input-disabled {
  cursor: not-allowed;
  background-color: #e6e8ea;
  opacity: 1
}

.wap-date-picker-year-selectable {
  min-width: 48px
}

.wap-date-picker-year-selectable,.wap-date-picker-month-selectable {
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.wap-date-picker-year-selectable:hover,.wap-date-picker-month-selectable:hover {
  color: #818da2
}

.wap-date-picker-select-option {
  color: #333
}

.wap-date-picker-icon.wap-date-picker-icon-prev-month {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 2
}

.wap-date-picker-icon.wap-date-picker-icon-prev-month:before {
  font-family: 'wapicon'
}

.wap-date-picker-icon.wap-date-picker-icon-prev-month:before {
  content: "\f104"
}

.wap-date-picker-icon.wap-date-picker-icon-next-month {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 2
}

.wap-date-picker-icon.wap-date-picker-icon-next-month:before {
  font-family: 'wapicon'
}

.wap-date-picker-icon.wap-date-picker-icon-next-month:before {
  content: "\f105"
}

.wap-date-picker-navi-prev-month,.wap-date-picker-navi-next-month {
  position: static;
  top: initial;
  left: initial;
  width: auto;
  height: auto;
  cursor: pointer;
  border-radius: 0;
  background-clip: border-box;
  text-align: center;
  flex: 0 0 8px;
  color: #263340
}

.wap-date-picker-navi-prev-month:hover,.wap-date-picker-navi-next-month:hover {
  background: #fff;
  color: #818da2
}

.wap-date-picker-navi-prev-month {
  left: 2px
}

.wap-date-picker-navi-next-month {
  right: 12px;
  order: 3
}

.wap-date-picker .wap-date-picker-title {
  line-height: 20px;
  text-align: center;
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: baseline
}

.wap-date-picker .wap-date-picker-title select {
  padding: 0 5px 0 5px
}

.wap-date-picker-calendar {
  font-size: 1.2rem;
  border-collapse: collapse;
  margin: 4px auto 2px
}

.wap-date-picker-week-header {
  padding: 8px 4px 2px 4px;
  text-align: center;
  font-weight: 400;
  border: 0
}

.wap-date-picker-days {
  border: none
}

.wap-date-picker-days .wap-date-picker-days-inner {
  display: block;
  color: #333;
  padding: 8px 0;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  height: 30px;
  width: 30px;
  margin: 1px;
  border-radius: 15px;
  background-clip: border-box;
  transition: all 0.2s ease
}

.wap-date-picker-days.wap-date-picker-unselectable.ui-state-disabled {
  background: #e6e8ea
}

.wap-date-picker-days.wap-date-picker-unselectable.ui-state-disabled.selecting {
  background: #e6e8ea;
  border-radius: 0;
  background-clip: border-box
}

.wap-date-picker-days.wap-date-picker-unselectable .wap-date-picker-days-inner {
  color: #7f7f7f;
  background: #e6e8ea
}

.wap-date-picker-days.wap-date-picker-sunday .wap-date-picker-days-inner,.wap-date-picker-days.wap-date-picker-holiday .wap-date-picker-days-inner,.wap-date-picker-days.wap-date-picker-saturday.wap-date-picker-holiday .wap-date-picker-days-inner {
  color: #e91e63
}

.wap-date-picker-days.wap-date-picker-sunday.wap-date-picker-unselectable .wap-date-picker-days-inner,.wap-date-picker-days.wap-date-picker-holiday.wap-date-picker-unselectable .wap-date-picker-days-inner,.wap-date-picker-days.wap-date-picker-saturday.wap-date-picker-holiday.wap-date-picker-unselectable .wap-date-picker-days-inner {
  color: #f48fb1
}

.wap-date-picker-days.wap-date-picker-saturday .wap-date-picker-days-inner {
  color: #4285f4
}

.wap-date-picker-days.wap-date-picker-saturday.wap-date-picker-unselectable .wap-date-picker-days-inner {
  color: #8eb6f8
}

.wap-date-picker-days.wap-date-picker-days-today:not(.wap-date-picker-selected-date) .wap-date-picker-days-inner {
  color: #333
}

.wap-date-picker-days.wap-date-picker-selected-date .wap-date-picker-days-inner {
  color: #fff;
  background: #263340
}

.wap-date-picker-days.wap-date-picker-selected-date:hover .wap-date-picker-days-inner {
  color: #fff
}

.wap-date-picker-days.wap-date-picker-days-special {
  background: #d11b59
}

.wap-date-picker-days.wap-date-picker-days-special .wap-date-picker-days-inner {
  color: #333
}

.wap-date-picker-days.wap-date-picker-days-highlight {
  border: 1px dashed #263340;
  background: #f0f1f2;
  color: #333
}

.wap-date-picker-days.wap-date-picker-days-of-other-months {
  opacity: 0.5
}

.wap-date-picker-days.wap-date-picker-days-of-other-months.wap-date-picker-unselectable {
  opacity: 1;
  background: initial
}

.wap-date-picker-days.wap-date-picker-days-of-other-months.wap-date-picker-unselectable.ui-state-disabled {
  background: initial
}

.wap-date-picker-days.selecting {
  border-radius: 16px;
  background-clip: border-box
}

.wap-date-picker-days.selecting .wap-date-picker-days-inner {
  background: #e6e8ea
}

.wap-date-picker-days.selecting .wap-date-picker-days-inner.ui-state-active {
  background: #263340;
  color: #fff
}

.wap-date-picker-days:not(:empty):not(.wap-date-picker-unselectable) {
  cursor: pointer
}

.wap-date-picker-days:empty {
  border: 0
}

.wap-date-picker-days.hover-from-date .wap-date-picker-days-inner {
  background-color: #e6e8ea;
  border-radius: 50%;
  background-clip: border-box
}

.wap-date-picker-days.hover-from-date .wap-date-picker-days-inner.ui-state-active {
  color: #fff;
  background: #263340
}

.wap-date-picker-days.hover-to-date .wap-date-picker-days-inner {
  background-color: #e6e8ea;
  border-radius: 50%;
  background-clip: border-box
}

.wap-date-picker-days.hover-to-date .wap-date-picker-days-inner.ui-state-active {
  color: #fff;
  background: #263340
}

.wap-date-picker-button-pane {
  min-width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 0 8px
}

.wap-date-picker-close-button,.wap-date-picker-today-button {
  border: none;
  margin: 0 0 6px;
  cursor: pointer;
  padding: 6px 8px;
  background: #fff;
  font-weight: bold;
  color: #263340
}

.wap-date-picker-close-button:hover,.wap-date-picker-today-button:hover {
  background: #fff;
  color: #818da2
}

.wap-date-picker-today-button {
  order: 1
}

.wap-date-picker-close-button {
  order: 2
}

.wap-date-picker.wap-date-picker-business-panel {
  margin-top: 40px
}

.wap-date-picker.wap-date-picker-multi-months {
  flex-direction: row
}

.wap-date-picker-group {
  float: left;
  flex: 1;
  flex-direction: column
}

.wap-date-picker-group.wap-date-picker-group-first .wap-date-picker-header {
  border-radius: 3px 0 0 3px;
  background-clip: border-box
}

.wap-date-picker-group.wap-date-picker-group-first .wap-date-picker-header .wap-date-picker-navi-prev-month {
  visibility: visible
}

.wap-date-picker-group.wap-date-picker-group-last .wap-date-picker-header {
  border-radius: 0 3px 3px 0;
  background-clip: border-box
}

.wap-date-picker-group.wap-date-picker-group-last .wap-date-picker-header .wap-date-picker-navi-next-month {
  visibility: visible
}

.wap-date-picker-group .wap-date-picker-header {
  border-left: none;
  border-right: none;
  border-radius: 0;
  background-clip: border-box
}

.wap-date-picker-group .wap-date-picker-header .wap-date-picker-navi-prev-month,.wap-date-picker-group .wap-date-picker-header .wap-date-picker-navi-next-month {
  visibility: hidden
}

.wap-date-picker-group .wap-date-picker-calender {
  margin: 0 4px 8px 4px
}

.wap-date-picker-multi-months-2 {
  width: 480px
}

.wap-date-picker-multi-months-2 .wap-date-picker-group {
  min-width: 50%
}

.wap-date-picker-multi-months-3 {
  width: 720px
}

.wap-date-picker-multi-months-3 .wap-date-picker-group {
  min-width: 33.3%
}

.wap-date-picker-header {
  color: #333;
  font-weight: 700;
  position: relative;
  padding: 12px 16px 0;
  border-radius: 0;
  background-clip: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center
}

.wap-date-picker .wap-date-picker-blue .wap-date-picker-days-inner {
  color: #4285f4;
  border: 1px solid #4285f4
}

.wap-date-picker .wap-date-picker-red .wap-date-picker-days-inner {
  color: #e91e63;
  border: 1px solid #e91e63
}

.wap-date-picker .wap-date-picker-yellow .wap-date-picker-days-inner {
  color: #f4b142;
  border: 1px solid #fcdec6
}

.wap-date-picker .wap-date-picker-green .wap-date-picker-days-inner {
  color: #00b19d;
  border: 1px solid #00b19d
}

.wap-date-picker .wap-date-picker-warning .wap-date-picker-days-inner {
  background: #fdf1de
}

.wap-date-picker .wap-date-picker-warning .ui-state-active {
  border: 1px solid #263340;
  background: #263340;
  color: #fff
}

.wap-date-picker-suggest-date {
  border: 1px solid #e6e8ea;
  padding: 4px 12px;
  margin-bottom: 8px;
  cursor: pointer;
  background: #e6e8ea;
  color: #aaa;
  border-radius: 3px;
  background-clip: border-box;
  transition: all 300ms ease-in-out
}

.wap-date-picker-suggest-date:hover {
  background: #dadde0;
  color: #333
}

.wap-date-picker-selected-year {
  background-color: #5c6bc0;
  height: 60px;
  color: white;
  position: relative;
  top: 0;
  z-index: 1011
}

.wap-date-picker-year {
  font-family: sans-serif;
  font-size: 18px;
  left: 10px;
  position: relative;
  top: 3px
}

.wap-date-picker-selected-day {
  font-family: sans-serif;
  line-height: 33px;
  font-size: 26px;
  text-align: center;
  font-weight: 400
}

.wap-hyperlink {
  color: #333;
  cursor: pointer;
  font-size: 1.6rem;
  vertical-align: baseline
}

.wap-hyperlink-overlap {
  position: absolute;
  z-index: 1030
}

body.global-searching {
  overflow-y: hidden !important
}

@media only screen and (max-width: 1279px) {
  body.global-searching {
      overflow-x:scroll;
      overflow-y: scroll
  }
}

.col,.picture-uploader-cropper-crop-editor-box-left,.spref-shrinking-mode-always .no-customized.wap-rich-list-row-body-primary-container.icon-only,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container.icon-only,.spref-shrinking-mode-always .no-customized.wap-rich-list-row-body-primary-container .list-item-avatar-room-avatar-part,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room-avatar-part,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container.icon-only,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room-avatar-part,.wap-confirmation-dialog-icon-div,.wap-confirmation-dialog-message {
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0
}

.col-as-row {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0
}

.scroll-bar {
  overflow: hidden
}

.scroll-bar-slider {
  cursor: pointer;
  outline: medium none;
  position: relative
}

.scroll-bar-slider:hover {
  background-color: #b8bdc2
}

.scroll-bar-slider:hover .scroll-bar-slider-thumb {
  background-color: #777f86
}

.scroll-bar-slider-horizontal {
  height: 5px;
  position: absolute;
  left: 0
}

.scroll-bar-slider-vertical {
  width: 5px;
  position: absolute;
  top: 0
}

.scroll-bar-slider-thumb {
  border-radius: 3px;
  background-clip: border-box;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  background-color: #b8bdc2
}

.scroll-bar-slider-vertical .scroll-bar-slider-thumb {
  width: 5px
}

.scroll-bar-slider-horizontal .scroll-bar-slider-thumb {
  height: 5px
}

.ripple-wave {
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  transform: scale(0);
  pointer-events: none
}

.ripple-wave-animation {
  animation: ripple 0.3s cubic-bezier(0.57, 0.4, 0.79, 0.62)
}

@keyframes ripple {
  100% {
      opacity: 0;
      transform: scale(2.5)
  }
}

.global-navi-user {
  height: 100%;
  width: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1032;
  margin: 0 8px;
  padding: 0 6px;
  position: relative
}

.global-navi-user-info-divider {
  margin-bottom: 4px;
  margin-top: 4px
}

.global-navi-user-img {
  border: 4px solid #4a5560;
  border-radius: 50%;
  background-clip: border-box;
  cursor: pointer
}

.global-navi-user-img-outer {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: right
}

.global-navi-user-img-presence {
  position: absolute;
  top: 36px;
  left: 34px;
  display: inline-block
}

.global-navi-user-info {
  width: 304px;
  padding-bottom: 4px
}

.global-navi-user-info-area {
  display: flex;
  flex-direction: row;
  height: 120px
}

.global-navi-user-info-img {
  margin: 16px 0 0 16px;
  border-radius: 50%
}

.global-navi-user-info-img-outer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-basis: 112px;
  flex-shrink: 0
}

.global-navi-user-info-instant {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  width: 160px
}

.global-navi-user-info-instant-status {
  color: #7f7f7f;
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.global-navi-user-info-instant-dept {
  margin-top: 16px;
  font-size: 1.2rem;
  color: #7f7f7f;
  line-height: 16px;
  max-height: 32px;
  overflow: hidden
}

.global-navi-user-menu {
  margin-bottom: 0
}

.global-navi-user-menu-item {
  display: flex;
  padding: 12px 0 12px 16px;
  color: #7f7f7f;
  cursor: pointer
}

.global-navi-user-menu-item.hidden {
  display: none
}

.global-navi-user-menu-item:hover {
  background-color: #e6e8ea
}

.global-navi-user-menu-item-icon {
  margin-right: 16px
}

.global-navi-user .wap-anchor-label {
  display: flex
}

.global-navi-user .wap-anchor-label:hover {
  background-color: #e6e8ea
}

.global-navi-user .wap-anchor-label-left-icon {
  margin-right: 16px
}

.global-navi-user .wap-anchor-label-left-margin {
  margin-left: 0
}

.global-navi-user .wap-anchor-label-parent {
  width: 100%;
  height: 100%;
  padding: 20.5px 0 20.5px 16px
}

.global-navi-user .wap-anchor-label-parent:focus,.global-navi-user .wap-anchor-label-parent:hover {
  color: #7f7f7f
}

.global-navi-user-license-dialog .wap-dialog-body {
  overflow-y: scroll
}

.global-navigation-header {
  background-clip: padding-box;
  background-color: #3a4a52;
  border-bottom-color: #3a4a52;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  box-sizing: border-box;
  color: #263340;
  left: 0;
  line-height: 1.7rem;
  margin: 0;
  height: 60px;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  vertical-align: baseline;
  z-index: 1032
}

.global-navigation-header-container {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.global-navigation-header-left {
  height: 60px;
  display: flex
}

.global-navigation-header-left>.service-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 0;
  color: #fff
}

.global-navigation-header-right {
  height: 60px;
  display: flex;
  justify-content: flex-end
}

.global-navigation-btn-separater {
  float: right;
  height: 32px;
  border-left: 1px solid #7f7f7f;
  margin-top: 8px;
  margin-left: 16px
}

.global-navigation-header-img-outer {
  margin-left: 8px;
  margin-right: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: right
}

.global-navigation-header-img {
  border: 4px solid #4a5560;
  width: 40px;
  border-radius: 50%;
  background-clip: border-box;
  cursor: pointer
}

@media screen and (max-width: 1280px) {
  .global-navigation-header .global-search-box-expanded {
      right:325px;
      width: calc(100% - 580px)
  }
}

@media screen and (max-width: 1050px) {
  .global-navigation-header .global-search-box-expanded {
      right:320px
  }
}

.global-navigation-header-popover-approval-target {
  position: relative
}

.global-navigation-header-popover-notification-target {
  position: relative
}

.global-navigation-header-popover-message-target {
  position: relative
}

.global-navigation-header-popover-message-arrow {
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #fff;
  right: 146px;
  top: 50px;
  position: absolute
}

.global-navigation-header-popover-message-arrow.hidden {
  display: none
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .global-navigation-header {
      height:40px
  }

  .spref-shrinking-mode-768 .global-navigation-header-left,.spref-shrinking-mode-768 .global-navigation-header-right {
      height: 40px
  }

  .spref-shrinking-mode-768 .global-navi-button-badge-area {
      line-height: inherit;
      top: auto;
      bottom: 0;
      height: 20px
  }

  .spref-shrinking-mode-768 .global-search-box-icon {
      height: 32px
  }

  .spref-shrinking-mode-768 .global-search-box-input {
      height: 32px
  }
}

.spref-shrinking-mode-always .global-navigation-header {
  height: 40px
}

.spref-shrinking-mode-always .global-navigation-header-left,.spref-shrinking-mode-always .global-navigation-header-right {
  height: 40px
}

.spref-shrinking-mode-always .global-navi-button-badge-area {
  line-height: inherit;
  top: auto;
  bottom: 0;
  height: 20px
}

.spref-shrinking-mode-always .global-search-box-icon {
  height: 32px
}

.spref-shrinking-mode-always .global-search-box-input {
  height: 32px
}

.wap-dialog {
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  display: table;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  outline: 0
}

.wap-dialog .wap-message-panel-default,.wap-dialog .wap-message-panel-info {
  background-color: #e8e8e8
}

.wap-dialog-div {
  margin: auto;
  right: 0;
  left: 0;
  position: fixed;
  display: block
}

.wap-dialog-div.dialog-size-xsmall {
  top: 25%;
  width: 488px;
  max-height: 488px
}

.wap-dialog-div.dialog-size-xsmall.wap-dialog-min-height {
  min-height: 305px
}

@media screen and (max-width: 481px) {
  .wap-dialog-div.dialog-size-xsmall {
      top:25%;
      width: calc(100vw - 40px);
      max-height: 90vh
  }

  .wap-dialog-div.dialog-size-xsmall.wap-dialog-min-height {
      min-height: 30vh
  }
}

.wap-dialog-div.dialog-size-small {
  top: 20%;
  width: 608px;
  max-height: 608px
}

.wap-dialog-div.dialog-size-small.wap-dialog-min-height {
  min-height: 380px
}

@media screen and (max-width: 601px) {
  .wap-dialog-div.dialog-size-small {
      top:20%;
      width: calc(100vw - 40px);
      max-height: 90vh
  }

  .wap-dialog-div.dialog-size-small.wap-dialog-min-height {
      min-height: 30vh
  }
}

.wap-dialog-div.dialog-size-middle {
  top: 10%;
  width: 808px;
  max-height: 808px
}

.wap-dialog-div.dialog-size-middle.wap-dialog-min-height {
  min-height: 505px
}

@media screen and (max-width: 801px) {
  .wap-dialog-div.dialog-size-middle {
      top:10%;
      width: calc(100vw - 40px);
      max-height: 90vh
  }

  .wap-dialog-div.dialog-size-middle.wap-dialog-min-height {
      min-height: 30vh
  }
}

.wap-dialog-div.dialog-size-large {
  top: 8%;
  width: 984px;
  max-height: 861px
}

.wap-dialog-div.dialog-size-large.wap-dialog-min-height {
  min-height: 615px
}

@media screen and (max-width: 977px) {
  .wap-dialog-div.dialog-size-large {
      top:8%;
      width: calc(100vw - 40px);
      max-height: 90vh
  }

  .wap-dialog-div.dialog-size-large.wap-dialog-min-height {
      min-height: 30vh
  }
}

.wap-dialog-div.dialog-size-xlarge {
  top: 8%;
  width: 1288px;
  max-height: 1127px
}

.wap-dialog-div.dialog-size-xlarge.wap-dialog-min-height {
  min-height: 805px
}

@media screen and (max-width: 1281px) {
  .wap-dialog-div.dialog-size-xlarge {
      top:8%;
      width: calc(100vw - 40px);
      max-height: 90vh
  }

  .wap-dialog-div.dialog-size-xlarge.wap-dialog-min-height {
      min-height: 30vh
  }
}

.wap-dialog-content {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: inherit;
  max-height: inherit;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.2), 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 -8px 16px -8px rgba(0, 0, 0, 0.08)
}

@media (-ms-high-contrast:active) {
  .wap-dialog-content {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-dialog-content {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-dialog-content {
      border: 1px solid #000
  }
}

.wap-dialog-header {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  height: auto;
  text-shadow: none;
  font-weight: 500;
  background: #00bcd4;
  color: #fff
}

.wap-dialog-header>.wap-header-label {
  flex: auto
}

.wap-dialog-header .wap-button-button {
  border: none;
  background-color: transparent;
  color: #fff;
  padding: 0 5px;
  width: 25px;
  height: 25px;
  opacity: 0.8
}

.wap-dialog-header .wap-button-button .wap-button-left-icon {
  margin: 2px 0 0 .5px
}

.wap-dialog-header .wap-button-button:enabled:hover {
  opacity: 1
}

.wap-dialog-header .wap-button-button.wap-button-flat:enabled:hover {
  background-color: transparent
}

.wap-dialog-header .cursor-default .wap-anchor-label-label {
  cursor: default
}

.wap-dialog-header .wap-anchor-label-parent {
  color: #fff
}

.wap-dialog-header .wap-anchor-label-parent:hover {
  opacity: 1
}

.wap-dialog-title {
  margin: 0;
  line-height: 1.5
}

.wap-dialog-title-bar {
  font-size: 2rem;
  border-left: 2px solid #4285f4;
  padding-left: 14px
}

.wap-dialog-body {
  flex-grow: 1;
  padding: 24px;
  width: 100%;
  overflow-y: inherit;
  overflow-x: inherit
}

.wap-dialog-body-overflow {
  overflow-y: auto;
  overflow-x: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .wap-dialog-body-overflow-touch::-webkit-scrollbar {
      height:5px;
      width: 5px
  }

  .wap-dialog-body-overflow-touch::-webkit-scrollbar:hover {
      background-color: #e6e8ea
  }

  .wap-dialog-body-overflow-touch::-webkit-scrollbar-thumb {
      background-color: #b8bdc2;
      border-radius: 3px
  }

  .wap-dialog-body-overflow-touch::-webkit-scrollbar-thumb:hover {
      background-color: #777f86
  }
}

.wap-dialog-body-has-sidemenu-list {
  padding: 0;
  display: flex
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list {
  border-right: 1px solid #e6e8ea;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 20%
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion {
  margin-top: 0
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-expanded .sidemenu-menu-list-accordion-header {
  opacity: 0.7
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-expanded .sidemenu-menu-list-accordion-header:hover,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-expanded .sidemenu-menu-list-accordion-header:focus {
  opacity: 1
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-header {
  padding-left: 20px;
  padding-right: 24px;
  border-left: 4px solid transparent
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-header:hover,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-header:focus {
  color: #4285f4;
  background-color: transparent
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content {
  padding-left: 36px
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content {
  margin-top: 0;
  padding-left: 20px
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content {
  border-left: 4px solid transparent;
  transition: color 0.15s ease-in-out
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content:hover,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content:hover,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content:focus,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content:focus {
  color: #4285f4;
  background-color: transparent
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content.active,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content.active {
  border-left: 4px solid #4285f4;
  background-color: transparent
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content.active:hover,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content.active:hover,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content.active:focus,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content.active:focus {
  background-color: transparent
}

.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content.active .sidemenu-menu-list-accordion-content-text,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content.active .sidemenu-menu-list-accordion-content-text,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-accordion-content.active .sidemenu-menu-list-simple-content-text,.wap-dialog-body-has-sidemenu-list .sidemenu-menu-list-simple-content.active .sidemenu-menu-list-simple-content-text {
  color: #4285f4
}

.wap-dialog-body.body-without-padding {
  padding: 0
}

.wap-dialog-body-gray {
  background-color: #f0f1f2
}

.wap-dialog-body.dialog-size-xsmall.wap-dialog-min-height,.wap-dialog-body.dialog-size-xsmall .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
  min-height: 180px
}

@media screen and (max-height: 381px) {
  .wap-dialog-body.dialog-size-xsmall.wap-dialog-min-height,.wap-dialog-body.dialog-size-xsmall .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
      min-height:calc(80vh - 104px)
  }
}

.wap-dialog-body.dialog-size-small {
  max-height: 471px
}

.wap-dialog-body.wap-dialog-min-height,.wap-dialog-body.dialog-size-small .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
  min-height: 255px
}

@media screen and (max-height: 456px) {
  .wap-dialog-body.wap-dialog-min-height,.wap-dialog-body.dialog-size-small .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
      min-height:calc(80vh - 104px)
  }
}

.wap-dialog-body.dialog-size-middle.wap-dialog-min-height,.wap-dialog-body.dialog-size-middle .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
  min-height: 380px
}

@media screen and (max-height: 581px) {
  .wap-dialog-body.dialog-size-middle.wap-dialog-min-height,.wap-dialog-body.dialog-size-middle .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
      min-height:calc(80vh - 104px)
  }
}

.wap-dialog-body.dialog-size-large.wap-dialog-min-height,.wap-dialog-body.dialog-size-large .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
  min-height: 490px
}

@media screen and (max-height: 691px) {
  .wap-dialog-body.dialog-size-large.wap-dialog-min-height,.wap-dialog-body.dialog-size-large .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
      min-height:calc(80vh - 104px)
  }
}

.wap-dialog-body.dialog-size-xlarge.wap-dialog-min-height,.wap-dialog-body.dialog-size-xlarge .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
  min-height: 680px
}

@media screen and (max-height: 881px) {
  .wap-dialog-body.dialog-size-xlarge.wap-dialog-min-height,.wap-dialog-body.dialog-size-xlarge .wap-tab.under-line.tab-vertical.wap-dialog-min-height {
      min-height:calc(80vh - 104px)
  }
}

.wap-dialog-body .wap-tab-body.tab-vertical.under-line {
  padding-top: 16px
}

.wap-dialog-body .wap-tab-tabs.under-line.tab-vertical .wap-tab-tabs-header .wap-tab-tabs-header-target {
  padding-left: 20px
}

.wap-dialog-body .wap-tab-content.under-line.tab-vertical {
  padding-top: 16px;
  padding-right: 24px
}

.wap-dialog-footer {
  flex-shrink: 0;
  padding: 16px 24px;
  text-align: right;
  border-top: 1px solid #e6e8ea;
  width: 100%
}

.wap-dialog-footer-customization {
  display: flex;
  justify-content: flex-end
}

.wap-dialog-footer-customization .l-grid-leaf.ltr>.component {
  margin-left: 8px
}

.wap-dialog-footer-customization .l-grid-leaf.ltr>.component:first-child {
  margin-left: 0
}

.wap-dialog-footer-customization .l-grid-leaf.rtl>.component {
  margin-right: 8px
}

.wap-dialog-footer-customization .l-grid-leaf.rtl>.component:first-child {
  margin-right: 0
}

.wap-dialog-button {
  margin-left: 16px
}

.wap-dialog-button .wap-button-medium {
  min-width: 64px
}

.wap-inbox-image-renderer {
  height: 40px;
  width: 40px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-inbox-image-renderer-round {
  border-radius: 48px;
  background-clip: border-box
}

.material-load-spinner {
  display: none;
  vertical-align: middle;
  position: relative;
  width: 35px;
  height: 35px
}

.material-load-spinner-showing {
  display: inline-block
}

.material-load-spinner-circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  width: 100%
}

.material-load-spinner-circular-path {
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #4285f4
}

.material-load-spinner lesshat-selector {
  -lh-property: 0;
}

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

@-moz-keyframes rotate {
  100% {
      -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  100% {
      -o-transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

[not-existing] {
  zoom: 1}

.material-load-spinner lesshat-selector {
  -lh-property: 0;
}

@-webkit-keyframes dash {
  0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0px;
  }

  50% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35px;
  }

  100% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124px;
  }
}

@-moz-keyframes dash {
  0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0px;
  }

  50% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35px;
  }

  100% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124px;
  }
}

@-o-keyframes dash {
  0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0px;
  }

  50% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35px;
  }

  100% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124px;
  }
}

@keyframes dash {
  0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0px;
  }

  50% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35px;
  }

  100% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124px;
  }
}

[not-existing] {
  zoom: 1}

.material-load-spinner lesshat-selector {
  -lh-property: 0;
}

@-webkit-keyframes color {
  100%, 0% {
      stroke: #efec5e;
  }

  10% {
      stroke: #e0e66f;
  }

  20% {
      stroke: #d0e17e;
  }

  30% {
      stroke: #bfdb8b;
  }

  40% {
      stroke: #add598;
  }

  50% {
      stroke: #99cfa2;
  }

  60% {
      stroke: #81c8af;
  }

  70% {
      stroke: #65c2b8;
  }

  80% {
      stroke: #3bbbc2;
  }

  90% {
      stroke: #0bb5cb;
  }
}

@-moz-keyframes color {
  100%, 0% {
      stroke: #efec5e;
  }

  10% {
      stroke: #e0e66f;
  }

  20% {
      stroke: #d0e17e;
  }

  30% {
      stroke: #bfdb8b;
  }

  40% {
      stroke: #add598;
  }

  50% {
      stroke: #99cfa2;
  }

  60% {
      stroke: #81c8af;
  }

  70% {
      stroke: #65c2b8;
  }

  80% {
      stroke: #3bbbc2;
  }

  90% {
      stroke: #0bb5cb;
  }
}

@-o-keyframes color {
  100%, 0% {
      stroke: #efec5e;
  }

  10% {
      stroke: #e0e66f;
  }

  20% {
      stroke: #d0e17e;
  }

  30% {
      stroke: #bfdb8b;
  }

  40% {
      stroke: #add598;
  }

  50% {
      stroke: #99cfa2;
  }

  60% {
      stroke: #81c8af;
  }

  70% {
      stroke: #65c2b8;
  }

  80% {
      stroke: #3bbbc2;
  }

  90% {
      stroke: #0bb5cb;
  }
}

@keyframes color {
  100%, 0% {
      stroke: #efec5e;
  }

  10% {
      stroke: #e0e66f;
  }

  20% {
      stroke: #d0e17e;
  }

  30% {
      stroke: #bfdb8b;
  }

  40% {
      stroke: #add598;
  }

  50% {
      stroke: #99cfa2;
  }

  60% {
      stroke: #81c8af;
  }

  70% {
      stroke: #65c2b8;
  }

  80% {
      stroke: #3bbbc2;
  }

  90% {
      stroke: #0bb5cb;
  }
}

[not-existing] {
  zoom: 1}

.user-status-display-type-icon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-clip: border-box;
  display: inline-block
}

.user-status-display-type-icon-offline {
  background-color: #fff;
  border: 2px solid #9299a0
}

.user-status-display-type-icon-online {
  background-color: #00b19d;
  border: 2px solid #00b19d
}

.user-status-display-type-icon-size-img-64,.user-status-display-type-icon-size-user-card-picture-img-64 {
  width: 14px;
  height: 14px
}

.user-status-display-type-icon-size-img-56,.user-status-display-type-icon-size-user-card-picture-img-56 {
  width: 12px;
  height: 12px
}

.user-status-display-type-icon-size-img-40,.user-status-display-type-icon-size-user-card-picture-img-40 {
  width: 10px;
  height: 10px
}

.user-status-display-type-icon-size-img-32,.user-status-display-type-icon-size-user-card-picture-img-32 {
  width: 8px;
  height: 8px
}

.talk-user-status-setting {
  height: 100%;
  width: 250px;
  justify-content: center;
  z-index: 1032
}

.talk-user-status-setting-divider {
  margin-bottom: 4px;
  margin-top: 4px
}

.global-search-box {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1
}

.global-search-box-container {
  display: flex;
  justify-content: flex-end
}

.global-search-box-icon {
  padding: 1px 16px 1px 16px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: border-box;
  background-color: #3a4a52;
  width: 48px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.6rem;
  color: #bdbdbd;
  border: none;
  cursor: pointer;
  transition: all 0.4s ease
}

.global-search-box-icon:hover {
  color: #fff
}

.global-search-box-input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  background-color: rgba(255,255,255,0.16);
  border: 0;
  height: 40px;
  border-radius: 0 3px 3px 0;
  background-clip: border-box;
  width: 0;
  transition: all 0.4s ease;
  padding-top: 4px;
  font-size: 1.4rem
}

.global-search-box-input::-webkit-input-placeholder {
  color: #aaa
}

.global-search-box-input:-moz-placeholder {
  color: #aaa
}

.global-search-box-input::-moz-placeholder {
  color: #aaa
}

.global-search-box-input:-ms-input-placeholder {
  color: #aaa
}

.global-search-box-input::-ms-clear {
  display: none
}

.global-search-box-expanded {
  position: absolute;
  right: 348px;
  width: calc(100% - 696px)
}

.global-search-box-expanded .global-search-box-input {
  width: 100%;
  padding-right: 32px
}

.global-search-box-expanded .global-search-box-icon {
  background-color: rgba(255,255,255,0.16)
}

.wap-toastr-container {
  position: fixed;
  z-index: 1055;
  left: 32px;
  bottom: 12px;
  overflow: hidden
}

.wap-toastrs {
  border-radius: 3px;
  background-clip: border-box;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  margin-bottom: 8px;
  padding: 16px;
  min-width: 320px;
  max-width: 560px;
  display: flex;
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.2s,-webkit-transform 0.3s cubic-bezier(0.16, 0.84, 0.44, 1),-moz-transform 0.3s cubic-bezier(0.16, 0.84, 0.44, 1),-o-transform 0.3s cubic-bezier(0.16, 0.84, 0.44, 1),transform 0.3s cubic-bezier(0.16, 0.84, 0.44, 1)
}

@media (-ms-high-contrast:active) {
  .wap-toastrs {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-toastrs {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-toastrs {
      border: 1px solid #000
  }
}

.wap-toastrs-content {
  width: 100%;
  display: flex;
  align-items: center
}

.wap-toastrs-message {
  display: flex;
  color: #fff;
  flex-shrink: 1
}

.wap-toastrs-footer-button {
  margin-left: 24px;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0
}

.wap-toastrs-close {
  display: flex;
  color: #fff;
  font-size: 1.4rem
}

.wap-toastrs-close:hover,.wap-toastrs-close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7
}

.wap-toastrs-confirm-button-ok,.wap-toastrs-confirm-button-ng {
  cursor: pointer;
  white-space: nowrap;
  font-weight: 700;
  text-transform: uppercase;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  border-radius: 2px;
  background-clip: border-box;
  height: 32px;
  border: none;
  padding: 0;
  padding-right: 16px;
  height: inherit
}

.wap-toastrs-button {
  cursor: pointer;
  white-space: nowrap;
  font-weight: 700;
  text-transform: uppercase;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  border-radius: 2px;
  background-clip: border-box;
  height: 32px;
  border: none;
  padding: 0;
  padding-right: 16px;
  height: inherit
}

.wap-toastrs-success {
  background-color: #263340
}

.wap-toastrs-success .wap-toastrs-confirm-button-ok,.wap-toastrs-success .wap-toastrs-confirm-button-ng,.wap-toastrs-success .wap-toastrs-button {
  background-color: transparent;
  color: #4285f4;
  outline: none;
  box-shadow: none;
  transition: background-color 0.3s ease;
  color: #a1c2fa
}

.wap-toastrs-success .wap-toastrs-confirm-button-ok.disabled,.wap-toastrs-success .wap-toastrs-confirm-button-ng.disabled,.wap-toastrs-success .wap-toastrs-button.disabled,.wap-toastrs-success .wap-toastrs-confirm-button-ok[disabled],.wap-toastrs-success .wap-toastrs-confirm-button-ng[disabled],.wap-toastrs-success .wap-toastrs-button[disabled] {
  opacity: 0.65;
  color: #699ef6;
  background-color: transparent
}

.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:hover,.wap-toastrs-success .wap-toastrs-button:enabled:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:focus,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:focus,.wap-toastrs-success .wap-toastrs-button:enabled:focus,.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:focus:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:focus:hover,.wap-toastrs-success .wap-toastrs-button:enabled:focus:hover {
  background-color: #ecf3fe;
  box-shadow: none;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:active:focus,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:active:focus,.wap-toastrs-success .wap-toastrs-button:enabled:active:focus,.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:active:focus:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:active:focus:hover,.wap-toastrs-success .wap-toastrs-button:enabled:active:focus:hover {
  background-color: #c6dafb
}

.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:hover,.wap-toastrs-success .wap-toastrs-button:enabled:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:focus,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:focus,.wap-toastrs-success .wap-toastrs-button:enabled:focus,.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:focus:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:focus:hover,.wap-toastrs-success .wap-toastrs-button:enabled:focus:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:active:focus,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:active:focus,.wap-toastrs-success .wap-toastrs-button:enabled:active:focus,.wap-toastrs-success .wap-toastrs-confirm-button-ok:enabled:active:focus:hover,.wap-toastrs-success .wap-toastrs-confirm-button-ng:enabled:active:focus:hover,.wap-toastrs-success .wap-toastrs-button:enabled:active:focus:hover {
  opacity: 0.7;
  background-color: transparent
}

.wap-toastrs-error {
  background-color: #e91e63
}

.wap-toastrs-error .wap-toastrs-confirm-button-ok,.wap-toastrs-error .wap-toastrs-confirm-button-ng,.wap-toastrs-error .wap-toastrs-button {
  background-color: transparent;
  color: #fff;
  outline: none;
  box-shadow: none;
  transition: background-color 0.3s ease
}

.wap-toastrs-error .wap-toastrs-confirm-button-ok.disabled,.wap-toastrs-error .wap-toastrs-confirm-button-ng.disabled,.wap-toastrs-error .wap-toastrs-button.disabled,.wap-toastrs-error .wap-toastrs-confirm-button-ok[disabled],.wap-toastrs-error .wap-toastrs-confirm-button-ng[disabled],.wap-toastrs-error .wap-toastrs-button[disabled] {
  opacity: 0.55;
  background-color: transparent
}

.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:hover,.wap-toastrs-error .wap-toastrs-button:enabled:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:focus,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:focus,.wap-toastrs-error .wap-toastrs-button:enabled:focus,.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:focus:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:focus:hover,.wap-toastrs-error .wap-toastrs-button:enabled:focus:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.2);
  box-shadow: none;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:active:focus,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:active:focus,.wap-toastrs-error .wap-toastrs-button:enabled:active:focus,.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:active:focus:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:active:focus:hover,.wap-toastrs-error .wap-toastrs-button:enabled:active:focus:hover {
  background-color: rgba(235,235,235,0.2)
}

.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:hover,.wap-toastrs-error .wap-toastrs-button:enabled:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:focus,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:focus,.wap-toastrs-error .wap-toastrs-button:enabled:focus,.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:focus:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:focus:hover,.wap-toastrs-error .wap-toastrs-button:enabled:focus:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:active:focus,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:active:focus,.wap-toastrs-error .wap-toastrs-button:enabled:active:focus,.wap-toastrs-error .wap-toastrs-confirm-button-ok:enabled:active:focus:hover,.wap-toastrs-error .wap-toastrs-confirm-button-ng:enabled:active:focus:hover,.wap-toastrs-error .wap-toastrs-button:enabled:active:focus:hover {
  opacity: 0.7;
  background-color: transparent
}

.wap-toastrs-hidden {
  transform: translateY(40px);
  opacity: 0
}

.wap-checkbox-group.hidden {
  display: none
}

.wap-checkbox-group.invisible {
  visibility: hidden
}

.wap-checkbox-group-children {
  display: inline-flex;
  flex-wrap: wrap
}

.wap-checkbox-group-children.wap-checkbox-group-col0>.wap-checkbox {
  margin-right: 8px;
  padding-right: 16px
}

.wap-checkbox-group-children.wap-checkbox-group-col1>.wap-checkbox {
  min-width: 90%;
  flex-shrink: 0;
  flex-basis: 90%
}

.wap-checkbox-group-children.wap-checkbox-group-col2>.wap-checkbox {
  min-width: 45%;
  flex-shrink: 0;
  flex-basis: 45%
}

.wap-checkbox-group-children.wap-checkbox-group-col3>.wap-checkbox {
  min-width: 28%;
  flex-shrink: 0;
  flex-basis: 28%
}

.wap-checkbox-group-children.wap-checkbox-group-col4>.wap-checkbox {
  min-width: 24%;
  flex-shrink: 0;
  flex-basis: 24%
}

.wap-checkbox-group-children.wap-checkbox-group-col5>.wap-checkbox {
  min-width: 18%;
  flex-shrink: 0;
  flex-basis: 18%
}

.wap-checkbox-group-children.wap-checkbox-group-col6>.wap-checkbox {
  min-width: 15%;
  flex-shrink: 0;
  flex-basis: 15%
}

.wap-checkbox-group-children.wap-checkbox-group-col7>.wap-checkbox {
  min-width: 13%;
  flex-shrink: 0;
  flex-basis: 13%
}

.wap-checkbox-group-children.wap-checkbox-group-col8>.wap-checkbox {
  min-width: 12%;
  flex-shrink: 0;
  flex-basis: 12%
}

.wap-checkbox-group-children.wap-checkbox-group-col9>.wap-checkbox {
  min-width: 11%;
  flex-shrink: 0;
  flex-basis: 11%
}

.wap-checkbox-group-children.wap-checkbox-group-col10>.wap-checkbox {
  min-width: 9.5%;
  flex-shrink: 0;
  flex-basis: 9.5%
}

.wap-checkbox-group-children .wap-text-label {
  padding-top: 0
}

.wap-checkbox-group-in-group {
  margin-left: 16px
}

.wap-checkbox-group.readonly .wap-checkbox-input.wap-checkbox-input-component {
  cursor: default
}

.wap-checkbox-group.readonly .wap-checkbox-label {
  color: #333;
  cursor: default
}

.wap-checkbox-group.disabled .wap-checkbox-input.wap-checkbox-input-component {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.wap-checkbox-group.disabled .wap-checkbox-label {
  color: #d0d0d0;
  cursor: default
}

.wap-checkbox-group-width-size-s {
  width: 120px
}

.wap-checkbox-group-width-size-m {
  width: 240px
}

.wap-checkbox-group-width-size-l {
  width: 480px
}

.wap-checkbox-group-width-size-xl {
  width: 720px
}

.wap-checkbox-group-width-size-full {
  width: 100%
}

.wap-checkbox-group:not(.readonly) .must-column {
  position: relative
}

.wap-checkbox-group:not(.readonly) .must-column:after {
  color: #e91e63;
  content: "*";
  position: absolute;
  font-size: 1.7rem;
  right: 24px;
  top: -6px
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-checkbox-group-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-checkbox-group-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-checkbox-group-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-checkbox-group-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-checkbox-group-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-checkbox-group-width-size-xl {
      width:240px
  }
}

.wap-date-input-inputbox {
  width: 100%
}

.wap-date-input-inputbox.wap-field-error~.wap-date-input-picker-button .wap-button-button {
  background-color: #fce8ef
}

.wap-date-input-inputbox.wap-field-error~.wap-date-input-picker-button .wap-button-button:focus,.wap-date-input-inputbox.wap-field-error~.wap-date-input-picker-button .wap-button-button:hover,.wap-date-input-inputbox.wap-field-error~.wap-date-input-picker-button .wap-button-button:focus:hover {
  background-color: #f9c4d6
}

.wap-date-input-inputbox.wap-field-error~.wap-date-input-picker-button .wap-button-button:active:focus,.wap-date-input-inputbox.wap-field-error~.wap-date-input-picker-button .wap-button-button:active:focus:hover {
  background-color: #f06292
}

.wap-date-input-inputbox.wap-field-error~.wap-date-input-picker-button .wap-button-button>.ripple-wave {
  background-color: #f06292
}

.wap-date-input-inputbox.wap-field-error:focus~.wap-date-input-picker-button .wap-button-button {
  background-color: #fff
}

.wap-date-input-inputbox.wap-field-error:focus~.wap-date-input-picker-button .wap-button-button:focus,.wap-date-input-inputbox.wap-field-error:focus~.wap-date-input-picker-button .wap-button-button:hover,.wap-date-input-inputbox.wap-field-error:focus~.wap-date-input-picker-button .wap-button-button:focus:hover {
  background-color: #f9c4d6
}

.wap-date-input-inputbox.wap-field-error:focus~.wap-date-input-picker-button .wap-button-button:active:focus,.wap-date-input-inputbox.wap-field-error:focus~.wap-date-input-picker-button .wap-button-button:active:focus:hover {
  background-color: #f06292
}

.wap-date-input-inputbox.wap-field-error:focus~.wap-date-input-picker-button .wap-button-button>.ripple-wave {
  background-color: #f06292
}

.wap-date-input-inputbox.wap-field-warning~.wap-date-input-picker-button .wap-button-button {
  background-color: #fdf7ec
}

.wap-date-input-inputbox.wap-field-warning~.wap-date-input-picker-button .wap-button-button:focus,.wap-date-input-inputbox.wap-field-warning~.wap-date-input-picker-button .wap-button-button:hover,.wap-date-input-inputbox.wap-field-warning~.wap-date-input-picker-button .wap-button-button:focus:hover {
  background-color: #fadeaf
}

.wap-date-input-inputbox.wap-field-warning~.wap-date-input-picker-button .wap-button-button:active:focus,.wap-date-input-inputbox.wap-field-warning~.wap-date-input-picker-button .wap-button-button:active:focus:hover {
  background-color: #ffb74d
}

.wap-date-input-inputbox.wap-field-warning~.wap-date-input-picker-button .wap-button-button>.ripple-wave {
  background-color: #ffb74d
}

.wap-date-input-inputbox.wap-field-warning:focus~.wap-date-input-picker-button .wap-button-button {
  background-color: #fff
}

.wap-date-input-inputbox.wap-field-warning:focus~.wap-date-input-picker-button .wap-button-button:focus,.wap-date-input-inputbox.wap-field-warning:focus~.wap-date-input-picker-button .wap-button-button:hover,.wap-date-input-inputbox.wap-field-warning:focus~.wap-date-input-picker-button .wap-button-button:focus:hover {
  background-color: #fadeaf
}

.wap-date-input-inputbox.wap-field-warning:focus~.wap-date-input-picker-button .wap-button-button:active:focus,.wap-date-input-inputbox.wap-field-warning:focus~.wap-date-input-picker-button .wap-button-button:active:focus:hover {
  background-color: #ffb74d
}

.wap-date-input-inputbox.wap-field-warning:focus~.wap-date-input-picker-button .wap-button-button>.ripple-wave {
  background-color: #ffb74d
}

.wap-date-input-inputbox.input-common-comment-plugin-comment-highlight~.wap-date-input-picker-button .wap-button-button {
  background-color: #fff8e1
}

.wap-date-input-inputbox.input-common-comment-plugin-comment-highlight~.wap-date-input-picker-button .wap-button-button:hover {
  background-color: #ffecb3
}

.wap-date-input-inputbox.input-common-comment-plugin-comment-highlight~.wap-date-input-picker-button .wap-button-button>.ripple-wave {
  background-color: #ffd54f
}

.wap-date-input-inputbox.input-common-comment-plugin-comment-highlight:focus~.wap-date-input-picker-button .wap-button-button {
  background-color: #fff
}

.wap-date-input-inputbox.input-common-comment-plugin-comment-highlight:focus~.wap-date-input-picker-button .wap-button-button:hover {
  background-color: #ffecb3
}

.wap-date-input-inputbox.input-common-comment-plugin-comment-highlight:focus~.wap-date-input-picker-button .wap-button-button>.ripple-wave {
  background-color: #ffd54f
}

.wap-date-input-picker-button {
  position: absolute;
  right: 0;
  top: 0
}

.wap-date-input-picker-button .wap-button-white {
  color: #7f7f7f
}

.wap-date-input-picker-button .wap-button-white:enabled:focus,.wap-date-input-picker-button .wap-button-white:enabled:hover,.wap-date-input-picker-button .wap-button-white:enabled:focus:hover {
  color: #333;
  border: none
}

.wap-date-input-picker-button .wap-button-white:enabled:active:focus,.wap-date-input-picker-button .wap-button-white:enabled:active:focus:hover {
  border: none
}

.wap-date-input .wap-button-button {
  border: none;
  height: 28px;
  margin-top: 2px;
  margin-bottom: 1px;
  margin-right: 2px;
  padding-right: 11px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  background-clip: border-box;
  transition: color 0.3s ease, background-color 0.3s ease
}

.wap-date-input-width-size-m {
  width: 240px
}

.wap-date-input-era-select {
  white-space: nowrap;
  min-width: 25%;
  background-color: #fff;
  position: absolute;
  top: 33px;
  left: 0;
  -webkit-filter: drop-shadow(8121991);
  -moz-filter: drop-shadow(8121991);
  -ms-filter: drop-shadow(8121991);
  filter: drop-shadow(8121991);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  border-radius: 2px;
  background-clip: border-box;
  z-index: 1000;
  border: 1px solid #dadde0;
  padding: 4px 0
}

.wap-date-input-era-select-option {
  padding: 8px;
  text-align: left;
  cursor: pointer
}

.wap-date-input-era-select-option.active {
  color: #333;
  background-color: #e6e8ea
}

.wap-date-input.hidden {
  display: none
}

.wap-date-input.invisible {
  visibility: hidden
}

.wap-date-input-suggestions {
  white-space: nowrap;
  min-width: 100%;
  background-color: #fff;
  position: absolute;
  top: 33px;
  left: 0;
  -webkit-filter: drop-shadow(8121991);
  -moz-filter: drop-shadow(8121991);
  -ms-filter: drop-shadow(8121991);
  filter: drop-shadow(8121991);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  border-radius: 2px;
  background-clip: border-box;
  z-index: 1000;
  border: 1px solid #dadde0;
  padding: 4px 0
}

.wap-date-input .ac-row {
  padding: 8px;
  text-align: left;
  cursor: pointer
}

.wap-date-input .ac-row.active {
  color: #333;
  background-color: #e6e8ea
}

.wap-date-input-button-error-style:focus,.wap-date-input-button-error-style:hover,.wap-date-input-button-error-style:focus:hover {
  background-color: #f9c4d6
}

.wap-date-input-button-error-style:active:focus,.wap-date-input-button-error-style:active:focus:hover {
  background-color: #f06292
}

.wap-date-input-button-error-style>.ripple-wave {
  background-color: #f06292
}

.wap-date-input-button-warning-style:focus,.wap-date-input-button-warning-style:hover,.wap-date-input-button-warning-style:focus:hover {
  background-color: #fadeaf
}

.wap-date-input-button-warning-style:active:focus,.wap-date-input-button-warning-style:active:focus:hover {
  background-color: #ffb74d
}

.wap-date-input-button-warning-style>.ripple-wave {
  background-color: #ffb74d
}

.wap-date-input-button-comment-highlight-style:hover {
  background-color: #ffecb3
}

.wap-date-input-button-comment-highlight-style>.ripple-wave {
  background-color: #ffd54f
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-date-input .wap-button .wap-button-button {
      height:24px
  }
}

.spref-shrinking-mode-always .wap-date-input .wap-button .wap-button-button {
  height: 24px
}

.wap-checkbox {
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  line-height: 16px;
  position: relative;
  align-items: center
}

.wap-checkbox.hidden {
  display: none
}

.wap-checkbox.invisible {
  visibility: hidden
}

.wap-checkbox-input.wap-checkbox-input-component {
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.wap-checkbox-input.wap-checkbox-input-component:focus {
  outline: none
}

.wap-checkbox-ripple-box {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-clip: border-box;
  opacity: 0;
  position: absolute;
  transform: scale(1.5);
  background-color: rgba(119,127,134,0.2);
  top: 7px
}

.wap-checkbox-ripple-box.checkbox-ripple-animation {
  opacity: 1;
  transform: scale(2.5);
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),-moz-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),-o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s ease
}

.wap-checkbox-label {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis
}

.wap-checkbox.checkbox-disabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #d0d0d0
}

.wap-checkbox.checkbox-disabled.readonly .wap-checkbox-label {
  color: #333;
  cursor: default
}

.wap-checkbox.checkbox-disabled .wap-checkbox-icon {
  border-color: #d0d0d0;
  cursor: default
}

.wap-checkbox.checkbox-disabled .wap-checkbox-label {
  border-color: #d0d0d0;
  cursor: default
}

.wap-checkbox-icon {
  cursor: pointer;
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  background-clip: border-box;
  border: 2px solid #777f86;
  margin: 0 8px 0 0;
  flex-shrink: 0;
  background-color: #fff
}

.wap-checkbox-icon-checked {
  background-color: #777f86;
  transition: background-color 0.01s ease 0.15s
}

.wap-checkbox-icon-checked .wap-checkbox-animate-background-nether {
  transform: scale(1);
  transition: -webkit-transform 0.15s cubic-bezier(0, 1, 1, 1),-moz-transform 0.15s cubic-bezier(0, 1, 1, 1),-o-transform 0.15s cubic-bezier(0, 1, 1, 1),transform 0.15s cubic-bezier(0, 1, 1, 1)
}

.wap-checkbox-icon-checked .wap-checkbox-animate-background-upper {
  transform: scale(1);
  left: 12px;
  transition: -webkit-transform 0.15s cubic-bezier(0, 1, 1, 1),-moz-transform 0.15s cubic-bezier(0, 1, 1, 1),-o-transform 0.15s cubic-bezier(0, 1, 1, 1),transform 0.15s cubic-bezier(0, 1, 1, 1), left 0.1s ease-in 0.15s
}

@media (-ms-high-contrast:active) {
  .wap-checkbox-icon-checked>.wap-checkbox-checkmark {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2020%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-checkbox-icon-checked>.wap-checkbox-checkmark {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2020%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-checkbox-icon-checked>.wap-checkbox-checkmark {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2020%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-checkbox-icon-checked>.wap-checkbox-checkmark {
      background-color: #000
  }
}

.wap-checkbox-animate-background-nether {
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #777f86;
  top: -4px;
  left: -4px;
  border-radius: 50%;
  background-clip: border-box;
  transform: scale(0);
  transition: -webkit-transform 0.05s cubic-bezier(0, 1, 1, 1) 0.2s,-moz-transform 0.05s cubic-bezier(0, 1, 1, 1) 0.2s,-o-transform 0.05s cubic-bezier(0, 1, 1, 1) 0.2s,transform 0.05s cubic-bezier(0, 1, 1, 1) 0.2s
}

.wap-checkbox-animate-background-upper {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -4px;
  left: -4px;
  background-color: #777f86;
  border-radius: 50%;
  background-clip: border-box;
  margin-top: -1px;
  transform: scale(0);
  transition: -webkit-transform 0.05s cubic-bezier(0, 1, 1, 1) 0.2s,-moz-transform 0.05s cubic-bezier(0, 1, 1, 1) 0.2s,-o-transform 0.05s cubic-bezier(0, 1, 1, 1) 0.2s,transform 0.05s cubic-bezier(0, 1, 1, 1) 0.2s, left 0.15s ease-in
}

.wap-checkbox-checkmark {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -4px;
  top: -3px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2020%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");
  background-size: 85% 85%
}

@media (-ms-high-contrast:active) {
  .wap-checkbox-checkmark {
      background-image: url(none)
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-checkbox-checkmark {
      background-image: url(none)
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-checkbox-checkmark {
      background-image: url(none)
  }
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-checkbox {
      height:28px
  }
}

.spref-shrinking-mode-always .wap-checkbox {
  height: 28px
}

.global-side-menu-contents {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.global-side-menu-contents-spinner {
  text-align: center
}

.global-side-menu-contents-open {
  z-index: 1034
}

.global-side-menu-contents-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  opacity: 1;
  background-color: #000;
  opacity: 0
}

.global-side-menu-contents-modal-hidden {
  opacity: 0
}

.global-side-menu-contents-modal-open {
  opacity: 0.5
}

.global-side-menu-contents-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -304px;
  width: 304px;
  background: #fff;
  margin: 0;
  transition: all 0.2s ease-out
}

.global-side-menu-contents-list-open {
  left: 0;
  overflow-y: auto;
  transition: all 0.2s ease-out
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .global-side-menu-contents-list-open {
      padding-right:5px;
      overflow-y: hidden
  }

  .global-side-menu-contents-list-open:hover {
      padding-right: 0;
      overflow-y: scroll
  }

  .global-side-menu-contents-list-open::-webkit-scrollbar {
      width: 5px
  }

  .global-side-menu-contents-list-open::-webkit-scrollbar-track {
      border-radius: 5px;
      background-clip: border-box
  }

  .global-side-menu-contents-list-open::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background-clip: border-box;
      background-color: #b8bdc2
  }

  .global-side-menu-contents-list-open::-webkit-scrollbar-thumb:hover {
      background-color: #777f86
  }
}

.global-side-menu-contents-list-open:hover {
  overflow-y: hidden
}

.global-side-menu-contents-list-toggle-area {
  display: flex;
  height: 60px
}

.global-side-menu-contents-list-toggle {
  cursor: pointer;
  color: #aaa;
  font-size: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px
}

.global-side-menu-contents-list-brand {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.global-side-menu-contents-list-brand-inner {
  cursor: default
}

.global-side-menu-contents-list-header {
  padding-left: 32px;
  font-size: 1.2rem;
  color: #aaa;
  height: 32px;
  line-height: 2.5
}

.global-side-menu-contents-list-item {
  cursor: pointer;
  padding: 8px 0 8px 32px;
  font-size: 1.4rem;
  height: 40px;
  display: flex;
  align-items: center
}

.global-side-menu-contents-list-item-default:before {
  color: #aaa
}

.global-side-menu-contents-list-item-img {
  margin-right: 12px
}

.global-side-menu-contents-list-item-label {
  color: #333;
  overflow-y: hidden;
  line-height: 1.25
}

.global-side-menu-contents-list-item:before {
  font-size: 2.4rem;
  margin-right: 12px
}

.global-side-menu-contents-list-item:hover,.global-side-menu-contents-list-item-selected {
  background-color: #e6e8ea
}

.wap-file-uploader.hidden {
  display: none
}

.wap-file-uploader.invisible {
  visibility: hidden
}

.wap-file-uploader-width-size-s {
  width: 120px
}

.wap-file-uploader-width-size-m {
  width: 240px
}

.wap-file-uploader-width-size-l {
  width: 480px
}

.wap-file-uploader-width-size-xl {
  width: 720px
}

.wap-file-uploader-width-size-full {
  width: 100%
}

.wap-file-uploader-inputparent {
  position: relative;
  display: inline-block
}

.wap-file-uploader-inputparent>.wap-list {
  display: block
}

.wap-file-uploader-inputbox {
  width: 100%
}

.wap-file-uploader-inputbox.input-parent.hidden {
  display: none
}

.wap-file-uploader-inputbox:not(.hidden) {
  padding-bottom: 8px
}

.wap-file-uploader-inputbox-dummy.hidden {
  display: none
}

.wap-file-uploader-inputbox-area {
  width: 100%;
  border: 2px dashed #a4aab0;
  border-radius: 3px;
  background-clip: border-box;
  padding: 12px 20px;
  text-align: center;
  font-size: 2rem;
  color: #a4aab0
}

.wap-file-uploader-inputbox-area[disabled] {
  background-color: #dadde0
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-file-uploader-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-file-uploader-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-file-uploader-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-file-uploader-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-file-uploader-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-file-uploader-width-size-xl {
      width:240px
  }
}

.wap-dialog-button.hidden {
  display: none
}

.wap-dialog-button.invisible {
  visibility: hidden
}

.wap-text-input.hidden {
  display: none
}

.wap-text-input.invisible {
  visibility: hidden
}

.wap-text-input-text-overflow {
  text-overflow: ellipsis
}

.wap-text-input-inputbox {
  width: 100%;
  cursor: text
}

.wap-text-input-width-size-s {
  width: 120px
}

.wap-text-input-width-size-m {
  width: 240px
}

.wap-text-input-width-size-l {
  width: 480px
}

.wap-text-input-width-size-xl {
  width: 720px
}

.wap-text-input-width-size-full {
  width: 100%
}

.wap-text-input-suggestions {
  position: absolute;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  background-clip: border-box;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -2px 5px -2px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  white-space: nowrap;
  min-width: 100%;
  top: 33px;
  left: 0;
  overflow-y: auto;
  padding: 4px 0;
  box-sizing: content-box
}

@media (-ms-high-contrast:active) {
  .wap-text-input-suggestions {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-text-input-suggestions {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-text-input-suggestions {
      border: 1px solid #000
  }
}

.wap-text-input .ac-row {
  padding: 8px;
  text-align: left;
  cursor: pointer
}

.wap-text-input .ac-row .ac-suggest-history {
  color: #52188c
}

.wap-text-input .ac-row.active {
  color: #333;
  background-color: #e6e8ea
}

.wap-text-input .ac-row .ac-suggest-val-text {
  padding-left: 8px
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-text-input-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-text-input-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-text-input-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-text-input-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-text-input-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-text-input-width-size-xl {
      width:240px
  }
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

.wap-notification-toastr-container {
  position: fixed;
  right: 8px;
  z-index: 1055;
  top: 64px
}

.wap-notification-toastrs {
  border-radius: 3px;
  background-clip: border-box;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  margin-bottom: 8px;
  padding: 16px;
  width: 320px;
  color: #333;
  background-color: #fff;
  display: flex;
  align-items: center
}

.wap-notification-toastrs:hover .wap-notification-toastrs-close {
  opacity: 0.7
}

.wap-notification-toastrs:hover .wap-notification-toastrs-close:hover,.wap-notification-toastrs:hover .wap-notification-toastrs-close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 1
}

.wap-notification-toastrs-left {
  padding-right: 16px
}

.wap-notification-toastrs-type-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center
}

.wap-notification-toastrs-type-img {
  width: 40px;
  height: 40px
}

.wap-notification-toastrs-type-img-circle {
  border-radius: 50%
}

.wap-notification-toastrs-content {
  width: 100%
}

.wap-notification-toastrs-header {
  padding-bottom: 4px
}

.wap-notification-toastrs-title {
  font-weight: 700;
  display: inline-block;
  width: 93%
}

.wap-notification-toastrs-close {
  position: relative;
  right: -0.6em;
  top: -0.6em;
  float: right;
  opacity: 0
}

.wap-notification-toastrs-body {
  padding-right: 12px
}

.wap-notification-toastrs-right {
  align-self: baseline;
  position: relative
}

.wap-notification-toastrs-anchor {
  cursor: pointer
}

.wap-notification-toastrs-message {
  word-break: break-all;
  margin: 0
}

.wap-notification-toastrs-attention .wap-notification-toastrs-type-icon {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e91e63;
  font-size: 3.2rem
}

.wap-notification-toastrs-attention .wap-notification-toastrs-type-icon:before {
  font-family: 'wapicon'
}

.wap-notification-toastrs-attention .wap-notification-toastrs-type-icon:before {
  content: "\f071"
}

.wap-notification-toastrs-attention .wap-notification-toastrs-title {
  color: #e91e63
}

.wap-notification-toastrs-hidden {
  visibility: hidden
}

.timeline-setting-container {
  background-color: #e6e8ea
}

.timeline-setting-container-setting-page {
  overflow-y: auto;
  height: 100%;
  margin: 60px 0 0
}

.picture-uploader .picture-uploader-no-picture {
  color: #777f86;
  border: 1px solid #a4aab0
}

.picture-uploader-file-drop {
  position: absolute
}

.picture-uploader-file-dropping {
  border: dashed #4285f4 2px;
  background-color: #fff;
  border-radius: 50%;
  background-clip: border-box
}

.picture-uploader-preview-container {
  display: inline-block
}

.picture-uploader-preview-container:hover .picture-uploader-file-control {
  opacity: 0.8;
  animation: picture-uploader-editbar-move 0.5s
}

.picture-uploader-file-control {
  position: relative;
  text-align: center;
  bottom: 28px;
  background-color: #000;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px
}

.picture-uploader-file-edit {
  color: #fff;
  display: inline-block
}

.picture-uploader-file-edit-msg {
  vertical-align: middle;
  margin-left: 6px
}

.picture-uploader-fileinput-progress {
  display: none;
  width: 100%;
  position: relative;
  bottom: 40px
}

.picture-uploader-wap-file-progress-bar {
  width: 100%
}

.picture-uploader-fileinput-preview-img {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid #a4aab0;
  margin-top: -4px;
  margin-left: -4px
}

.picture-uploader-default-img:before {
  vertical-align: baseline;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0
}

.picture-uploader-default-img-emp {
  margin-top: -4px;
  margin-left: -3px
}

.picture-uploader-boot-file-explorer-link {
  color: #1565C0;
  transition: color 0.3s ease
}

.picture-uploader-boot-file-explorer-link:hover,.picture-uploader-boot-file-explorer-link:focus {
  color: #4f98ec;
  cursor: pointer
}

.picture-uploader-generate-link {
  color: #1565C0;
  transition: color 0.3s ease
}

.picture-uploader-generate-link:hover,.picture-uploader-generate-link:focus {
  color: #4f98ec;
  cursor: pointer
}

.picture-uploader-fileinput-msg {
  font-size: 1rem;
  color: #a4aab0
}

.picture-uploader-edit-dialog-boot-link {
  color: #1565C0;
  transition: color 0.3s ease
}

.picture-uploader-edit-dialog-boot-link:hover,.picture-uploader-edit-dialog-boot-link:focus {
  color: #4f98ec;
  cursor: pointer
}

.picture-uploader-footer-operation {
  display: flex;
  margin-left: -8px
}

.picture-uploader-footer-operation-item {
  margin-right: 8px
}

.picture-uploader-cropper.crop-editor-box {
  display: flex
}

.picture-uploader-cropper-image-crop {
  margin: 16px 0;
  width: 589px;
  height: 294px;
  text-align: center
}

.picture-uploader-cropper-image-editor {
  display: inline-block;
  vertical-align: middle;
  zoom:1;overflow: hidden;
  position: relative;
  border: 1px solid #a4aab0
}

.picture-uploader-cropper-image-editor-image {
  position: absolute
}

.picture-uploader-cropper-image-upload-real-input {
  margin-top: 16px
}

.picture-uploader-cropper-change-file-link {
  margin-left: 6px
}

.picture-uploader-cropper-image-preview {
  padding-left: 16px
}

.picture-uploader-cropper-editor-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fafafa;
  outline-width: 1px;
  outline-style: solid;
  outline-color: rgba(51,102,255,0.75)
}

.picture-uploader-cropper-image-front-view {
  position: absolute
}

.picture-uploader-cropper-image-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7
}

.picture-uploader-cropper-image-rotate-image {
  position: absolute
}

.picture-uploader-cropper-real-image {
  display: none
}

.picture-uploader-cropper .picture-uploader-cropper-rotate-left {
  display: inline-block;
  padding-right: 8px
}

.picture-uploader-cropper .picture-uploader-cropper-rotate-right {
  display: inline-block;
  padding-right: 8px
}

.picture-uploader-cropper-image-editor-rotate-0 {
  top: 0;
  left: 0
}

.picture-uploader-cropper-image-editor-rotate-90 {
  transform-origin: 0 0;
  transform: rotate(90deg);
  top: 0;
  left: 100%
}

.picture-uploader-cropper-image-editor-rotate-180 {
  transform-origin: 0 0;
  transform: rotate(180deg);
  left: 100%;
  top: 100%
}

.picture-uploader-cropper-image-editor-rotate-270 {
  transform-origin: 0 0;
  transform: rotate(270deg);
  top: 100%;
  left: 0
}

.picture-uploader-cropper-image-editor {
  position: relative
}

.picture-uploader-cropper-image-editor-img {
  position: absolute;
  height: 100%;
  width: 100%
}

.picture-uploader-cropper-editor-crop-box {
  position: absolute;
  cursor: move;
  outline-width: 1px;
  outline-style: solid
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-modal {
  outline-color: #a4aab0
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler {
  position: absolute;
  height: 32px;
  width: 32px;
  opacity: 1;
  background-color: transparent
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-se-handler {
  bottom: -16px;
  right: -16px;
  cursor: nwse-resize
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-se-handler:before {
  position: absolute;
  height: 16px;
  top: 4px;
  content: "";
  border-left: 4px solid #a4aab0
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-se-handler:after {
  position: absolute;
  width: 16px;
  top: 16px;
  left: 4px;
  content: "";
  border-top: 4px solid #a4aab0
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-sw-handler {
  bottom: -16px;
  left: -16px;
  cursor: sw-resize
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-sw-handler:before {
  position: absolute;
  height: 16px;
  top: 4px;
  right: 16px;
  content: "";
  border-right: 4px solid #a4aab0
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-sw-handler:after {
  position: absolute;
  width: 16px;
  top: 16px;
  right: 4px;
  content: "";
  border-bottom: 4px solid #a4aab0
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-nw-handler {
  top: -16px;
  left: -16px;
  cursor: nw-resize
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-nw-handler:before {
  position: absolute;
  height: 16px;
  bottom: 4px;
  right: 16px;
  content: "";
  border-right: 4px solid #a4aab0
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-nw-handler:after {
  position: absolute;
  width: 16px;
  bottom: 16px;
  right: 4px;
  content: "";
  border-bottom: 4px solid #a4aab0
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-ne-handler {
  top: -16px;
  right: -16px;
  cursor: ne-resize
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-ne-handler:before {
  position: absolute;
  height: 16px;
  bottom: 4px;
  content: "";
  border-right: 4px solid #a4aab0
}

.picture-uploader-cropper-editor-crop-box.picture-uploader-touch-enabled .picture-uploader-cropper-editor-handler.picture-uploader-cropper-editor-ne-handler:after {
  position: absolute;
  width: 16px;
  bottom: 16px;
  left: 4px;
  content: "";
  border-bottom: 4px solid #a4aab0
}

.picture-uploader-cropper-crop-editor-box-left {
  border-right: 1px solid #dadde0;
  min-height: 400px;
  display: flex;
  flex-basis: 66.66666666666666%;
  max-width: 66.66666667%;
  padding-right: 16px
}

.picture-uploader-cropper-editor-handler {
  position: absolute;
  height: 5px;
  width: 5px;
  opacity: 0.75;
  background-color: #4285f4
}

.picture-uploader-cropper-editor-se-handler {
  bottom: -3px;
  right: -3px;
  cursor: nwse-resize
}

.picture-uploader-cropper-editor-sw-handler {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize
}

.picture-uploader-cropper-editor-nw-handler {
  top: -3px;
  left: -3px;
  cursor: nw-resize
}

.picture-uploader-cropper-editor-ne-handler {
  top: -3px;
  right: -3px;
  cursor: ne-resize
}

.picture-uploader-cropper-editor-s-handler {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize
}

.picture-uploader-cropper-editor-w-handler {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize
}

.picture-uploader-cropper-editor-n-handler {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize
}

.picture-uploader-cropper-editor-e-handler {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize
}

.picture-uploader-cropper-toolbar-area {
  bottom: 0
}

.picture-uploader-cropper-image-preview-container {
  margin-top: 16px
}

.picture-uploader-cropper-image-preview-item {
  border: 1px solid #a4aab0;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-clip: border-box;
  background-color: #cdd0d3
}

.picture-uploader-cropper-image-preview-64 {
  height: 136px;
  width: 136px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.picture-uploader-cropper-image-preview-80 {
  width: 200px
}

.picture-uploader-cropper-image-preview-logo {
  height: 32px;
  width: 32px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.picture-uploader-cropper-image-preview-profile {
  height: 178px;
  width: 128px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.picture-uploader-cropper-image-head {
  border-radius: 50%
}

.picture-uploader-cropper-h3 {
  margin-top: 0
}

.picture-uploader-cropper-guide-input {
  border: none;
  padding-left: 0;
  background: none
}

.picture-uploader-cropper-preview-top {
  position: absolute;
  width: 100%;
  background-color: #fff;
  top: 0
}

.picture-uploader-cropper-preview-left {
  position: absolute;
  height: 100%;
  background-color: #fff;
  left: 0
}

.picture-uploader-cropper-preview-right {
  position: absolute;
  height: 100%;
  background-color: #fff;
  right: 0
}

.picture-uploader-cropper-preview-bottom {
  position: absolute;
  width: 100%;
  background-color: #fff;
  bottom: 0
}

.picture-uploader-cropper-default-img:before {
  vertical-align: baseline;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0
}

.picture-uploader-cropper-hide {
  display: none
}

.picture-uploader-cropper-hidden {
  display: none
}

.picture-uploader-cropper .default-img-font-200,.picture-uploader .default-img-font-200 {
  font-size: 200.004px
}

.picture-uploader-cropper .default-img-font-150,.picture-uploader .default-img-font-150 {
  font-size: 149.996px
}

.picture-uploader-cropper .default-img-font-120,.picture-uploader .default-img-font-120 {
  font-size: 119.994px
}

.picture-uploader-cropper .default-img-font-100,.picture-uploader .default-img-font-100 {
  font-size: 100.002px
}

.picture-uploader-cropper .default-img-font-90,.picture-uploader .default-img-font-90 {
  font-size: 90.006px
}

.picture-uploader-cropper .default-img-font-80,.picture-uploader .default-img-font-80 {
  font-size: 79.996px
}

.picture-uploader-cropper .default-img-font-65,.picture-uploader .default-img-font-65 {
  font-size: 65.002px
}

.picture-uploader-cropper .default-img-font-60,.picture-uploader .default-img-font-60 {
  font-size: 60.004px
}

@-webkit-keyframes picture-uploader-editbar-move {
  0% {
      bottom: 0
  }

  100% {
      bottom: 28px
  }
}

@keyframes picture-uploader-editbar-move {
  0% {
      bottom: 0
  }

  100% {
      bottom: 28px
  }
}

.picture-uploader-cropper-btn {
  padding: 7px 13px;
  float: left
}

.picture-uploader-thumbnail {
  padding: 2px;
  line-height: 1.42857143;
  background-color: #cdd0d3;
  border: 1px solid #e6e8ea;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-radius: 50%;
  background-clip: border-box;
  overflow: hidden;
  margin-bottom: 4px;
  vertical-align: middle;
  text-align: center
}

.picture-uploader-thumbnail:before,.picture-uploader-thumbnail:after {
  content: " ";
  display: table
}

.picture-uploader-fileinput-new .picture-uploader-fileinput-exists,.picture-uploader-fileinput-exists .picture-uploader-fileinput-new {
  display: none
}

.wap-inbox-tag-renderer {
  padding: 4px 8px 4px 8px;
  word-wrap: break-word;
  font-size: 1.2rem;
  margin-bottom: 0;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  line-height: 1.6rem;
  text-align: center;
  border-radius: 2px;
  background-clip: border-box;
  margin-left: 4px
}

@media (-ms-high-contrast:active) {
  .wap-inbox-tag-renderer {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-inbox-tag-renderer {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-inbox-tag-renderer {
      border: 1px solid #000
  }
}

.wap-inbox-tag-renderer:first-child {
  margin-left: 0;
  cursor: pointer
}

.wap-inbox-tag-renderer .display-none {
  display: none
}

.wap-inbox-tag-renderer-white {
  background-color: #fff;
  color: #333
}

.wap-inbox-tag-renderer-default {
  background-color: #dadde0;
  color: #333
}

.wap-inbox-tag-renderer-info {
  background-color: #4285f4;
  color: #fff
}

.wap-inbox-tag-renderer-primary {
  background-color: #4285f4;
  color: #fff
}

.wap-inbox-tag-renderer-success {
  background-color: #00b19d;
  color: #fff
}

.wap-inbox-tag-renderer-warning {
  background-color: #f4b142;
  color: #fff
}

.wap-inbox-tag-renderer-danger {
  background-color: #e91e63;
  color: #fff
}

.wap-inbox-tag-renderer-indigo {
  background-color: #5c6bc0;
  color: #fff
}

.wap-inbox-tag-renderer-green {
  background-color: #66bb6a;
  color: #fff
}

.wap-inbox-tag-renderer-red {
  background-color: #ef5350;
  color: #fff
}

.wap-inbox-tag-renderer-lightblue {
  background-color: #29b6f6;
  color: #fff
}

.wap-inbox-tag-renderer-orange {
  background-color: #ff7f3b;
  color: #fff
}

.wap-inbox-tag-renderer-width-80 {
  width: 88px
}

.wap-inbox-tag-renderer-width-120 {
  width: 128px
}

.wap-inbox-tag-renderer-width-160 {
  width: 168px
}

.wap-inbox-tag-renderer-radius {
  border-radius: 2px;
  background-clip: border-box
}

.wap-inbox-tag-renderer-label {
  flex: 1 1 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.wap-inbox-tag-renderer-label-left-margin {
  margin-left: 4px
}

.wap-inbox-tag-renderer-label-right-margin {
  margin-right: 4px
}

.wap-inbox-tag-renderer-autofit-parent-width {
  width: 100%
}

.service-title {
  padding-top: 10px
}

.service-title-caption {
  font-size: 2rem
}

.service-title-caption:before {
  content: "";
  font-family: "Roboto";
  width: 0
}

.approval-notification-applicant {
  border-radius: 50%;
  background-clip: border-box;
  margin: 0 4px;
  height: 36px;
  width: 36px;
  position: relative
}

.approval-notification-applicant-img {
  border-radius: 50%;
  background-clip: border-box;
  height: 36px;
  width: 36px
}

.approval-notification-applicant-background {
  background-color: #777f86
}

.approval-notification-applicant-others {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 2rem;
  color: #fff
}

.wap-img {
  display: inline-block
}

.wap-img-size-img-136 {
  height: 136px;
  width: 136px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-size-img-profile {
  height: 178px;
  width: 128px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-size-img-80 {
  height: 80px;
  width: 80px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-size-img-card {
  height: 88px;
  width: 64px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-size-img-64 {
  height: 64px;
  width: 64px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-size-img-40 {
  height: 40px;
  width: 40px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-size-img-32 {
  height: 32px;
  width: 32px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-size-img-logo {
  height: 32px;
  width: 32px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-size-img-full {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.wap-img-border-thin-black {
  border: solid 1px #cdd0d3
}

.wap-img-border-thick-black {
  border: solid 3px #cdd0d3
}

.wap-img-border-thin-white {
  border: solid 1px #fff
}

.wap-img-border-thick-white {
  border: solid 3px #fff
}

.wap-img-round {
  border-radius: 50%;
  background-clip: border-box
}

.wap-img-overlay-center {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: auto
}

.wap-img-has-full {
  width: 100%;
  height: 100%;
  position: relative
}

@media (-ms-high-contrast:active) {
  .wap-img-display-none-on-high-contrast {
      display: none
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-img-display-none-on-high-contrast {
      display: none
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-img-display-none-on-high-contrast {
      display: none
  }
}

.wap-img-display-on-high-contrast {
  display: none
}

@media (-ms-high-contrast:active) {
  .wap-img-display-on-high-contrast {
      display: inherit
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-img-display-on-high-contrast {
      display: inherit
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-img-display-on-high-contrast {
      display: inherit
  }
}

.wap-img.hidden {
  display: none
}

.wap-img.invisible {
  visibility: hidden
}

.wap-img .wap-image-text {
  position: relative;
  z-index: -1
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-inbox-list-body-row {
      min-height:44px
  }

  .spref-shrinking-mode-768 .wap-inbox-list-body-row-cells-container {
      min-height: 44px
  }

  .spref-shrinking-mode-768 .wap-inbox-list-column-width-40.icon {
      min-width: 36px;
      width: 36px
  }

  .spref-shrinking-mode-768 .wap-inbox-list-column-min-width-checkbox {
      min-width: 36px;
      width: 36px
  }

  .spref-shrinking-mode-768 .wap-inbox-row-cells {
      height: 44px
  }

  .spref-shrinking-mode-768 .wap-inbox-icon-renderer-round {
      height: 28px;
      width: 28px
  }

  .spref-shrinking-mode-768 .wap-inbox-icon-renderer-round-icon {
      font-size: 1.4rem
  }

  .spref-shrinking-mode-768 .wap-inbox-image-renderer {
      height: 28px;
      width: 28px
  }

  .spref-shrinking-mode-768 .wap-inbox-hover-button {
      width: 28px;
      height: 28px
  }

  .spref-shrinking-mode-768 .wap-inbox-hover-button .icon {
      font-size: 1.4rem
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-row-body-primary-container.icon-only,.spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-primary-container.icon-only {
      display: flex;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 44px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-row-body-primary-container .list-item-avatar-room,.spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room {
      display: flex;
      flex-basis: 28px;
      flex-shrink: 0
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-row-body-primary-container .list-item-avatar-room-avatar-part,.spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room-avatar-part {
      display: flex;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 28px;
      height: 28px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-row-body-content-container.title-only,.spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-content-container.title-only {
      height: 44px;
      max-height: 44px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-row-body-action-container .list-item-least-room,.spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-action-container .list-item-least-room {
      display: flex;
      justify-content: flex-end;
      flex-basis: 28px;
      flex-shrink: 0
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-primary-container.icon-only {
      display: flex;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 32px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room {
      display: flex;
      flex-basis: 28px;
      flex-shrink: 0
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room-avatar-part {
      display: flex;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 28px;
      height: 28px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-main-title-container.title-only {
      height: 44px;
      max-height: 44px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-main-title-container.standard {
      max-height: 44px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-main-content-container.title-only {
      height: 44px;
      max-height: 44px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-main-content-container.standard {
      max-height: 44px
  }

  .spref-shrinking-mode-768 .no-customized.wap-rich-list-single-row-body-action-container .list-item-least-room {
      display: flex;
      justify-content: flex-end;
      flex-basis: 28px;
      flex-shrink: 0
  }
}

.spref-shrinking-mode-always .wap-inbox-list-body-row {
  min-height: 44px
}

.spref-shrinking-mode-always .wap-inbox-list-body-row-cells-container {
  min-height: 44px
}

.spref-shrinking-mode-always .wap-inbox-list-column-width-40.icon {
  min-width: 36px;
  width: 36px
}

.spref-shrinking-mode-always .wap-inbox-list-column-min-width-checkbox {
  min-width: 36px;
  width: 36px
}

.spref-shrinking-mode-always .wap-inbox-row-cells {
  height: 44px
}

.spref-shrinking-mode-always .wap-inbox-icon-renderer-round {
  height: 28px;
  width: 28px
}

.spref-shrinking-mode-always .wap-inbox-icon-renderer-round-icon {
  font-size: 1.4rem
}

.spref-shrinking-mode-always .wap-inbox-image-renderer {
  height: 28px;
  width: 28px
}

.spref-shrinking-mode-always .wap-inbox-hover-button {
  width: 28px;
  height: 28px
}

.spref-shrinking-mode-always .wap-inbox-hover-button .icon {
  font-size: 1.4rem
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-row-body-primary-container.icon-only,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container.icon-only {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 44px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-row-body-primary-container .list-item-avatar-room,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room {
  display: flex;
  flex-basis: 28px;
  flex-shrink: 0
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-row-body-primary-container .list-item-avatar-room-avatar-part,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room-avatar-part {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 28px;
  height: 28px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-row-body-content-container.title-only,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-content-container.title-only {
  height: 44px;
  max-height: 44px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-row-body-action-container .list-item-least-room,.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-action-container .list-item-least-room {
  display: flex;
  justify-content: flex-end;
  flex-basis: 28px;
  flex-shrink: 0
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container.icon-only {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 32px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room {
  display: flex;
  flex-basis: 28px;
  flex-shrink: 0
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-primary-container .list-item-avatar-room-avatar-part {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 28px;
  height: 28px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-main-title-container.title-only {
  height: 44px;
  max-height: 44px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-main-title-container.standard {
  max-height: 44px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-main-content-container.title-only {
  height: 44px;
  max-height: 44px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-main-content-container.standard {
  max-height: 44px
}

.spref-shrinking-mode-always .no-customized.wap-rich-list-single-row-body-action-container .list-item-least-room {
  display: flex;
  justify-content: flex-end;
  flex-basis: 28px;
  flex-shrink: 0
}

.wap-message-panel {
  padding: 12px 20px 12px 32px;
  width: 100%;
  display: flex;
  flex-direction: row
}

@media (-ms-high-contrast:active) {
  .wap-message-panel {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-message-panel {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-message-panel {
      border: 1px solid #000
  }
}

.wap-message-panel-show-border {
  padding: 11px 19px;
  border: 1px solid
}

.wap-message-panel-white {
  background-color: #fff;
  border-color: #a4aab0
}

.wap-message-panel-white-content {
  color: #333
}

.wap-message-panel-default {
  background-color: #dadde0;
  border-color: #a4aab0;
  color: #333
}

.wap-message-panel-info {
  background-color: #dadde0;
  border-color: #4285f4
}

.wap-message-panel-info-content {
  color: #4285f4
}

.wap-message-panel-primary {
  background-color: #4285f4;
  border-color: #4285f4
}

.wap-message-panel-primary-content {
  color: #fff
}

.wap-message-panel-success {
  background-color: #00b19d;
  border-color: #00b19d
}

.wap-message-panel-success-content {
  color: #fff
}

.wap-message-panel-warning {
  background-color: #f4b142;
  border-color: #f4b142
}

.wap-message-panel-warning-content {
  color: #fff
}

.wap-message-panel-danger {
  background-color: #e91e63;
  border-color: #e91e63
}

.wap-message-panel-danger-content {
  color: #fff
}

.wap-message-panel-default .wap-message-panel-icon-div,.wap-message-panel-white .wap-message-panel-icon-div,.wap-message-panel-primary .wap-message-panel-icon-div,.wap-message-panel-info .wap-message-panel-icon-div,.wap-message-panel-success .wap-message-panel-icon-div,.wap-message-panel-warning .wap-message-panel-icon-div,.wap-message-panel-danger .wap-message-panel-icon-div {
  display: none
}

.wap-message-panel-default .wap-button-flat.disabled,.wap-message-panel-info .wap-button-flat.disabled,.wap-message-panel-primary .wap-button-flat.disabled,.wap-message-panel-default .wap-button-flat[disabled],.wap-message-panel-info .wap-button-flat[disabled],.wap-message-panel-primary .wap-button-flat[disabled] {
  color: #a4aab0
}

.wap-message-panel-default .wap-button-flat:enabled:hover,.wap-message-panel-info .wap-button-flat:enabled:hover,.wap-message-panel-primary .wap-button-flat:enabled:hover,.wap-message-panel-default .wap-button-flat:enabled:focus,.wap-message-panel-info .wap-button-flat:enabled:focus,.wap-message-panel-primary .wap-button-flat:enabled:focus,.wap-message-panel-default .wap-button-flat:enabled:focus:hover,.wap-message-panel-info .wap-button-flat:enabled:focus:hover,.wap-message-panel-primary .wap-button-flat:enabled:focus:hover {
  background-color: #dadde0
}

.wap-message-panel-default .wap-button-flat:enabled:active:focus,.wap-message-panel-info .wap-button-flat:enabled:active:focus,.wap-message-panel-primary .wap-button-flat:enabled:active:focus,.wap-message-panel-default .wap-button-flat:enabled:active:focus:hover,.wap-message-panel-info .wap-button-flat:enabled:active:focus:hover,.wap-message-panel-primary .wap-button-flat:enabled:active:focus:hover {
  background-color: #cdd0d3
}

.wap-message-panel-header {
  display: flex;
  align-items: center
}

.wap-message-panel-header-bold .wap-header-label {
  font-weight: 700
}

.wap-message-panel-header-fold {
  opacity: .5;
  cursor: pointer
}

.wap-message-panel-header-fold:hover {
  opacity: 1
}

.wap-message-panel-header-close {
  opacity: .5;
  cursor: pointer
}

.wap-message-panel-header-close:hover {
  opacity: 1
}

.wap-message-panel-header-left-margin {
  margin-left: 4px
}

.wap-message-panel-contents {
  margin-bottom: 8px
}

.wap-message-panel-contents.hidden {
  display: none
}

.wap-message-panel-contents:empty {
  display: none
}

.wap-message-panel-content-custom>.wap-text-label {
  color: inherit
}

.wap-message-panel-content-custom>.wap-anchor-label>.wap-anchor-label-parent {
  color: inherit
}

.wap-message-panel-content-custom>.wap-anchor-label>.wap-anchor-label-parent>.wap-anchor-label-label:hover {
  text-decoration: underline
}

.wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  padding-bottom: 0
}

.wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent-height-normal,.wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent-height-card {
  min-height: 0;
  margin-top: 10px
}

.wap-message-panel-footer {
  display: flex;
  justify-content: flex-end
}

.wap-message-panel-icon {
  font-size: 3.2rem;
  margin: auto;
  padding-left: 8px;
  display: flex
}

.wap-message-panel-div {
  flex-grow: 1;
  width: inherit
}

.wap-message-panel-div .wap-message-panel-contents:first-child {
  margin-bottom: 0
}

.wap-message-panel.hidden {
  display: none
}

.wap-message-panel.invisible {
  visibility: hidden
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-message-panel {
      padding:8px 20px 8px 32px
  }
}

.spref-shrinking-mode-always .wap-message-panel {
  padding: 8px 20px 8px 32px
}

.wap-segmented-button {
  display: inline-block
}

.wap-segmented-button .wap-segmented-button-item:first-child:not(:last-child) .wap-button-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-clip: border-box
}

.wap-segmented-button .wap-segmented-button-item:not(:first-child):not(:last-child) .wap-button-button {
  border-radius: 0;
  background-clip: border-box;
  border-left-width: 0
}

.wap-segmented-button .wap-segmented-button-item:last-child:not(:first-child) .wap-button-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: border-box;
  border-left-width: 0
}

.wap-segmented-button-default .wap-button-button {
  color: #333;
  background-color: #cdd0d3;
  border-color: #cdd0d3;
  outline: none;
  transition: all 0.3s ease
}

.wap-segmented-button-default .wap-button-button.disabled,.wap-segmented-button-default .wap-button-button[disabled] {
  opacity: 0.65;
  box-shadow: none;
  color: #777f86;
  background-color: #cdd0d3;
  border-color: #cdd0d3
}

.wap-segmented-button-default .wap-button-button:enabled:hover {
  color: #333;
  background-color: #b8bdc2;
  border-color: #b8bdc2;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-segmented-button-default .wap-button-button:enabled:focus {
  color: #333;
  background-color: #b8bdc2;
  border-color: #b8bdc2;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-segmented-button-default .wap-button-button:enabled:active:focus {
  background-color: #babfc5;
  border-color: #babfc5
}

.wap-segmented-button-default .wap-button-button:enabled:focus:hover {
  color: #333;
  background-color: #b8bdc2;
  border-color: #b8bdc2;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-segmented-button-default .wap-button-button:enabled:active:focus:hover {
  background-color: #babfc5;
  border-color: #babfc5
}

.wap-segmented-button-default .wap-segmented-button-item-selected .wap-button-button {
  color: #333;
  background-color: #b8bdc2;
  border-color: #b8bdc2
}

.wap-segmented-button-white .wap-button-button {
  color: #333;
  background-color: #fff;
  border-color: #fff;
  outline: none;
  transition: all 0.3s ease
}

.wap-segmented-button-white .wap-button-button.disabled,.wap-segmented-button-white .wap-button-button[disabled] {
  opacity: 0.65;
  box-shadow: none;
  color: #9299a0;
  background-color: #dadde0;
  border-color: #dadde0
}

.wap-segmented-button-white .wap-button-button:enabled:hover {
  color: #333;
  background-color: #d5d8da;
  border-color: #d5d8da;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-segmented-button-white .wap-button-button:enabled:focus {
  color: #333;
  background-color: #d5d8da;
  border-color: #d5d8da;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-segmented-button-white .wap-button-button:enabled:active:focus {
  background-color: #dadde0;
  border-color: #dadde0
}

.wap-segmented-button-white .wap-button-button:enabled:focus:hover {
  color: #333;
  background-color: #d5d8da;
  border-color: #d5d8da;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-segmented-button-white .wap-button-button:enabled:active:focus:hover {
  background-color: #dadde0;
  border-color: #dadde0
}

.wap-segmented-button-white .wap-segmented-button-item-selected .wap-button-button {
  color: #333;
  background-color: #d5d8da;
  border-color: #d5d8da
}

.wap-segmented-button-small .wap-segmented-button-item .wap-button-button {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 2px;
  background-clip: border-box;
  height: 24px
}

.wap-segmented-button-small .wap-segmented-button-item .wap-button-button .wap-button-left-icon {
  font-size: 1.4rem
}

.wap-segmented-button-medium .wap-segmented-button-item .wap-button-button {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  border-radius: 2px;
  background-clip: border-box;
  height: 32px
}

.wap-segmented-button-item {
  display: inline-block
}

.wap-segmented-button.hidden {
  display: none
}

.wap-segmented-button.invisible {
  visibility: hidden
}

.wap-segmented-button-item.hidden {
  display: none
}

.wap-segmented-button-item.invisible {
  visibility: hidden
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-button .wap-button-button {
      height:28px
  }
}

.spref-shrinking-mode-always .wap-button .wap-button-button {
  height: 28px
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-segmented-button .wap-button .wap-button-button {
      height:28px
  }
}

.spref-shrinking-mode-always .wap-segmented-button .wap-button .wap-button-button {
  height: 28px
}

.dummy-talk-box {
  width: 0;
  height: 0
}

.timeline-profile-content-panel-caption {
  padding: 8px 16px;
  background-color: #dadde0
}

.timeline-profile-content-panel-subtree {
  padding-top: 16px
}

.timeline-profile-content-panel .thumbnail {
  border-radius: 50%;
  background-clip: border-box
}

.timeline-profile-content-panel .no-picture {
  padding-top: 4px
}

.timeline-profile-content-panel .file-dropping {
  border-radius: 50%;
  background-clip: border-box
}

.timeline-profile-content-panel .image-preview-item {
  border-radius: 50%;
  background-clip: border-box
}

.timeline-profile-content-panel .wap-post-code-input-inputbox {
  width: 240px
}

.timeline-profile-content-panel .wap-numeric-input .label-element {
  width: auto;
  min-width: 200px
}

.timeline-profile-content-panel-langdiv {
  display: flex
}

.timeline-profile-content-panel-langdiv-content1 {
  width: 184px;
  text-align: right;
  color: #7f7f7f
}

.timeline-profile-content-panel-langdiv-content2 {
  margin-left: 24px
}

.timeline-profile-content-panel-timezonediv {
  display: flex
}

.timeline-profile-content-panel-timezonediv-content1 {
  width: 184px;
  text-align: right;
  color: #7f7f7f
}

.timeline-profile-content-panel-timezonediv-content2 {
  margin-left: 24px
}

.timeline-profile-content-panel-timezonediv-content2>.wap-dropdown-button>.wap-dropdown-button-min-width-160 {
  min-width: 480px
}

.timeline-profile-content-panel-timezonediv-content2>.wap-dropdown-button>.wap-dropdown-button-min-width-160>.wap-dropdown-button-label {
  display: flex
}

.timeline-profile-content-panel-timezonediv-content2>.wap-dropdown-button>.wap-dropdown-button-menu-open {
  max-height: 200px;
  overflow-y: overlay
}

.timeline-profile-content-panel-birthday .wap-checkbox {
  align-items: center
}

.input-form-section {
  flex-shrink: 0;
  margin-bottom: 40px
}

.input-form-section-subheader {
  margin-bottom: 24px
}

.input-form-section-subheader-label {
  border-left: 3px solid #4285f4;
  padding: 0 9px;
  font-size: 2rem
}

.input-form-section-blank {
  margin-bottom: 16px;
  margin-left: 12px
}

.input-form-section-blank.input-form-section-with-grid {
  width: auto;
  margin-left: 0
}

.input-form-section-blank.input-form-section-push-to-right {
  width: auto;
  margin-left: 0;
  display: flex;
  justify-content: flex-end
}

.global-side-menu {
  float: left;
  height: 100%;
  width: 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-arign: center;
  padding-left: 32px
}

.global-side-menu-toggle {
  cursor: pointer;
  color: #d0d0d0;
  font-size: 2rem
}

.global-side-menu-toggle:hover,.global-side-menu-toggle:focus {
  color: #fff
}

.wap-confirmation-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  outline: 0
}

.wap-confirmation-dialog-div {
  margin: auto;
  right: 0;
  left: 0;
  position: absolute;
  display: block;
  top: 25%;
  width: 384px
}

.wap-confirmation-dialog-content {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 3px;
  background-clip: border-box;
  background-clip: padding-box;
  outline: none;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.2), 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 -8px 16px -8px rgba(0, 0, 0, 0.08);
  transform: scale(.9)
}

@media (-ms-high-contrast:active) {
  .wap-confirmation-dialog-content {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-confirmation-dialog-content {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-confirmation-dialog-content {
      border: 1px solid #000
  }
}

.wap-confirmation-dialog-body {
  display: flex;
  align-items: center;
  padding: 24px 16px 8px 16px;
  width: 100%
}

.wap-confirmation-dialog-icon-div {
  display: flex;
  flex-basis: 16.666666666666664%;
  max-width: 16.66666667%
}

.wap-confirmation-dialog-icon {
  font-size: 3.2rem;
  color: #4285f4
}

.wap-confirmation-dialog-message {
  display: flex;
  flex-basis: 83.33333333333334%;
  max-width: 83.33333333%;
  line-height: 24px;
  margin-left: -8px
}

.wap-confirmation-dialog-footer {
  flex-shrink: 0;
  padding: 16px;
  text-align: right;
  bottom: 0;
  right: 0;
  width: 100%
}

.wap-confirmation-dialog-footer-customization {
  display: flex;
  justify-content: flex-end
}

.wap-confirmation-dialog-footer-customization .l-grid-leaf.ltr>.component {
  margin-left: 8px
}

.wap-confirmation-dialog-footer-customization .l-grid-leaf.ltr>.component:first-child {
  margin-left: 0
}

.wap-confirmation-dialog-footer-customization .l-grid-leaf.rtl>.component {
  margin-right: 8px
}

.wap-confirmation-dialog-footer-customization .l-grid-leaf.rtl>.component:first-child {
  margin-right: 0
}

.wap-list-item {
  width: 100%;
  display: flex;
  align-items: center;
  word-break: break-all;
  transition: all 0.3s ease
}

.wap-list-item-disabled {
  background-color: #cdd0d3;
  opacity: 0.5
}

.wap-list-item-clickable:not(.wap-list-item-disabled) {
  cursor: pointer
}

.wap-list-item-clickable:not(.wap-list-item-disabled):not(.wap-list-item-active):hover {
  background-color: #d5d8da
}

.wap-list-item-active:not(.wap-list-item-disabled) {
  background-color: #cdd0d3
}

.wap-list-item .component {
  cursor: inherit
}

.wap-list-item-left {
  flex: auto;
  max-width: 100%;
  overflow: hidden
}

.wap-list-item-cancel-icon {
  opacity: .5;
  cursor: pointer
}

.wap-list-item-cancel-icon:hover {
  opacity: 1
}

.wap-list-item.hidden {
  display: none
}

.wap-inbox-header-button-icon-caret-down-png:after {
  content: url("../img/component/zhuge/grid-header-button.png")
}

.wap-inbox-header-button-icon-caret-down-png:active:after {
  content: url("../img/component/zhuge/grid-header-button-down.png")
}

.wap-inbox-header-button-icon-btn-sort-asc-png:after {
  content: url("../img/component/zhuge/grid-header-button-desc.png")
}

.wap-inbox-header-button-icon-btn-sort-asc-png:active:after {
  content: url("../img/component/zhuge/grid-header-button-desc-down.png")
}

.wap-inbox-header-button-icon-btn-sort-desc-png:after {
  content: url("../img/component/zhuge/grid-header-button-asc.png")
}

.wap-inbox-header-button-icon-btn-sort-desc-png:active:after {
  content: url("../img/component/zhuge/grid-header-button-asc-down.png")
}

.wap-inbox-header-button-icon-btn-filter-png:after {
  content: url("../img/component/zhuge/grid-header-button-filter.png")
}

.wap-inbox-header-button-icon-btn-filter-png:active:after {
  content: url("../img/component/zhuge/grid-header-button-filter-down.png")
}

.wap-inbox-header-button-icon-btn-filter-sort-asc-png:after {
  content: url("../img/component/zhuge/grid-header-button-filter-desc.png")
}

.wap-inbox-header-button-icon-btn-filter-sort-asc-png:active:after {
  content: url("../img/component/zhuge/grid-header-button-filter-desc-down.png")
}

.wap-inbox-header-button-icon-btn-filter-sort-desc-png:after {
  content: url("../img/component/zhuge/grid-header-button-filter-asc.png")
}

.wap-inbox-header-button-icon-btn-filter-sort-desc-png:active:after {
  content: url("../img/component/zhuge/grid-header-button-filter-asc-down.png")
}

.wap-list-free-format-item {
  width: 100%;
  display: block;
  align-items: center;
  word-break: break-word;
  transition: all 0.3s ease
}

.wap-list-free-format-item-disabled {
  background-color: #cdd0d3;
  opacity: 0.5
}

.wap-list-free-format-item-clickable:not(.wap-list-free-format-item-disabled) {
  cursor: pointer
}

.wap-list-free-format-item-clickable:not(.wap-list-free-format-item-disabled):not(.wap-list-free-format-item-active):hover {
  background-color: #e6e8ea
}

.wap-list-free-format-item-active:not(.wap-list-free-format-item-disabled) {
  background-color: #cdd0d3
}

.wap-list-free-format-item .component {
  cursor: inherit
}

.wap-list-free-format-item.hidden {
  display: none
}

.wap-inbox-header-menu-parent {
  padding: 8px 0;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #dadde0;
  min-width: 280px;
  max-width: 280px
}

.wap-inbox-header-menu-parent.on-dialog {
  z-index: 1055
}

.wap-inbox-header-menu .wap-inbox-header-menuitem {
  color: #7f7f7f;
  list-style: none;
  height: 36px;
  line-height: 36px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.3s
}

.wap-inbox-header-menu .wap-inbox-header-menu-text-filter {
  padding-right: 24px
}

.wap-inbox-header-menu-title {
  padding-left: 8px;
  margin-top: 8px;
  margin-bottom: 4px
}

.wap-inbox-header-menu-hr {
  margin-top: 2px;
  margin-bottom: 2px
}

.wap-inbox-header-menu .wap-inbox-header-menuitem-disabled .wap-inbox-header-menuitem-accel,.wap-inbox-header-menu .wap-inbox-header-menuitem-disabled .wap-inbox-header-menuitem-content {
  color: #d0d0d0
}

.wap-inbox-header-menu-sort-asc-checkmark,.wap-inbox-header-menu-sort-dsc-checkmark {
  display: none
}

.wap-inbox-header-menu-sort-asc-checkmark.sort-active,.wap-inbox-header-menu-sort-dsc-checkmark.sort-active {
  display: inline
}

.wap-inbox-header-menuitem-disabled .wap-inbox-header-menuitem-icon {
  opacity: 0.3
}

.wap-inbox-header-menuitem-highlight,.wap-inbox-header-menuitem:hover {
  background-color: #e6e8ea
}

.wap-inbox-header-menuitem-checkbox,.wap-inbox-header-menuitem-icon {
  display: inline-block;
  background-repeat: no-repeat;
  height: 36px;
  line-height: 36px;
  margin-right: 4px
}

.wap-inbox-header-menuitem-rtl .wap-inbox-header-menuitem-checkbox,.wap-inbox-header-menuitem-rtl .wap-inbox-header-menuitem-icon {
  left: auto;
  right: 6px
}

.wap-inbox-header-menu-filterlist .wap-inbox-header-menuitem,.wap-inbox-header-menu-filterlist .fixed-number-range-filter-menuitem,.wap-inbox-header-menu-filterlist .wap-inbox-header-menuitem-highlight {
  padding-top: 0;
  padding-bottom: 1px
}

.wap-inbox-header-menuitem-content {
  padding-left: 8px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.wap-inbox-header-menuitem-content .icon-area {
  margin-right: 8px
}

.wap-inbox-header-menu-check {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 15px;
  line-height: 15px;
  width: 15px;
  cursor: pointer;
  background-color: #7f7f7f;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 2px solid #7f7f7f;
  margin: auto 8px auto 0;
  vertical-align: sub
}

.wap-inbox-header-menu-check:before {
  content: "";
  display: block;
  width: 9px;
  height: 6px;
  margin-top: 1px;
  margin-left: 1px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.wap-inbox-header-menu-check-empty {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  cursor: pointer;
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 2px solid #7f7f7f;
  margin: auto 8px auto 0;
  vertical-align: sub
}

.wap-inbox-header-menuitems-filter-container {
  max-height: 180px;
  overflow-y: auto
}

.wap-header-label {
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
  height: 32px;
  display: flex;
  align-items: center
}

.wap-header-label.auto-padding {
  padding: 4px 8px 4px 14px
}

.wap-header-label.with-left-border {
  border-left: 2px transparent solid
}

.wap-header-label-font-title {
  font-size: 2rem
}

.wap-header-label-font-title>.wap-header-label-left-icon {
  font-size: 2rem;
  padding-right: 4px
}

.wap-header-label-font-subhead {
  font-size: 1.7rem
}

.wap-header-label-font-weight-normal {
  font-weight: 400
}

.wap-header-label-font-weight-medium {
  font-weight: 500
}

.wap-header-label-font-weight-bold {
  font-weight: 700
}

.wap-header-label-type-line {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.wap-header-label-type-bg-gray {
  background-color: #f0f1f2
}

.wap-header-label-type-side.with-left-border {
  border-color: #4285f4
}

.wap-header-label-type-line .wap-header-label-hr {
  display: block;
  margin: 0 0 0 1px
}

.wap-header-label-color-gray {
  color: #636363
}

.wap-header-label-left-margin {
  margin-left: 4px
}

.wap-header-label-hr {
  display: none;
  border-top: 1px solid #dadde0;
  margin: 0 0 0 16px;
  flex: auto
}

.wap-header-label-nowrap-label {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.wap-header-label.hidden {
  display: none
}

.wap-header-label.invisible {
  visibility: hidden
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-header-label {
      height:28px
  }
}

.spref-shrinking-mode-always .wap-header-label {
  height: 28px
}

.wap-anchor-label {
  display: inline-flex;
  max-width: 100%
}

.wap-anchor-label-parent {
  word-wrap: break-word;
  padding: 4px 0;
  margin-bottom: 0;
  cursor: pointer;
  color: #333;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-height-normal {
  min-height: 32px;
  display: inline-flex;
  align-items: center
}

.wap-anchor-label-parent-height-card {
  max-height: 24px;
  display: inline-flex;
  align-items: center
}

.wap-anchor-label-parent-linkcolor {
  color: #1565C0;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-linkcolor:hover,.wap-anchor-label-parent-linkcolor:focus {
  color: #4f98ec;
  cursor: pointer
}

.wap-anchor-label-parent:hover,.wap-anchor-label-parent:focus {
  color: #818da2;
  cursor: pointer
}

.wap-anchor-label-parent-blue {
  color: #1565C0;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-blue:hover,.wap-anchor-label-parent-blue:focus {
  color: #4f98ec;
  cursor: pointer
}

.wap-anchor-label-parent-gray {
  color: #333;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-gray:hover,.wap-anchor-label-parent-gray:focus {
  color: #818da2;
  cursor: pointer
}

.wap-anchor-label-parent-gray.wap-anchor-label-parent-linkcolor {
  color: #333;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-gray.wap-anchor-label-parent-linkcolor:hover,.wap-anchor-label-parent-gray.wap-anchor-label-parent-linkcolor:focus {
  color: #818da2;
  cursor: pointer
}

.wap-anchor-label-parent-light-gray {
  color: #7f7f7f;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-light-gray:hover,.wap-anchor-label-parent-light-gray:focus {
  color: #bdbdbd;
  cursor: pointer
}

.wap-anchor-label-parent-light-gray.wap-anchor-label-parent-linkcolor {
  color: #7f7f7f;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-light-gray.wap-anchor-label-parent-linkcolor:hover,.wap-anchor-label-parent-light-gray.wap-anchor-label-parent-linkcolor:focus {
  color: #bdbdbd;
  cursor: pointer
}

.wap-anchor-label-parent-white {
  color: #fff;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-white:hover,.wap-anchor-label-parent-white:focus {
  color: rgba(255,255,255,0.75);
  cursor: pointer
}

.wap-anchor-label-parent-white.wap-anchor-label-parent {
  color: #fff;
  transition: color 0.3s ease
}

.wap-anchor-label-parent-white.wap-anchor-label-parent:hover,.wap-anchor-label-parent-white.wap-anchor-label-parent:focus {
  color: rgba(255,255,255,0.75);
  cursor: pointer
}

.wap-anchor-label-parent-side-padding {
  padding: 4px 8px;
  max-width: inherit
}

.wap-anchor-label-min-width-80 {
  min-width: 80px
}

.wap-anchor-label-min-width-120 {
  min-width: 120px
}

.wap-anchor-label-min-width-160 {
  min-width: 160px
}

.wap-anchor-label-min-width-200 {
  min-width: 200px
}

.wap-anchor-label-min-width-280 {
  min-width: 280px
}

.wap-anchor-label-min-width-360 {
  min-width: 360px
}

.wap-anchor-label-max-width-80 {
  max-width: 80px
}

.wap-anchor-label-max-width-120 {
  max-width: 120px
}

.wap-anchor-label-max-width-160 {
  max-width: 160px
}

.wap-anchor-label-max-width-200 {
  max-width: 200px
}

.wap-anchor-label-max-width-280 {
  max-width: 280px
}

.wap-anchor-label-max-width-360 {
  max-width: 360px
}

.wap-anchor-label-font-size-title {
  font-size: 2rem
}

.wap-anchor-label-font-size-subhead {
  font-size: 1.7rem
}

.wap-anchor-label-font-size-body {
  font-size: 1.4rem
}

.wap-anchor-label-font-size-caption {
  font-size: 1.2rem
}

.wap-anchor-label-font-size-subcaption {
  font-size: 1rem
}

.wap-anchor-label-font-size-strong-value {
  font-size: 3rem
}

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

.wap-anchor-label-left-margin {
  margin-left: 4px
}

.wap-anchor-label-disabled {
  pointer-events: none
}

.wap-anchor-label-external-icon {
  font-size: 1.2rem;
  margin-left: 2px;
  margin-top: 4px
}

.wap-anchor-label-left-icon.wap-icon-arrow-left {
  display: flex
}

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

.wap-anchor-label.hidden {
  display: none
}

.wap-anchor-label.invisible {
  visibility: hidden
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-anchor-label-parent-height-normal {
      min-height:28px
  }
}

.spref-shrinking-mode-always .wap-anchor-label-parent-height-normal {
  min-height: 28px
}

.wap-inbox-row-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start
}

.wap-inbox-row-cells {
  height: 56px;
  min-width: 200px;
  flex-grow: 1;
  display: inline-flex;
  align-self: flex-start;
  justify-content: flex-start;
  align-content: center;
  overflow: hidden
}

.wap-inbox-row-cell {
  display: inline-flex;
  align-items: center
}

.wap-inbox-row-cell-item {
  width: 100%
}

.wap-inbox-row-coverd-checkbox .checkbox-cover {
  display: block
}

.wap-inbox-row-coverd-checkbox .wap-checkbox {
  display: none
}

.wap-inbox-row-coverd-checkbox:hover .checkbox-cover {
  display: none
}

.wap-inbox-row-coverd-checkbox:hover .wap-checkbox {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.wap-inbox-row-coverd-checkbox:hover .wap-checkbox-ripple-box {
  top: 8px;
  margin: 0
}

.wap-inbox-row-coverd-checkbox:hover .wap-checkbox-icon {
  margin: 0
}

.wap-inbox-row-card-container {
  width: 100%;
  display: flex
}

.wap-inbox-row.formated-expanded .wap-inbox-row-cell {
  display: none
}

.wap-inbox-row.formated-expanded .wap-inbox-basic-renderer {
  font-size: 2rem
}

.wap-inbox-row.active .wap-inbox-hover-button-inactive {
  display: inline-flex
}

.wap-inbox-row.active .wap-inbox-row.is-child .wap-inbox-hover-button-inactive {
  display: none
}

.wap-inbox-row.active .wap-inbox-row.is-child .wap-inbox-list-body-row-detail {
  border-top: none
}

.wap-inbox-row.active .wap-inbox-row.is-child:hover .wap-inbox-hover-button-inactive {
  display: inline-flex
}

.wap-inbox-row.active .wap-inbox-row.is-child.expanded .wap-inbox-list-body-row-detail {
  border-top: solid 1px #f0f1f2
}

.wap-inbox-row.un-clickable .wap-inbox-list-body-row-header {
  cursor: auto
}

.wap-inbox-row.un-clickable .wap-inbox-list-body-row-header:hover {
  background-color: #fff
}

.wap-inbox-row.un-clickable .wap-inbox-list-body-row-header:hover .wap-inbox-hover-button-container {
  background-color: #fff
}

.wap-inbox-row.selected {
  box-shadow: 0 -1px 0 #3b77db, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24)
}

.wap-inbox-row.selected .wap-inbox-list-body-row-header {
  background-color: #4285f4
}

.wap-inbox-row.selected .wap-inbox-list-body-row-header .wap-inbox-list-body-row-cell-item.span {
  color: #fff
}

.wap-inbox-row.selected .wap-inbox-list-body-row-header .wap-inbox-hover-button-container {
  display: none
}

.wap-inbox-row.selected.dragger-item {
  transition: all 0s ease-in-out
}

.wap-inbox-row.unread .status-item {
  font-weight: 700;
  color: #333
}

.wap-inbox-row.read .status-item {
  font-weight: 400;
  color: #7f7f7f
}

.wap-inbox-row.danger .status-item {
  color: #e91e63
}

.wap-inbox-row.danger.unread .status-item {
  font-weight: 700;
  color: #e95b8b
}

.wap-inbox-row.danger.read .status-item {
  font-weight: 400;
  color: #dd1659
}

.wap-inbox-row.warning .status-item {
  color: #f4b142
}

.wap-inbox-row.warning.unread .status-item {
  font-weight: 700;
  color: #f3b753
}

.wap-inbox-row.warning.read .status-item {
  font-weight: 400;
  color: #f19d12
}

.wap-inbox-row.active .wap-inbox-hover-button-container {
  position: absolute;
  height: 100%;
  display: inline-flex;
  right: 0;
  top: 0;
  padding-right: 16px
}

.wap-inbox-row:hover .wap-inbox-hover-button-container {
  position: absolute;
  height: 100%;
  display: inline-flex;
  right: 0;
  top: 0;
  padding-right: 16px
}

.wap-inbox-row .wap-inbox-hover-button-container {
  display: none
}

.wap-inbox-row .wap-inbox-hover-button-container .wap-button,.wap-inbox-row .wap-inbox-hover-button-container .wap-dropdown-button {
  padding-top: 8px
}

.wap-inbox-row .wap-inbox-hover-button-container .wap-button .wap-button-group-child,.wap-inbox-row .wap-inbox-hover-button-container .wap-dropdown-button .wap-button-group-child {
  width: 40px;
  height: 40px;
  padding: 12px
}

.timeline-profile-tab-content {
  position: relative
}

.timeline-profile-tab-content-button {
  position: absolute;
  right: 0;
  top: 16px
}

.timeline-profile-tab-content-description {
  color: #aaa;
  padding: 24px 0;
  height: 64px;
  padding-right: 64px
}

.approval-notification-container {
  min-width: 360px;
  font-size: 1.4rem
}

.approval-notification-container-header {
  display: flex;
  background-color: #f4f5f6;
  padding: 8px 20px;
  border-bottom: 1px solid #dadde0
}

.approval-notification-container-header-title {
  display: flex;
  flex-grow: 1
}

.approval-notification-container-header-title-label {
  font-size: 1.7rem;
  margin: 2px 0 0 0
}

.approval-notification-container-header-conversion {
  border-top: 1px solid #dadde0
}

.approval-notification-container-body {
  display: flex;
  flex-direction: column
}

.approval-notification-container-body-inner {
  display: flex;
  width: 100%
}

.approval-notification-container-body-inner:hover {
  background-color: #e6e8ea;
  cursor: pointer
}

.approval-notification-container-body-inner-proxy {
  max-width: 385px
}

.approval-notification-container-body-right-area {
  padding: 16px 24px 16px 20px;
  flex-grow: 1
}

.approval-notification-container-body-right-area-no-application {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f1f2;
  height: 120px;
  width: 100%
}

.approval-notification-container-body-conversion {
  padding: 16px 20px;
  color: #000
}

.approval-notification-container-body-unapproved-caption-area {
  padding-bottom: 8px;
  color: #000
}

.approval-notification-container-body-unapproved-caption-area-proxy-requestor {
  padding-bottom: 16px
}

.approval-notification-container-body-unapproved-caption-proxy-requestor {
  color: #1565C0
}

.approval-notification-container-body-unapproved-caption-number {
  font-size: 1.7rem;
  padding: 0 2px;
  color: #00b19d
}

.approval-notification-container-body-hurry-caption-area {
  padding-bottom: 8px;
  color: #000
}

.approval-notification-container-body-hurry-caption-number,.approval-notification-container-body-hurry-caption-hurry {
  font-size: 1.7rem;
  padding: 0 2px;
  color: #e91e63
}

.approval-notification-container-body-remanded-to-you-caption-area {
  padding-bottom: 8px;
  color: #000
}

.approval-notification-container-body-remanded-to-you-caption-number,.approval-notification-container-body-remanded-to-you-caption-remanded {
  font-size: 1.7rem;
  padding: 0 2px;
  color: #e91e63
}

.approval-notification-container-body-followup-caption-area {
  padding-bottom: 8px;
  color: #000
}

.approval-notification-container-body-followup-caption-area-proxy-requestor {
  padding-bottom: 16px
}

.approval-notification-container-body-followup-caption-proxy-requestor {
  color: #1565C0
}

.approval-notification-container-body-followup-caption-number {
  font-size: 1.7rem;
  padding: 0 2px;
  color: #00b19d
}

.approval-notification-container-body-applicants-area {
  display: flex;
  padding-top: 4px
}

.approval-notification-container-body-applicants-caption {
  padding: 4px 8px 0 0
}

.approval-notification-container-body-applicants-caption:first-letter {
  text-transform: uppercase
}

.approval-notification-container-body-no-application {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f1f2;
  height: 80px;
  width: 100%
}

.approval-notification-container-body-no-application:hover {
  background-color: #e6e8ea;
  cursor: pointer
}

.feedback-entry {
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  display: table;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  outline: 0;
  transition: opacity 0.3s ease;
  opacity: 1
}

.feedback-entry-hidden {
  opacity: 0
}

.feedback-entry-div {
  margin: auto;
  right: 0;
  left: 0;
  position: absolute;
  display: block
}

.feedback-entry-div.dialog-size-small {
  top: 20%;
  width: 600px;
  max-height: 600px;
  min-height: 375px
}

.feedback-entry-div.dialog-size-middle {
  top: 10%;
  width: 800px;
  max-height: 800px;
  min-height: 500px
}

.feedback-entry-content {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 0;
  max-height: inherit;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.2), 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 -8px 16px -8px rgba(0, 0, 0, 0.08);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1050
}

.feedback-entry-header {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  text-shadow: none;
  font-weight: 500;
  background: #00bcd4;
  color: #fff
}

.feedback-entry-header>.wap-header-label {
  flex: auto;
  padding-left: 4px
}

.feedback-entry-header .wap-button-button {
  border: none;
  background-color: transparent;
  color: #fff;
  opacity: 0.7;
  padding: 0 2px
}

.feedback-entry-header .wap-button-button:hover {
  opacity: 1;
  background-color: transparent
}

.feedback-entry-header .cursor-default .wap-anchor-label-label {
  cursor: default
}

.feedback-entry-header .wap-anchor-label-parent {
  color: #fff
}

.feedback-entry-header .wap-anchor-label-parent:hover {
  opacity: 1
}

.feedback-entry-title {
  margin: 0;
  line-height: 1.5
}

.feedback-entry-title-bar {
  font-size: 2rem;
  border-left: 2px solid #4285f4;
  padding-left: 14px
}

.feedback-entry-body {
  display: none
}

.feedback-entry-body.active {
  flex-grow: 1;
  padding: 16px 32px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: block
}

.feedback-entry-footer {
  flex-shrink: 0;
  padding: 20px 32px 16px;
  text-align: right;
  border-top: 1px solid #e6e8ea;
  width: 100%;
  height: 74px
}

.feedback-entry-footer-customization {
  display: flex;
  justify-content: flex-end
}

.feedback-entry-footer-customization .l-grid-leaf.ltr>.component {
  margin-left: 8px
}

.feedback-entry-footer-customization .l-grid-leaf.ltr>.component:first-child {
  margin-left: 0
}

.feedback-entry-footer-customization .l-grid-leaf.rtl>.component {
  margin-right: 8px
}

.feedback-entry-footer-customization .l-grid-leaf.rtl>.component:first-child {
  margin-right: 0
}

.feedback-entry-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.feedback-entry-backdrop.fade {
  transition: opacity 0.15s linear
}

.feedback-entry-backdrop.in-withsc {
  opacity: 0
}

.feedback-entry-backdrop.in {
  opacity: 0.5
}

.feedback-entry-button {
  margin-left: 8px
}

.feedback-entry-conf-descript {
  display: none
}

.feedback-entry-conf-descript.active {
  display: block
}

.feedback-entry-subbody {
  padding-top: 16px
}

.feedback-entry-subbody .label-element {
  width: 500px
}

.feedback-entry-iconselect-na .wap-icon-face-sorry {
  color: #d0d0d0
}

.feedback-entry-iconselect-please .wap-icon-face-please {
  color: #175d9f
}

.feedback-entry-iconselect-down .wap-icon-face-down {
  color: #3ea9c4
}

.feedback-entry-iconselect-angry .wap-icon-face-angry {
  color: #db0000
}

.feedback-entry-emotion-select .wap-icon-face-sorry {
  color: #d0d0d0
}

.feedback-entry-emotion-select .wap-icon-face-please {
  color: #f89406
}

.feedback-entry-emotion-select .wap-icon-face-down {
  color: #3ea9c4
}

.feedback-entry-emotion-select .wap-icon-face-angry {
  color: #db0000
}

.feedback-entry-finish-content {
  display: none
}

.feedback-entry-finish-content.active {
  display: block
}

.feedback-entry-finish-content .wap-text-label-side-padding {
  padding-left: 0
}

.feedback-entry-confirm-container {
  display: flex;
  margin-left: 8px
}

.feedback-entry-confirm-left {
  width: 55%;
  margin-right: 16px
}

.feedback-entry-visible {
  display: block
}

.feedback-entry-invisible {
  display: none
}

.feedback-entry-ac-button-active {
  cursor: pointer
}

.feedback-entry-disabled-text {
  color: #d0d0d0
}

.feedback-entry-fix-label-margin {
  margin-left: -8px
}

.feedback-entry-sc-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1045
}

.feedback-entry-sc-dragging {
  position: absolute;
  border-width: 1px;
  border-color: #263340;
  border-style: solid;
  background-color: #3b77db;
  opacity: 0.1
}

.feedback-entry-sc-highlight {
  position: absolute;
  border-width: 1px;
  border-color: #263340;
  border-style: solid;
  background-color: transparent;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1)
}

.feedback-entry-sc-darkout {
  position: absolute;
  border-width: 1px;
  border-color: #263340;
  border-style: solid;
  background-color: #000
}

.feedback-entry-sc-remove-button {
  position: absolute;
  font-size: 2rem;
  background-color: #a4aab0;
  cursor: pointer
}

.feedback-entry-sc-selected-active {
  background-color: #3b77db;
  opacity: 0.1
}

.feedback-entry-sc-remove-button-active {
  visibility: visible
}

.feedback-entry-sc-remove-button-disable {
  visibility: hidden
}

.feedback-entry-sc-cover-canvas {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5
}

.feedback-entry-sc-cover-canvas-active {
  cursor: crosshair
}

.feedback-entry-sc-contents-canvas {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5
}

.feedback-entry-sc-image {
  position: relative;
  width: 300px;
  height: 200px
}

.feedback-entry-sc-noimage {
  position: relative;
  width: 300px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  background-color: #dadde0
}

.wap-inbox-list {
  position: relative
}

.wap-inbox-list.auto-padding {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 26px;
  padding-right: 26px
}

.wap-inbox-list.add-padding-top {
  padding-top: 8px
}

.wap-inbox-list.add-padding-bottom {
  padding-bottom: 8px
}

.wap-inbox-list.display-none {
  display: none
}

.wap-inbox-list-header {
  display: flex;
  height: 40px;
  color: #7f7f7f;
  background-color: #fff;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  transition: all 0.15s ease-in-out;
  padding-left: 8px;
  padding-right: 8px
}

.wap-inbox-list-header.display-none {
  display: none
}

.wap-inbox-list-header-column {
  align-self: center;
  padding-left: 8px;
  padding-right: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-flex;
  justify-content: space-between
}

.wap-inbox-list-header-column.left {
  text-align: left
}

.wap-inbox-list-header-column.center {
  text-align: center
}

.wap-inbox-list-header-column.right {
  text-align: right;
  padding-right: 16px
}

.wap-inbox-list-header-column.right .wap-inbox-list-header-column-menu-button {
  margin-right: 0
}

.wap-inbox-list-header-column-label {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden
}

.wap-inbox-list-header-column-menu-button {
  margin-left: 4px;
  margin-right: 4px
}

.wap-inbox-list-header-column-menu-button:hover {
  cursor: pointer
}

.wap-inbox-list-body {
  display: flex;
  flex-direction: column
}

.wap-inbox-list-body-row {
  display: flex;
  min-height: 56px;
  overflow-x: hidden;
  padding-left: 8px;
  padding-right: 8px;
  flex-direction: column;
  overflow: hidden
}

.wap-inbox-list-body-row-cells-container {
  min-height: 56px;
  width: 100%;
  display: inline-flex
}

.wap-inbox-list-body-row-container {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  position: relative;
  transition: all 0.15s ease-in-out;
  margin-top: 1px
}

@media (-ms-high-contrast:active) {
  .wap-inbox-list-body-row-container {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-inbox-list-body-row-container {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-inbox-list-body-row-container {
      border: 1px solid #000
  }
}

.wap-inbox-list-body-row-container.expanded {
  margin: 16px -20px 16px -20px
}

.wap-inbox-list-body-row-container.expanded.show-expand-view {
  margin-left: 0;
  margin-right: 0;
  box-shadow: none
}

.wap-inbox-list-body-row-container.expanded.show-expand-view .wap-inbox-list-body-row-detail {
  border-top: none
}

.wap-inbox-list-body-row-container.expanded .wap-inbox-list-body-row-detail {
  display: block
}

.wap-inbox-list-body-row-header {
  position: relative;
  background-color: #fff;
  cursor: pointer
}

.wap-inbox-list-body-row-header .wap-inbox-hover-button-container {
  background-color: #fff
}

.wap-inbox-list-body-row-header .wap-inbox-hover-button-container.wap-inbox-hover-button-container-menu-open .wap-inbox-hover-button.wap-inbox-hover-button-inactive {
  display: inline-flex
}

.wap-inbox-list-body-row-header:hover {
  background-color: #e6e8ea
}

.wap-inbox-list-body-row-header:hover .wap-inbox-hover-button-container {
  background-color: #e6e8ea
}

.wap-inbox-list-body-row-header:hover .wap-inbox-hover-button-container .wap-inbox-hover-button.wap-inbox-hover-button-inactive {
  display: inline-flex
}

.wap-inbox-list-body-row-progress-bar {
  position: absolute;
  height: 2px;
  display: block;
  width: 100%;
  background-color: #bfdb8b;
  overflow: hidden;
  margin: 0;
  visibility: hidden
}

.wap-inbox-list-body-row-progress-bar-show {
  visibility: visible
}

.wap-inbox-list-body-row-progress-bar-indeterminate {
  background-color: #00bcd4
}

.wap-inbox-list-body-row-progress-bar-indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left,right;
  animation: indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}

.wap-inbox-list-body-row-progress-bar-indeterminate:after {
  content: '';
  position: absolute;
  background-color: #65c2b8;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left,right;
  animation: indeterminate-short 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s infinite
}

.wap-inbox-list-body-row-progress-bar lesshat-selector {
  -lh-property: 0;
}

@-webkit-keyframes indeterminate {
  0% {
      left: -35%;
      right: 100%;
  }

  50% {
      left: 100%;
      right: -90%;
  }

  100% {
      left: 100%;
      right: -90%;
  }
}

@-moz-keyframes indeterminate {
  0% {
      left: -35%;
      right: 100%;
  }

  50% {
      left: 100%;
      right: -90%;
  }

  100% {
      left: 100%;
      right: -90%;
  }
}

@-o-keyframes indeterminate {
  0% {
      left: -35%;
      right: 100%;
  }

  50% {
      left: 100%;
      right: -90%;
  }

  100% {
      left: 100%;
      right: -90%;
  }
}

@keyframes indeterminate {
  0% {
      left: -35%;
      right: 100%;
  }

  50% {
      left: 100%;
      right: -90%;
  }

  100% {
      left: 100%;
      right: -90%;
  }
}

[not-existing] {
  zoom: 1}

.wap-inbox-list-body-row-progress-bar lesshat-selector {
  -lh-property: 0;
}

@-webkit-keyframes indeterminate-short {
  0% {
      left: -200%;
      right: 100%;
  }

  50% {
      left: 110%;
      right: -10%;
  }

  100% {
      left: 110%;
      right: -10%;
  }
}

@-moz-keyframes indeterminate-short {
  0% {
      left: -200%;
      right: 100%;
  }

  50% {
      left: 110%;
      right: -10%;
  }

  100% {
      left: 110%;
      right: -10%;
  }
}

@-o-keyframes indeterminate-short {
  0% {
      left: -200%;
      right: 100%;
  }

  50% {
      left: 110%;
      right: -10%;
  }

  100% {
      left: 110%;
      right: -10%;
  }
}

@keyframes indeterminate-short {
  0% {
      left: -200%;
      right: 100%;
  }

  50% {
      left: 110%;
      right: -10%;
  }

  100% {
      left: 110%;
      right: -10%;
  }
}

[not-existing] {
  zoom: 1}

.wap-inbox-list-body-row-cell {
  display: inline-flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px
}

.wap-inbox-list-body-row-cell.text {
  padding-left: 16px;
  padding-right: 16px
}

.wap-inbox-list-body-row-cell.row {
  flex-direction: row
}

.wap-inbox-list-body-row-cell.row.left {
  justify-content: flex-start
}

.wap-inbox-list-body-row-cell.row.center {
  justify-content: center
}

.wap-inbox-list-body-row-cell.row.right {
  justify-content: flex-end;
  padding-right: 16px
}

.wap-inbox-list-body-row-cell.column {
  flex-direction: column;
  justify-content: center
}

.wap-inbox-list-body-row-cell.column.left {
  align-items: flex-start
}

.wap-inbox-list-body-row-cell.column.center {
  align-items: center
}

.wap-inbox-list-body-row-cell.column.right {
  align-items: flex-end;
  padding-right: 16px
}

.wap-inbox-list-body-row-cell.img {
  padding-left: 4px;
  padding-right: 4px
}

.wap-inbox-list-body-row-cell-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.wap-inbox-list-body-row-cell-item.span {
  width: 100%
}

.wap-inbox-list-body-row-cell-item.span.left {
  text-align: left
}

.wap-inbox-list-body-row-cell-item.span.center {
  text-align: center
}

.wap-inbox-list-body-row-cell-item.span.right {
  text-align: right
}

.wap-inbox-list-body-row-detail {
  border-top: solid 1px #f0f1f2;
  display: none;
  background-color: #fff
}

.wap-inbox-list-column {
  display: inline-flex
}

.wap-inbox-list-column-min-width-24 {
  min-width: 24px
}

.wap-inbox-list-column-min-width-40 {
  min-width: 48px
}

.wap-inbox-list-column-min-width-48 {
  min-width: 56px
}

.wap-inbox-list-column-min-width-80 {
  min-width: 88px
}

.wap-inbox-list-column-min-width-120 {
  min-width: 128px
}

.wap-inbox-list-column-min-width-160 {
  min-width: 168px
}

.wap-inbox-list-column-min-width-168 {
  min-width: 176px
}

.wap-inbox-list-column-min-width-200 {
  min-width: 208px
}

.wap-inbox-list-column-min-width-280 {
  min-width: 288px
}

.wap-inbox-list-column-min-width-360 {
  min-width: 368px
}

.wap-inbox-list-column-min-width-checkbox {
  min-width: 48px;
  padding-left: 4px;
  padding-right: 4px
}

.wap-inbox-list-column-width-24 {
  width: 24px
}

.wap-inbox-list-column-width-40 {
  width: 48px
}

.wap-inbox-list-column-width-48 {
  width: 56px
}

.wap-inbox-list-column-width-80 {
  width: 88px
}

.wap-inbox-list-column-width-120 {
  width: 128px
}

.wap-inbox-list-column-width-160 {
  width: 168px
}

.wap-inbox-list-column-width-168 {
  width: 176px
}

.wap-inbox-list-column-width-200 {
  width: 208px
}

.wap-inbox-list-column-width-280 {
  width: 288px
}

.wap-inbox-list-column-width-360 {
  width: 368px
}

.wap-inbox-list-column-width-auto {
  width: auto;
  flex: 1
}

.wap-inbox-list-highlight {
  background-color: #f4ec42
}

.wap-inbox-list.show-checkbox .wap-inbox-checkbox-cell .checkbox-cover {
  display: none
}

.wap-inbox-list.show-checkbox .wap-inbox-checkbox-cell .wap-checkbox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%
}

.wap-inbox-list.show-checkbox .wap-inbox-checkbox-cell .wap-checkbox-ripple-box {
  top: 8px;
  margin: 0
}

.wap-inbox-list.show-checkbox .wap-inbox-checkbox-cell .wap-checkbox-icon {
  margin: 0
}

.wap-switch-input.hidden {
  display: none
}

.wap-switch-input.invisible {
  visibility: hidden
}

.wap-switch-input-width-size-s {
  width: 120px
}

.wap-switch-input-width-size-m {
  width: 240px
}

.wap-switch-input-width-size-l {
  width: 480px
}

.wap-switch-input-width-size-xl {
  width: 720px
}

.wap-switch-input-width-size-full {
  width: 100%
}

.wap-switch-input-hint-target {
  width: 56px;
  padding: 8px
}

.wap-switch-input .input-parent {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.wap-switch-input-content {
  display: block;
  overflow: hidden;
  height: 16px;
  border-radius: 8px;
  background-clip: border-box;
  width: 40px
}

@media (-ms-high-contrast:active) {
  .wap-switch-input-content {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-switch-input-content {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-switch-input-content {
      border: 1px solid #000
  }
}

.wap-switch-input-content-checkbox {
  opacity: 0;
  position: absolute;
  cursor: pointer;
  width: 0;
  height: 0
}

.wap-switch-input-content.checked .wap-switch-input-content-label {
  margin-left: 0
}

.wap-switch-input-content.checked .wap-switch-input-content-label-separator {
  left: 28px;
  transition: left 0.2s ease
}

.wap-switch-input-content.checked .wap-switch-input-content-label-ripple-box {
  left: 28px
}

.wap-switch-input-content-label {
  margin-left: -40px;
  width: 80px;
  height: 16px;
  cursor: pointer;
  transition: margin 0.15s;
  white-space: nowrap;
  display: flex
}

.wap-switch-input-content-label-on {
  display: inline-block;
  height: 16px;
  width: 40px
}

.wap-switch-input-content-label-ripple-box {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-clip: border-box;
  left: 7px;
  top: 6px;
  opacity: 0;
  position: absolute;
  transform: scale(1);
  background-color: rgba(119,127,134,0.2)
}

.wap-switch-input-content-label-ripple-box.switch-ripple-animation {
  opacity: 1;
  transform: scale(2);
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),-moz-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),-o-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s ease, left 0.2s ease
}

.wap-switch-input-content-label-separator {
  transition: left 0.15s, background-color 0.15s;
  display: inline-block;
  background-color: #f0f1f2;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background-clip: border-box;
  height: 20px;
  position: absolute;
  width: 20px;
  left: 6px;
  top: 6px;
  transition: left 0.2s ease
}

@media (-ms-high-contrast:active) {
  .wap-switch-input-content-label-separator {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-switch-input-content-label-separator {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-switch-input-content-label-separator {
      border: 1px solid #000
  }
}

.wap-switch-input-content-label-off {
  display: inline-block;
  background-color: #777f86;
  height: 16px;
  width: 40px
}

.wap-switch-input-content-info-label-on {
  background-color: #c6dafb
}

.wap-switch-input-content-info.checked .wap-switch-input-content-label-separator {
  background-color: #4285f4
}

.wap-switch-input-content-info.checked .wap-switch-input-content-label-ripple-box {
  background-color: rgba(66,133,244,0.2)
}

.wap-switch-input-content-success-label-on {
  background-color: #aae5de
}

.wap-switch-input-content-success.checked .wap-switch-input-content-label-separator {
  background-color: #00b19d
}

.wap-switch-input-content-success.checked .wap-switch-input-content-label-ripple-box {
  background-color: rgba(0,177,157,0.2)
}

.wap-switch-input-content-warning-label-on {
  background-color: #fadeaf
}

.wap-switch-input-content-warning.checked .wap-switch-input-content-label-separator {
  background-color: #f4b142
}

.wap-switch-input-content-warning.checked .wap-switch-input-content-label-ripple-box {
  background-color: rgba(244,177,66,0.2)
}

.wap-switch-input-content-danger-label-on {
  background-color: #f9c4d6
}

.wap-switch-input-content-danger.checked .wap-switch-input-content-label-separator {
  background-color: #e91e63
}

.wap-switch-input-content-danger.checked .wap-switch-input-content-label-ripple-box {
  background-color: rgba(233,30,99,0.2)
}

.wap-switch-input.disabled .wap-switch-input-content-label {
  cursor: inherit
}

.wap-switch-input.disabled .wap-switch-input-content-label-separator {
  background-color: #f0f1f2
}

.wap-switch-input.disabled .wap-switch-input-content-label-on {
  background-color: #777f86
}

.wap-switch-input.disabled .wap-switch-input-label {
  cursor: no-drop
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-switch-input-hint-target {
      padding:6px 8px
  }

  .spref-shrinking-mode-768 .wap-switch-input-content-label-ripple-box {
      top: 4px
  }

  .spref-shrinking-mode-768 .wap-switch-input-content-label-separator {
      top: 4px
  }
}

.spref-shrinking-mode-always .wap-switch-input-hint-target {
  padding: 6px 8px
}

.spref-shrinking-mode-always .wap-switch-input-content-label-ripple-box {
  top: 4px
}

.spref-shrinking-mode-always .wap-switch-input-content-label-separator {
  top: 4px
}

.wap-textarea .form-control {
  padding: 5px 8px;
  line-height: 20px
}

.wap-textarea-input {
  width: 100%;
  resize: none;
  min-height: 32px
}

.wap-textarea-input-width-size-s {
  width: 120px
}

.wap-textarea-input-width-size-m {
  width: 240px
}

.wap-textarea-input-width-size-l {
  width: 480px
}

.wap-textarea-input-width-size-xl {
  width: 720px
}

.wap-textarea-input-width-size-full {
  width: 100%
}

.wap-textarea-input-dummy {
  position: absolute;
  top: 0;
  left: -9999px;
  white-space: pre-wrap
}

.wap-textarea-counter {
  text-align: right;
  padding-top: 8px;
  height: 24px
}

.wap-textarea-suggestions {
  white-space: nowrap;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: auto;
  -webkit-filter: drop-shadow(8121991);
  -moz-filter: drop-shadow(8121991);
  -ms-filter: drop-shadow(8121991);
  filter: drop-shadow(8121991);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  border-radius: 2px;
  background-clip: border-box;
  z-index: 1000;
  border: none;
  padding: 4px 0;
  box-sizing: content-box
}

.wap-textarea .ac-row {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px;
  text-align: left;
  cursor: pointer
}

.wap-textarea .ac-row.active {
  color: #333;
  background-color: #e6e8ea
}

.wap-textarea .ac-row .ac-suggest-val-text {
  padding-left: 8px
}

.wap-textarea .ac-row .ac-suggest-history {
  color: #52188c
}

.wap-textarea.hidden {
  display: none
}

.wap-textarea.invisible {
  visibility: hidden
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-textarea-input-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-textarea-input-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-textarea-input-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-textarea-input-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-textarea-input-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-textarea-input-width-size-xl {
      width:240px
  }
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

.global-navi-button-base {
  padding-top: 0;
  padding-right: 6px;
  padding-left: 6px;
  margin-right: 8px;
  margin-left: 8px;
  background-color: transparent;
  color: #bdbdbd;
  font-size: 2rem;
  border: none
}

.global-navi-button-base:hover {
  color: #fff
}

.global-navi-button-caption {
  font-size: 1.7rem;
  line-height: 1
}

.global-navi-button-icon {
  font-size: 2rem
}

.global-navi-button-notification {
  position: relative
}

.global-navi-button-notification-icon {
  font-size: 2rem
}

.global-navi-button-feedback {
  position: relative
}

.global-navi-button-talk {
  position: relative
}

.global-navi-button-logout {
  margin-right: 0;
  padding-right: 33px
}

.global-navi-button-logout .global-navi-button-icon {
  padding-left: 8px
}

.global-navi-button-badge-area {
  position: absolute;
  top: 27px;
  left: 20px
}

.global-navi-button-badge-area .hidden {
  display: none
}

.global-navi-button-badge-area .badge {
  text-align: center;
  padding: 4px 4px;
  height: 20px;
  min-width: 20px
}

.global-navi-button-white {
  color: #fff
}

.wap-single-select.hidden {
  display: none
}

.wap-single-select.invisible {
  visibility: hidden
}

.wap-single-select.disabled .wap-single-select-input {
  background-color: #f4f5f6;
  cursor: default
}

.wap-single-select.disabled .wap-single-select-input:focus {
  outline: none
}

.wap-single-select-readonly {
  height: 32px;
  border: none;
  box-shadow: none;
  background-color: #edeff3
}

.wap-single-select-input {
  width: 100%;
  height: 32px;
  padding: 0 24px 0 0;
  border: 1px solid #c2cad8;
  background-color: #fff;
  text-align: left;
  border-radius: 2px;
  background-clip: border-box
}

.wap-single-select-input:focus {
  box-shadow: none;
  transition: box-shadow ease-in-out .15s;
  outline: none;
  border-color: #4285f4
}

.wap-single-select-input:focus::-webkit-input-placeholder {
  color: #E3E3E3
}

.wap-single-select-input:focus:-moz-placeholder {
  color: #E3E3E3
}

.wap-single-select-input:focus::-moz-placeholder {
  color: #E3E3E3
}

.wap-single-select-input:focus:-ms-input-placeholder {
  color: #E3E3E3
}

.wap-single-select-input:focus[readonly]::-webkit-input-placeholder {
  color: transparent
}

.wap-single-select-input:focus[readonly]:-moz-placeholder {
  color: transparent
}

.wap-single-select-input:focus[readonly]::-moz-placeholder {
  color: transparent
}

.wap-single-select-input:focus[readonly]:-ms-input-placeholder {
  color: transparent
}

.wap-single-select-caption {
  position: relative;
  padding: 0 8px;
  line-height: 32px;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: -1px
}

.wap-single-select-caption-icon {
  padding-left: 8px
}

.wap-single-select-caption.wap-single-select-empty-value {
  color: #aaa
}

.wap-single-select-icon {
  height: 32px;
  padding-right: 8px;
  line-height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  transition: color 0.3s ease;
  color: #7f7f7f
}

.wap-single-select-icon:hover {
  color: #333
}

.wap-single-select-option {
  position: absolute;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  background-clip: border-box;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -2px 5px -2px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  width: 100%;
  top: 33px;
  left: 0;
  overflow-y: auto;
  padding: 4px 0
}

@media (-ms-high-contrast:active) {
  .wap-single-select-option {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-single-select-option {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-single-select-option {
      border: 1px solid #000
  }
}

.wap-single-select-up {
  top: -275px
}

.wap-single-select-hide-divider .wap-single-select-item.divider {
  display: none
}

.wap-single-select-item {
  padding: 8px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-height: 32px
}

.wap-single-select-item.hidden {
  display: none
}

.wap-single-select-item-icon {
  padding-right: 8px
}

.wap-single-select-item.selecting {
  color: #333;
  background-color: #e6e8ea
}

.wap-single-select-item.selected {
  color: #333;
  background-color: #cdd0d3
}

.wap-single-select-item.divider {
  height: 0;
  padding: 0;
  margin: 4px 8px;
  border-bottom: 1px solid #dadde0;
  cursor: default;
  min-height: 0
}

.wap-single-select-item.disabled {
  color: #d0d0d0;
  background-color: #f4f5f6;
  cursor: default
}

.wap-single-select-button-transparent .wap-single-select-input {
  color: #333;
  background-color: transparent;
  border-color: transparent
}

.wap-single-select-button-transparent .wap-single-select-input:focus {
  border-color: transparent
}

.wap-single-select-button-transparent .wap-single-select-caption {
  width: auto
}

.wap-single-select-button-transparent .wap-single-select-icon {
  right: auto
}

.wap-single-select-button-transparent .wap-single-select-option {
  width: auto
}

.wap-single-select-width-size-s {
  width: 120px
}

.wap-single-select-width-size-m {
  width: 240px
}

.wap-single-select-width-size-l {
  width: 480px
}

.wap-single-select-width-size-xl {
  width: 720px
}

.wap-single-select-width-size-full {
  width: 100%
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-single-select-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-single-select-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-single-select-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-single-select-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-single-select-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-single-select-width-size-xl {
      width:240px
  }
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-single-select-option {
      top:29px
  }

  .spref-shrinking-mode-768 .wap-single-select-icon {
      height: 28px;
      line-height: 28px
  }

  .spref-shrinking-mode-768 .wap-single-select-caption {
      height: 28px;
      line-height: 28px;
      margin-top: -2px
  }
}

.spref-shrinking-mode-always .wap-single-select-option {
  top: 29px
}

.spref-shrinking-mode-always .wap-single-select-icon {
  height: 28px;
  line-height: 28px
}

.spref-shrinking-mode-always .wap-single-select-caption {
  height: 28px;
  line-height: 28px;
  margin-top: -2px
}

.l-row {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: row;
  position: relative
}

.l-row.l-auto-padding.l-grid-leaf {
  padding: 8px 16px
}

.l-row.l-margin-top-unit-size-base-half {
  margin-top: 4px
}

.l-row.l-margin-top-unit-size-base-1 {
  margin-top: 8px
}

.l-row.l-margin-top-unit-size-base-2 {
  margin-top: 16px
}

.l-row.l-margin-top-unit-size-base-3 {
  margin-top: 24px
}

.l-row.l-margin-top-unit-size-base-4 {
  margin-top: 32px
}

.l-row.l-margin-top-unit-size-base-5 {
  margin-top: 40px
}

.l-row.l-margin-top-unit-size-base-6 {
  margin-top: 48px
}

.l-row.l-margin-bottom-unit-size-base-half {
  margin-bottom: 4px
}

.l-row.l-margin-bottom-unit-size-base-1 {
  margin-bottom: 8px
}

.l-row.l-margin-bottom-unit-size-base-2 {
  margin-bottom: 16px
}

.l-row.l-margin-bottom-unit-size-base-3 {
  margin-bottom: 24px
}

.l-row.l-margin-bottom-unit-size-base-4 {
  margin-bottom: 32px
}

.l-row.l-margin-bottom-unit-size-base-5 {
  margin-bottom: 40px
}

.l-row.l-margin-bottom-unit-size-base-6 {
  margin-bottom: 48px
}

.l-row.l-padding-vertical-unit-size-base-half {
  padding-top: 4px;
  padding-bottom: 4px
}

.l-row.l-padding-vertical-unit-size-base-1 {
  padding-top: 8px;
  padding-bottom: 8px
}

.l-row.l-padding-vertical-unit-size-base-2 {
  padding-top: 16px;
  padding-bottom: 16px
}

.l-row.l-padding-vertical-unit-size-base-3 {
  padding-top: 24px;
  padding-bottom: 24px
}

.l-row.l-padding-vertical-unit-size-base-4 {
  padding-top: 32px;
  padding-bottom: 32px
}

.l-row.l-padding-vertical-unit-size-base-5 {
  padding-top: 40px;
  padding-bottom: 40px
}

.l-row.l-padding-vertical-unit-size-base-6 {
  padding-top: 48px;
  padding-bottom: 48px
}

.l-row.l-padding-horizontal-unit-size-base-half {
  padding-right: 4px;
  padding-left: 4px
}

.l-row.l-padding-horizontal-unit-size-base-1 {
  padding-right: 8px;
  padding-left: 8px
}

.l-row.l-padding-horizontal-unit-size-base-2 {
  padding-right: 16px;
  padding-left: 16px
}

.l-row.l-padding-horizontal-unit-size-base-3 {
  padding-right: 24px;
  padding-left: 24px
}

.l-row.l-padding-horizontal-unit-size-base-4 {
  padding-right: 32px;
  padding-left: 32px
}

.l-row.l-padding-horizontal-unit-size-base-5 {
  padding-right: 40px;
  padding-left: 40px
}

.l-row.l-padding-horizontal-unit-size-base-6 {
  padding-right: 48px;
  padding-left: 48px
}

.l-row-grow {
  flex-grow: 1;
  flex-basis: 0
}

.l-row-wrap {
  flex-wrap: wrap
}

.l-row-left-to-right {
  justify-content: start;
  align-items: stretch
}

.l-row-left-to-right.l-row-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-row-left-to-right.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-left-to-right.l-row-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-row-left-to-right.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-left-to-right-on-top {
  justify-content: start;
  align-items: flex-start
}

.l-row-left-to-right-on-top.l-row-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-row-left-to-right-on-top.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-left-to-right-on-top.l-row-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-row-left-to-right-on-top.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-left-to-right-on-bottom {
  justify-content: start;
  align-items: flex-end
}

.l-row-left-to-right-on-bottom.l-row-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-row-left-to-right-on-bottom.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-left-to-right-on-bottom.l-row-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-row-left-to-right-on-bottom.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-left-to-right-on-center {
  justify-content: start;
  align-items: center
}

.l-row-left-to-right-on-center.l-row-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-row-left-to-right-on-center.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-left-to-right-on-center.l-row-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-row-left-to-right-on-center.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-right-to-left {
  justify-content: flex-end;
  align-items: stretch
}

.l-row-right-to-left.l-row-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-row-right-to-left.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-right-to-left.l-row-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-row-right-to-left.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-right-to-left-on-top {
  justify-content: flex-end;
  align-items: flex-start
}

.l-row-right-to-left-on-top.l-row-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-row-right-to-left-on-top.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-right-to-left-on-top.l-row-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-row-right-to-left-on-top.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-right-to-left-on-bottom {
  justify-content: flex-end;
  align-items: flex-end
}

.l-row-right-to-left-on-bottom.l-row-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-row-right-to-left-on-bottom.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-right-to-left-on-bottom.l-row-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-row-right-to-left-on-bottom.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-right-to-left-on-center {
  justify-content: flex-end;
  align-items: center
}

.l-row-right-to-left-on-center.l-row-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-row-right-to-left-on-center.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-right-to-left-on-center.l-row-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-row-right-to-left-on-center.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-row-top-to-bottom {
  flex-direction: column;
  justify-content: start;
  align-items: stretch
}

.l-row-top-to-bottom.l-row-component-margin-s.l-grid-leaf>.component {
  margin-top: 8px
}

.l-row-top-to-bottom.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-row-top-to-bottom.l-row-component-margin-m.l-grid-leaf>.component {
  margin-top: 16px
}

.l-row-top-to-bottom.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-row-top-to-bottom-on-left {
  flex-direction: column;
  justify-content: start;
  align-items: flex-start
}

.l-row-top-to-bottom-on-left.l-row-component-margin-s.l-grid-leaf>.component {
  margin-top: 8px
}

.l-row-top-to-bottom-on-left.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-row-top-to-bottom-on-left.l-row-component-margin-m.l-grid-leaf>.component {
  margin-top: 16px
}

.l-row-top-to-bottom-on-left.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-row-top-to-bottom-on-right {
  flex-direction: column;
  justify-content: start;
  align-items: flex-end
}

.l-row-top-to-bottom-on-right.l-row-component-margin-s.l-grid-leaf>.component {
  margin-top: 8px
}

.l-row-top-to-bottom-on-right.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-row-top-to-bottom-on-right.l-row-component-margin-m.l-grid-leaf>.component {
  margin-top: 16px
}

.l-row-top-to-bottom-on-right.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-row-top-to-bottom-on-center {
  flex-direction: column;
  justify-content: start;
  align-items: center
}

.l-row-top-to-bottom-on-center.l-row-component-margin-s.l-grid-leaf>.component {
  margin-top: 8px
}

.l-row-top-to-bottom-on-center.l-row-component-margin-s.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-row-top-to-bottom-on-center.l-row-component-margin-m.l-grid-leaf>.component {
  margin-top: 16px
}

.l-row-top-to-bottom-on-center.l-row-component-margin-m.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-row-screen-margin-left {
  margin-left: 16px
}

.l-row-screen-margin-right {
  margin-right: 17px
}

.l-row-overflow-y-scroll {
  margin-right: 0;
  overflow-y: scroll
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1 {
  margin-top: -4px;
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -4px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1 .l-col.l-auto-padding.l-grid-leaf,.l-row-offset-children-padding.l-row-children-padding-size-base-1 .l-row.l-auto-padding.l-grid-leaf {
  padding: 4px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-top-unit-size-base-half {
  margin-top: 0
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-top-unit-size-base-1 {
  margin-top: 4px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-top-unit-size-base-2 {
  margin-top: 12px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-top-unit-size-base-3 {
  margin-top: 20px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-top-unit-size-base-4 {
  margin-top: 28px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-top-unit-size-base-5 {
  margin-top: 36px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-top-unit-size-base-6 {
  margin-top: 44px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-bottom-unit-size-base-half {
  margin-bottom: 0
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-bottom-unit-size-base-1 {
  margin-bottom: 4px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-bottom-unit-size-base-2 {
  margin-bottom: 12px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-bottom-unit-size-base-3 {
  margin-bottom: 20px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-bottom-unit-size-base-4 {
  margin-bottom: 28px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-bottom-unit-size-base-5 {
  margin-bottom: 36px
}

.l-row-offset-children-padding.l-row-children-padding-size-base-1.l-margin-bottom-unit-size-base-6 {
  margin-bottom: 44px
}

.wap-numeric-input-input {
  text-align: right;
  width: 100%
}

.wap-numeric-input-input:-ms-input-placeholder {
  text-align: left
}

.wap-numeric-input-input.form-control {
  padding-right: 8px
}

.wap-numeric-input-input.form-control:focus {
  padding-right: 8px
}

.wap-numeric-input.readonly .wap-numeric-input-input.form-control {
  padding-right: 8px
}

.wap-numeric-input.readonly .wap-numeric-input-input.form-control:focus {
  padding-right: 8px
}

.wap-numeric-input-width-size-s {
  width: 120px
}

.wap-numeric-input-width-size-m {
  width: 240px
}

.wap-numeric-input-width-size-l {
  width: 480px
}

.wap-numeric-input-width-size-xl {
  width: 720px
}

.wap-numeric-input-width-size-full {
  width: 100%
}

.wap-numeric-input.hidden {
  display: none
}

.wap-numeric-input.invisible {
  visibility: hidden
}

.wap-numeric-input-suggestions {
  white-space: nowrap;
  min-width: 100%;
  background-color: #fff;
  position: absolute;
  top: 33px;
  left: 0;
  -webkit-filter: drop-shadow(8121991);
  -moz-filter: drop-shadow(8121991);
  -ms-filter: drop-shadow(8121991);
  filter: drop-shadow(8121991);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  border-radius: 2px;
  background-clip: border-box;
  z-index: 1000;
  border: 1px solid #dadde0;
  padding: 4px 0
}

.wap-numeric-input .ac-row {
  padding: 8px;
  text-align: right;
  cursor: pointer
}

.wap-numeric-input .ac-row.active {
  color: #333;
  background-color: #e6e8ea
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-numeric-input-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-numeric-input-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-numeric-input-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-numeric-input-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-numeric-input-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-numeric-input-width-size-xl {
      width:240px
  }
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

.talk-user-status-setting-talk-message {
  color: #7f7f7f;
  padding: 8px 8px 16px 8px
}

.talk-user-status-setting-talk-message-setting {
  justify-content: space-between;
  display: flex;
  padding-bottom: 8px;
  margin-left: 8px
}

.talk-user-status-setting-talk-message-setting-label {
  float: left
}

.talk-user-status-setting-talk-message-setting .wap-switch-input {
  width: 56px
}

.talk-user-status-setting-talk-message-content {
  border: 1px solid #dadde0;
  margin-right: 8px;
  margin-left: 8px
}

.talk-user-status-setting-talk-message-content-text {
  padding: 8px;
  height: 70px;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
  word-wrap: break-word
}

.talk-user-status-setting-talk-message-content-text-hidden {
  display: none
}

.wap-input-group {
  display: flex
}

.wap-input-group.full-width-input {
  flex-grow: 1;
  max-height: 32px
}

.wap-input-group>.full-width-input {
  flex-grow: 1
}

.wap-input-group>.component:first-child:not(:last-child) .wap-button-group-child,.wap-input-group>.component:first-child:not(:last-child) .wap-input-group-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-clip: border-box
}

.wap-input-group>.component:not(:first-child):not(:last-child) .wap-button-group-child,.wap-input-group>.component:not(:first-child):not(:last-child) .wap-input-group-child {
  border-radius: 0;
  background-clip: border-box;
  margin-left: -1px
}

.wap-input-group>.component:last-child:not(:first-child) .wap-button-group-child,.wap-input-group>.component:last-child:not(:first-child) .wap-input-group-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: border-box;
  margin-left: -1px
}

.wap-input-group>.component>.wap-button-primary {
  box-shadow: none
}

.wap-input-group .wap-button-group-child {
  border-color: #c2cad8
}

.wap-input-group-search-style.full-width-input {
  max-height: 40px
}

.wap-input-group-search-style .input-parent {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.wap-input-group-search-style .input-parent:before {
  font-family: 'wapicon'
}

.wap-input-group-search-style .input-parent:before {
  content: "\e07f"
}

.wap-input-group-search-style .input-parent:before {
  position: absolute;
  top: calc(50% - 8px);
  left: 16px;
  color: #7f7f7f;
  font-size: 1.6rem
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon {
  border-radius: 2px;
  background-clip: border-box;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  height: 40px;
  padding-left: 48px;
  border-color: transparent
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon::-webkit-input-placeholder {
  color: #999
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon:-moz-placeholder {
  color: #999
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon::-moz-placeholder {
  color: #999
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon:-ms-input-placeholder {
  color: #999
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon.input-element-with-no-shadow {
  border-radius: 2px;
  background-clip: border-box;
  box-shadow: none;
  height: 40px;
  padding-left: 48px;
  border: 1px solid #dadde0
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon.input-element-with-no-shadow::-webkit-input-placeholder {
  color: #999
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon.input-element-with-no-shadow:-moz-placeholder {
  color: #999
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon.input-element-with-no-shadow::-moz-placeholder {
  color: #999
}

.wap-input-group-search-style .input-parent .wap-input-group-child.wap-text-input-inputbox.input-element-with-opt-icon.input-element-with-no-shadow:-ms-input-placeholder {
  color: #999
}

.wap-input-group-search-style .input-parent .form-input-clear-button {
  top: 12px
}

.wap-input-group-search-style .wap-text-input-suggestions {
  top: 41px
}

.wap-input-group-search-style .wap-button {
  display: none
}

.wap-input-group.hidden {
  display: none
}

.wap-input-group.invisible {
  visibility: hidden
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-input-group .wap-button .wap-button-button {
      height:28px
  }
}

.spref-shrinking-mode-always .wap-input-group .wap-button .wap-button-button {
  height: 28px
}

.talk-user-status-setting-business-status {
  opacity: 1;
  max-height: 250px;
  padding: 8px 0 0;
  cursor: default;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.talk-user-status-setting-business-status-hidden {
  opacity: 0;
  max-height: 0;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden
}

.talk-user-status-setting-business-status .custom-status-header {
  cursor: pointer;
  padding: 15px 16px;
  color: #7f7f7f
}

.talk-user-status-setting-business-status .custom-status-header .talk-user-status-setting-custom-business-status-heading {
  color: #1565C0;
  padding-left: 8px
}

.talk-user-status-setting-business-status-entry {
  padding: 8px 16px;
  display: flex;
  color: #7f7f7f
}

.talk-user-status-setting-business-status-entry .wap-icon-comment {
  padding-top: 8px;
  padding-right: 8px
}

.talk-user-status-setting-business-status-entry-text {
  padding-left: 8px;
  width: 180px;
  color: #333
}

.talk-user-status-setting-business-status-entry .wap-text-input {
  width: 168px;
  padding-right: 8px
}

.talk-user-status-setting-business-status-entry.talk-user-custom-status>.wap-icon-checkmark {
  padding-top: 8px
}

.talk-user-status-setting-business-status-customized-status-input {
  border: none;
  width: 100%;
  height: 17px;
  background: none;
  text-overflow: ellipsis;
  cursor: pointer
}

.talk-user-status-setting-business-status-customized-status-input:focus {
  border-bottom: 1px solid;
  border-bottom-color: #4285f4
}

.timeline-filter {
  width: 240px;
  right: auto;
  left: auto;
  max-height: 600px;
  overflow: auto
}

.timeline-filter::-webkit-scrollbar {
  width: 5px;
  background: #f0f1f2;
  transition: all 600ms ease
}

.timeline-filter::-webkit-scrollbar-track {
  border-radius: 1px;
  background-clip: border-box
}

.timeline-filter::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background-clip: border-box;
  background: #b8bdc2
}

.timeline-filter::-webkit-scrollbar-thumb:hover {
  background: #a4aab0
}

.timeline-filter-title {
  padding: 0 16px 16px 0;
  font-weight: 400;
  color: #aaa;
  font-size: 1.7rem
}

.timeline-filter-list {
  margin: 0 0 8px
}

.timeline-filter-list-divider {
  border-bottom: 1px solid #dadde0;
  margin: 8px 0
}

.timeline-filter-icon {
  margin-right: 8px
}

.timeline-filter-list-item {
  padding: 12px 16px 8px;
  height: 40px;
  cursor: pointer;
  display: flex;
  transition: background-color 0.3s ease
}

.timeline-filter-list-item-clip-copy-node {
  display: none
}

.timeline-filter-list-item-title {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.timeline-filter-list-item:hover {
  background-color: #dadde0
}

.timeline-filter-list-item:hover .timeline-filter-list-clip {
  opacity: 0.8
}

.timeline-filter-list-item.active {
  background-color: #cdd0d3
}

.timeline-filter-list-item-hidden {
  display: none
}

.timeline-filter-list-item-leaf {
  padding-left: 30px
}

.timeline-filter-list-item-icon {
  display: inline-block;
  flex-grow: 1;
  text-align: right
}

.timeline-filter-list-clip {
  cursor: pointer;
  flex-grow: 1;
  opacity: 0;
  text-align: right;
  color: #7f7f7f
}

.timeline-filter-list-clip-edit:hover {
  color: #333
}

.timeline-filter-list-clip-delete {
  margin-left: 4px
}

.timeline-filter-list-clip-delete:hover {
  color: #333
}

.timeline-filter-list-clip-show {
  opacity: 0.8
}

.timeline-filter-clip-edit {
  padding: 16px
}

.timeline-filter-clip-edit-label {
  font-size: 2rem;
  margin-bottom: 24px
}

.timeline-filter-clip-edit-area .wap-text-input-width-size-m {
  width: 248px
}

.timeline-filter-clip-edit-buttons {
  margin-top: 16px;
  height: 40px
}

.timeline-filter-clip-edit-buttons-ok {
  float: right;
  margin-right: 8px
}

.timeline-filter-clip-edit-buttons-cancel {
  float: right
}

.timeline-filter-horizontal {
  width: 100%;
  padding-top: 0;
  margin: 0;
  overflow-y: hidden
}

.timeline-filter-horizontal .timeline-filter-list {
  display: flex;
  margin: 0;
  border-bottom: 1px solid #dadde0
}

.timeline-filter-horizontal .timeline-filter-list-item {
  margin-bottom: -2px
}

.timeline-filter-horizontal .timeline-filter-list-item:hover {
  color: #7f7f7f;
  background: none
}

.timeline-filter-horizontal .timeline-filter-list-item.active {
  border-bottom: 3px solid #4285f4;
  background: none
}

.wap-popover {
  position: absolute;
  display: inline-table;
  top: 0;
  left: 0;
  z-index: 1010;
  min-width: 40px;
  min-height: 24px;
  max-width: 560px;
  max-height: 480px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-clip: border-box;
  white-space: normal
}

.wap-popover .wap-message-panel-default,.wap-popover .wap-message-panel-info {
  background-color: #e8e8e8
}

.wap-popover.popover-on-dialog {
  z-index: 1055
}

.wap-popover-title {
  padding: 4px 16px
}

.wap-popover-message {
  padding: 12px 16px;
  line-height: 1.33
}

.wap-popover-hr {
  margin: 0 16px
}

.wap-popover-anchor {
  padding: 4px 8px 4px 8px
}

.wap-popover-close {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  font-weight: 700;
  transition: opacity 0.3s ease
}

.wap-popover-close:hover {
  opacity: 0.5
}

.wap-popover-width-s {
  width: 160px
}

.wap-popover-width-m {
  width: 280px
}

.wap-popover-width-l {
  width: 400px
}

.wap-popover-default {
  background-color: #f0f1f2;
  color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-default .wap-popover-title {
  background-color: #dadde0;
  border-bottom-color: #f0f1f2;
  color: #000;
  border-radius: 3px;
  background-clip: border-box
}

.wap-popover-default>.wap-popover-arrow-top,.wap-popover-default .wap-popover>.wap-popover-arrow-top {
  border-top-color: #dadde0
}

.wap-popover-default>.wap-popover-arrow-top:after,.wap-popover-default .wap-popover>.wap-popover-arrow-top:after {
  border-top-color: #f0f1f2
}

.wap-popover-default>.wap-popover-arrow-bottom,.wap-popover-default .wap-popover>.wap-popover-arrow-bottom {
  border-bottom-color: #dadde0
}

.wap-popover-default>.wap-popover-arrow-bottom:after,.wap-popover-default .wap-popover>.wap-popover-arrow-bottom:after {
  border-bottom-color: #f0f1f2
}

.wap-popover-default>.wap-popover-arrow-left,.wap-popover-default .wap-popover>.wap-popover-arrow-left {
  border-left-color: #dadde0
}

.wap-popover-default>.wap-popover-arrow-left:after,.wap-popover-default .wap-popover>.wap-popover-arrow-left:after {
  border-left-color: #f0f1f2
}

.wap-popover-default>.wap-popover-arrow-right,.wap-popover-default .wap-popover>.wap-popover-arrow-right {
  border-right-color: #dadde0
}

.wap-popover-default>.wap-popover-arrow-right:after,.wap-popover-default .wap-popover>.wap-popover-arrow-right:after {
  border-right-color: #f0f1f2
}

.wap-popover-default.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-default .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-default.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-default .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #f0f1f2
}

.wap-popover-white {
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-white .wap-popover-title {
  background-color: #f0f1f2;
  border-bottom-color: #fff;
  color: #000;
  border-radius: 3px;
  background-clip: border-box
}

.wap-popover-white>.wap-popover-arrow-top,.wap-popover-white .wap-popover>.wap-popover-arrow-top {
  border-top-color: #dadde0
}

.wap-popover-white>.wap-popover-arrow-top:after,.wap-popover-white .wap-popover>.wap-popover-arrow-top:after {
  border-top-color: #fff
}

.wap-popover-white>.wap-popover-arrow-bottom,.wap-popover-white .wap-popover>.wap-popover-arrow-bottom {
  border-bottom-color: #dadde0
}

.wap-popover-white>.wap-popover-arrow-bottom:after,.wap-popover-white .wap-popover>.wap-popover-arrow-bottom:after {
  border-bottom-color: #fff
}

.wap-popover-white>.wap-popover-arrow-left,.wap-popover-white .wap-popover>.wap-popover-arrow-left {
  border-left-color: #dadde0
}

.wap-popover-white>.wap-popover-arrow-left:after,.wap-popover-white .wap-popover>.wap-popover-arrow-left:after {
  border-left-color: #fff
}

.wap-popover-white>.wap-popover-arrow-right,.wap-popover-white .wap-popover>.wap-popover-arrow-right {
  border-right-color: #dadde0
}

.wap-popover-white>.wap-popover-arrow-right:after,.wap-popover-white .wap-popover>.wap-popover-arrow-right:after {
  border-right-color: #fff
}

.wap-popover-white.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-white .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-white.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-white .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #fff
}

.wap-popover-info {
  background-color: #4285f4;
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-info .wap-popover-title {
  background-color: #3b77db;
  border-bottom-color: #4285f4;
  color: #fff;
  border-radius: 3px;
  background-clip: border-box
}

.wap-popover-info>.wap-popover-arrow-top,.wap-popover-info .wap-popover>.wap-popover-arrow-top {
  border-top-color: #4285f4
}

.wap-popover-info>.wap-popover-arrow-top:after,.wap-popover-info .wap-popover>.wap-popover-arrow-top:after {
  border-top-color: #4285f4
}

.wap-popover-info>.wap-popover-arrow-bottom,.wap-popover-info .wap-popover>.wap-popover-arrow-bottom {
  border-bottom-color: #4285f4
}

.wap-popover-info>.wap-popover-arrow-bottom:after,.wap-popover-info .wap-popover>.wap-popover-arrow-bottom:after {
  border-bottom-color: #4285f4
}

.wap-popover-info>.wap-popover-arrow-left,.wap-popover-info .wap-popover>.wap-popover-arrow-left {
  border-left-color: #4285f4
}

.wap-popover-info>.wap-popover-arrow-left:after,.wap-popover-info .wap-popover>.wap-popover-arrow-left:after {
  border-left-color: #4285f4
}

.wap-popover-info>.wap-popover-arrow-right,.wap-popover-info .wap-popover>.wap-popover-arrow-right {
  border-right-color: #4285f4
}

.wap-popover-info>.wap-popover-arrow-right:after,.wap-popover-info .wap-popover>.wap-popover-arrow-right:after {
  border-right-color: #4285f4
}

.wap-popover-info.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-info .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-info.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-info .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #4285f4
}

.wap-popover-success {
  background-color: #00b19d;
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-success .wap-popover-title {
  background-color: #009886;
  border-bottom-color: #00b19d;
  color: #fff;
  border-radius: 3px;
  background-clip: border-box
}

.wap-popover-success>.wap-popover-arrow-top,.wap-popover-success .wap-popover>.wap-popover-arrow-top {
  border-top-color: #00b19d
}

.wap-popover-success>.wap-popover-arrow-top:after,.wap-popover-success .wap-popover>.wap-popover-arrow-top:after {
  border-top-color: #00b19d
}

.wap-popover-success>.wap-popover-arrow-bottom,.wap-popover-success .wap-popover>.wap-popover-arrow-bottom {
  border-bottom-color: #00b19d
}

.wap-popover-success>.wap-popover-arrow-bottom:after,.wap-popover-success .wap-popover>.wap-popover-arrow-bottom:after {
  border-bottom-color: #00b19d
}

.wap-popover-success>.wap-popover-arrow-left,.wap-popover-success .wap-popover>.wap-popover-arrow-left {
  border-left-color: #00b19d
}

.wap-popover-success>.wap-popover-arrow-left:after,.wap-popover-success .wap-popover>.wap-popover-arrow-left:after {
  border-left-color: #00b19d
}

.wap-popover-success>.wap-popover-arrow-right,.wap-popover-success .wap-popover>.wap-popover-arrow-right {
  border-right-color: #00b19d
}

.wap-popover-success>.wap-popover-arrow-right:after,.wap-popover-success .wap-popover>.wap-popover-arrow-right:after {
  border-right-color: #00b19d
}

.wap-popover-success.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-success .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-success.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-success .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #00b19d
}

.wap-popover-warning {
  background-color: #f4b142;
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-warning .wap-popover-title {
  background-color: #db9f3b;
  border-bottom-color: #f4b142;
  color: #fff;
  border-radius: 3px;
  background-clip: border-box
}

.wap-popover-warning>.wap-popover-arrow-top,.wap-popover-warning .wap-popover>.wap-popover-arrow-top {
  border-top-color: #f4b142
}

.wap-popover-warning>.wap-popover-arrow-top:after,.wap-popover-warning .wap-popover>.wap-popover-arrow-top:after {
  border-top-color: #f4b142
}

.wap-popover-warning>.wap-popover-arrow-bottom,.wap-popover-warning .wap-popover>.wap-popover-arrow-bottom {
  border-bottom-color: #f4b142
}

.wap-popover-warning>.wap-popover-arrow-bottom:after,.wap-popover-warning .wap-popover>.wap-popover-arrow-bottom:after {
  border-bottom-color: #f4b142
}

.wap-popover-warning>.wap-popover-arrow-left,.wap-popover-warning .wap-popover>.wap-popover-arrow-left {
  border-left-color: #f4b142
}

.wap-popover-warning>.wap-popover-arrow-left:after,.wap-popover-warning .wap-popover>.wap-popover-arrow-left:after {
  border-left-color: #f4b142
}

.wap-popover-warning>.wap-popover-arrow-right,.wap-popover-warning .wap-popover>.wap-popover-arrow-right {
  border-right-color: #f4b142
}

.wap-popover-warning>.wap-popover-arrow-right:after,.wap-popover-warning .wap-popover>.wap-popover-arrow-right:after {
  border-right-color: #f4b142
}

.wap-popover-warning.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-warning .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-warning.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-warning .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #f4b142
}

.wap-popover-error {
  background-color: #e91e63;
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-error .wap-popover-title {
  background-color: #d11b59;
  border-bottom-color: #e91e63;
  color: #fff;
  border-radius: 3px;
  background-clip: border-box
}

.wap-popover-error>.wap-popover-arrow-top,.wap-popover-error .wap-popover>.wap-popover-arrow-top {
  border-top-color: #e91e63
}

.wap-popover-error>.wap-popover-arrow-top:after,.wap-popover-error .wap-popover>.wap-popover-arrow-top:after {
  border-top-color: #e91e63
}

.wap-popover-error>.wap-popover-arrow-bottom,.wap-popover-error .wap-popover>.wap-popover-arrow-bottom {
  border-bottom-color: #e91e63
}

.wap-popover-error>.wap-popover-arrow-bottom:after,.wap-popover-error .wap-popover>.wap-popover-arrow-bottom:after {
  border-bottom-color: #e91e63
}

.wap-popover-error>.wap-popover-arrow-left,.wap-popover-error .wap-popover>.wap-popover-arrow-left {
  border-left-color: #e91e63
}

.wap-popover-error>.wap-popover-arrow-left:after,.wap-popover-error .wap-popover>.wap-popover-arrow-left:after {
  border-left-color: #e91e63
}

.wap-popover-error>.wap-popover-arrow-right,.wap-popover-error .wap-popover>.wap-popover-arrow-right {
  border-right-color: #e91e63
}

.wap-popover-error>.wap-popover-arrow-right:after,.wap-popover-error .wap-popover>.wap-popover-arrow-right:after {
  border-right-color: #e91e63
}

.wap-popover-error.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-error .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-head,.wap-popover-error.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-error .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #e91e63
}

.wap-popover-type-default {
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-type-default .wap-popover-title {
  background-color: #dadde0;
  border-bottom-color: #fff;
  color: #000;
  border-radius: 3px 3px 0 0;
  background-clip: border-box
}

.wap-popover-type-default.wap-popover-arrow-top,.wap-popover-type-default .wap-popover.wap-popover-arrow-top {
  border-top-color: #dadde0
}

.wap-popover-type-default.wap-popover-arrow-top:after,.wap-popover-type-default .wap-popover.wap-popover-arrow-top:after {
  border-top-color: #fff
}

.wap-popover-type-default.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-default .wap-popover.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-default.wap-popover-arrow-bottom,.wap-popover-type-default .wap-popover.wap-popover-arrow-bottom {
  border-bottom-color: #dadde0
}

.wap-popover-type-default.wap-popover-arrow-bottom:after,.wap-popover-type-default .wap-popover.wap-popover-arrow-bottom:after {
  border-bottom-color: #dadde0
}

.wap-popover-type-default.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-default .wap-popover.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #dadde0
}

.wap-popover-type-default.wap-popover-arrow-left,.wap-popover-type-default .wap-popover.wap-popover-arrow-left {
  border-left-color: #dadde0
}

.wap-popover-type-default.wap-popover-arrow-left:after,.wap-popover-type-default .wap-popover.wap-popover-arrow-left:after {
  border-left-color: #fff
}

.wap-popover-type-default.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-default .wap-popover.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-default.wap-popover-arrow-right,.wap-popover-type-default .wap-popover.wap-popover-arrow-right {
  border-right-color: #dadde0
}

.wap-popover-type-default.wap-popover-arrow-right:after,.wap-popover-type-default .wap-popover.wap-popover-arrow-right:after {
  border-right-color: #fff
}

.wap-popover-type-default.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-default .wap-popover.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-default.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-type-default .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #fff
}

.wap-popover-type-white {
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-type-white .wap-popover-title {
  background-color: #f0f1f2;
  border-bottom-color: #fff;
  color: #000;
  border-radius: 3px 3px 0 0;
  background-clip: border-box
}

.wap-popover-type-white.wap-popover-arrow-top,.wap-popover-type-white .wap-popover.wap-popover-arrow-top {
  border-top-color: #dadde0
}

.wap-popover-type-white.wap-popover-arrow-top:after,.wap-popover-type-white .wap-popover.wap-popover-arrow-top:after {
  border-top-color: #fff
}

.wap-popover-type-white.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-white .wap-popover.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-white.wap-popover-arrow-bottom,.wap-popover-type-white .wap-popover.wap-popover-arrow-bottom {
  border-bottom-color: #dadde0
}

.wap-popover-type-white.wap-popover-arrow-bottom:after,.wap-popover-type-white .wap-popover.wap-popover-arrow-bottom:after {
  border-bottom-color: #f0f1f2
}

.wap-popover-type-white.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-white .wap-popover.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #f0f1f2
}

.wap-popover-type-white.wap-popover-arrow-left,.wap-popover-type-white .wap-popover.wap-popover-arrow-left {
  border-left-color: #dadde0
}

.wap-popover-type-white.wap-popover-arrow-left:after,.wap-popover-type-white .wap-popover.wap-popover-arrow-left:after {
  border-left-color: #fff
}

.wap-popover-type-white.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-white .wap-popover.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-white.wap-popover-arrow-right,.wap-popover-type-white .wap-popover.wap-popover-arrow-right {
  border-right-color: #dadde0
}

.wap-popover-type-white.wap-popover-arrow-right:after,.wap-popover-type-white .wap-popover.wap-popover-arrow-right:after {
  border-right-color: #fff
}

.wap-popover-type-white.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-white .wap-popover.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-white.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-type-white .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #fff
}

.wap-popover-type-info {
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-type-info .wap-popover-title {
  background-color: #3b77db;
  border-bottom-color: #fff;
  color: #fff;
  border-radius: 3px 3px 0 0;
  background-clip: border-box
}

.wap-popover-type-info.wap-popover-arrow-top,.wap-popover-type-info .wap-popover.wap-popover-arrow-top {
  border-top-color: #4285f4
}

.wap-popover-type-info.wap-popover-arrow-top:after,.wap-popover-type-info .wap-popover.wap-popover-arrow-top:after {
  border-top-color: #fff
}

.wap-popover-type-info.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-info .wap-popover.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-info.wap-popover-arrow-bottom,.wap-popover-type-info .wap-popover.wap-popover-arrow-bottom {
  border-bottom-color: #4285f4
}

.wap-popover-type-info.wap-popover-arrow-bottom:after,.wap-popover-type-info .wap-popover.wap-popover-arrow-bottom:after {
  border-bottom-color: #3b77db
}

.wap-popover-type-info.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-info .wap-popover.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #3b77db
}

.wap-popover-type-info.wap-popover-arrow-left,.wap-popover-type-info .wap-popover.wap-popover-arrow-left {
  border-left-color: #4285f4
}

.wap-popover-type-info.wap-popover-arrow-left:after,.wap-popover-type-info .wap-popover.wap-popover-arrow-left:after {
  border-left-color: #fff
}

.wap-popover-type-info.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-info .wap-popover.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-info.wap-popover-arrow-right,.wap-popover-type-info .wap-popover.wap-popover-arrow-right {
  border-right-color: #4285f4
}

.wap-popover-type-info.wap-popover-arrow-right:after,.wap-popover-type-info .wap-popover.wap-popover-arrow-right:after {
  border-right-color: #fff
}

.wap-popover-type-info.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-info .wap-popover.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-info.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-type-info .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #fff
}

.wap-popover-type-success {
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-type-success .wap-popover-title {
  background-color: #00b19d;
  border-bottom-color: #fff;
  color: #fff;
  border-radius: 3px 3px 0 0;
  background-clip: border-box
}

.wap-popover-type-success.wap-popover-arrow-top,.wap-popover-type-success .wap-popover.wap-popover-arrow-top {
  border-top-color: #00b19d
}

.wap-popover-type-success.wap-popover-arrow-top:after,.wap-popover-type-success .wap-popover.wap-popover-arrow-top:after {
  border-top-color: #fff
}

.wap-popover-type-success.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-success .wap-popover.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-success.wap-popover-arrow-bottom,.wap-popover-type-success .wap-popover.wap-popover-arrow-bottom {
  border-bottom-color: #00b19d
}

.wap-popover-type-success.wap-popover-arrow-bottom:after,.wap-popover-type-success .wap-popover.wap-popover-arrow-bottom:after {
  border-bottom-color: #00b19d
}

.wap-popover-type-success.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-success .wap-popover.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #00b19d
}

.wap-popover-type-success.wap-popover-arrow-left,.wap-popover-type-success .wap-popover.wap-popover-arrow-left {
  border-left-color: #00b19d
}

.wap-popover-type-success.wap-popover-arrow-left:after,.wap-popover-type-success .wap-popover.wap-popover-arrow-left:after {
  border-left-color: #fff
}

.wap-popover-type-success.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-success .wap-popover.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-success.wap-popover-arrow-right,.wap-popover-type-success .wap-popover.wap-popover-arrow-right {
  border-right-color: #00b19d
}

.wap-popover-type-success.wap-popover-arrow-right:after,.wap-popover-type-success .wap-popover.wap-popover-arrow-right:after {
  border-right-color: #fff
}

.wap-popover-type-success.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-success .wap-popover.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-success.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-type-success .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #fff
}

.wap-popover-type-warning {
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-type-warning .wap-popover-title {
  background-color: #f4b142;
  border-bottom-color: #fff;
  color: #fff;
  border-radius: 3px 3px 0 0;
  background-clip: border-box
}

.wap-popover-type-warning.wap-popover-arrow-top,.wap-popover-type-warning .wap-popover.wap-popover-arrow-top {
  border-top-color: #f4b142
}

.wap-popover-type-warning.wap-popover-arrow-top:after,.wap-popover-type-warning .wap-popover.wap-popover-arrow-top:after {
  border-top-color: #fff
}

.wap-popover-type-warning.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-warning .wap-popover.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-warning.wap-popover-arrow-bottom,.wap-popover-type-warning .wap-popover.wap-popover-arrow-bottom {
  border-bottom-color: #f4b142
}

.wap-popover-type-warning.wap-popover-arrow-bottom:after,.wap-popover-type-warning .wap-popover.wap-popover-arrow-bottom:after {
  border-bottom-color: #f4b142
}

.wap-popover-type-warning.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-warning .wap-popover.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #f4b142
}

.wap-popover-type-warning.wap-popover-arrow-left,.wap-popover-type-warning .wap-popover.wap-popover-arrow-left {
  border-left-color: #f4b142
}

.wap-popover-type-warning.wap-popover-arrow-left:after,.wap-popover-type-warning .wap-popover.wap-popover-arrow-left:after {
  border-left-color: #fff
}

.wap-popover-type-warning.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-warning .wap-popover.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-warning.wap-popover-arrow-right,.wap-popover-type-warning .wap-popover.wap-popover-arrow-right {
  border-right-color: #f4b142
}

.wap-popover-type-warning.wap-popover-arrow-right:after,.wap-popover-type-warning .wap-popover.wap-popover-arrow-right:after {
  border-right-color: #fff
}

.wap-popover-type-warning.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-warning .wap-popover.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-warning.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-type-warning .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #fff
}

.wap-popover-type-error {
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

.wap-popover-type-error .wap-popover-title {
  background-color: #e91e63;
  border-bottom-color: #fff;
  color: #fff;
  border-radius: 3px 3px 0 0;
  background-clip: border-box
}

.wap-popover-type-error.wap-popover-arrow-top,.wap-popover-type-error .wap-popover.wap-popover-arrow-top {
  border-top-color: #e91e63
}

.wap-popover-type-error.wap-popover-arrow-top:after,.wap-popover-type-error .wap-popover.wap-popover-arrow-top:after {
  border-top-color: #fff
}

.wap-popover-type-error.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-error .wap-popover.wap-popover-arrow-top.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-error.wap-popover-arrow-bottom,.wap-popover-type-error .wap-popover.wap-popover-arrow-bottom {
  border-bottom-color: #e91e63
}

.wap-popover-type-error.wap-popover-arrow-bottom:after,.wap-popover-type-error .wap-popover.wap-popover-arrow-bottom:after {
  border-bottom-color: #e91e63
}

.wap-popover-type-error.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-error .wap-popover.wap-popover-arrow-bottom.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #e91e63
}

.wap-popover-type-error.wap-popover-arrow-left,.wap-popover-type-error .wap-popover.wap-popover-arrow-left {
  border-left-color: #e91e63
}

.wap-popover-type-error.wap-popover-arrow-left:after,.wap-popover-type-error .wap-popover.wap-popover-arrow-left:after {
  border-left-color: #fff
}

.wap-popover-type-error.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-error .wap-popover.wap-popover-arrow-left.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-error.wap-popover-arrow-right,.wap-popover-type-error .wap-popover.wap-popover-arrow-right {
  border-right-color: #e91e63
}

.wap-popover-type-error.wap-popover-arrow-right:after,.wap-popover-type-error .wap-popover.wap-popover-arrow-right:after {
  border-right-color: #fff
}

.wap-popover-type-error.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head,.wap-popover-type-error .wap-popover.wap-popover-arrow-right.wap-popover-arrow-with-body>.wap-popover-arrow-head {
  background-color: #fff
}

.wap-popover-type-error.wap-popover-arrow-with-body .wap-popover-arrow-layer,.wap-popover-type-error .wap-popover.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  background-color: #fff
}

.wap-popover-arrow-with-body .wap-popover-arrow-head {
  position: absolute;
  z-index: 1010;
  width: 15px;
  height: 15px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 -1px 4px -1px rgba(0, 0, 0, 0.1)
}

@media (-ms-high-contrast:active) {
  .wap-popover-arrow-with-body .wap-popover-arrow-head {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-popover-arrow-with-body .wap-popover-arrow-head {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-popover-arrow-with-body .wap-popover-arrow-head {
      border: 1px solid #000
  }
}

@media (-ms-high-contrast:active) {
  .wap-popover-arrow-with-body .wap-popover-inner {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-popover-arrow-with-body .wap-popover-inner {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-popover-arrow-with-body .wap-popover-inner {
      border: 1px solid #000
  }
}

.wap-popover-arrow-with-body .wap-popover-arrow-layer {
  position: absolute;
  z-index: 1030;
  border-radius: 3px;
  background-clip: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.wap-popover-arrow-with-body>* {
  position: relative;
  z-index: 1032
}

.wap-popover-arrow-with-body>.wap-popover-close {
  position: absolute
}

.wap-popover-arrow {
  border-width: 11px
}

.wap-popover-arrow,.wap-popover-arrow.wap-popover-arrow-layer {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.wap-popover-arrow.wap-popover-arrow-layer {
  border-width: 10px
}

.wap-popover-arrow-top:not(.wap-popover-arrow-with-body) {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  bottom: -11px
}

.wap-popover-arrow-top:not(.wap-popover-arrow-with-body):after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0
}

.wap-popover-arrow-right:not(.wap-popover-arrow-with-body) {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0
}

.wap-popover-arrow-right:not(.wap-popover-arrow-with-body):after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0
}

.wap-popover-arrow-bottom:not(.wap-popover-arrow-with-body) {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  top: -11px
}

.wap-popover-arrow-bottom:not(.wap-popover-arrow-with-body):after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0
}

.wap-popover-arrow-left:not(.wap-popover-arrow-with-body) {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0
}

.wap-popover-arrow-left:not(.wap-popover-arrow-with-body):after {
  right: 1px;
  border-right-width: 0;
  bottom: -10px
}

.wap-popover-arrow-head-top {
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%) rotate(315deg)
}

.wap-popover-arrow-head-right {
  top: 50%;
  left: -8px;
  transform: translateY(-50%) rotate(45deg)
}

.wap-popover-arrow-head-bottom {
  left: 50%;
  top: -8px;
  transform: translateX(-50%) rotate(315deg);
  box-shadow: none;
  border: 1px solid #dadde0
}

.wap-popover-arrow-head-left {
  top: 50%;
  right: -8px;
  transform: translateY(-50%) rotate(315deg)
}

.wap-progress-bar.hidden {
  display: none
}

.wap-progress-bar.invisible {
  visibility: hidden
}

.wap-progress-bar-parent {
  height: 20px;
  margin: 6px 0 6px 0;
  overflow: hidden;
  background-color: #ecf2fd;
  border-radius: 3px;
  background-clip: border-box;
  -webkit-filter: drop-shadow(8121991);
  -moz-filter: drop-shadow(8121991);
  -ms-filter: drop-shadow(8121991);
  filter: drop-shadow(8121991);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.175)
}

@media (-ms-high-contrast:active) {
  .wap-progress-bar-parent {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-progress-bar-parent {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-progress-bar-parent {
      border: 1px solid #000
  }
}

.wap-progress-bar-parent-width-size-xs {
  width: 64px;
  height: 10px
}

.wap-progress-bar-parent-width-size-s {
  width: 120px
}

.wap-progress-bar-parent-width-size-m {
  width: 240px
}

.wap-progress-bar-parent-width-size-l {
  width: 480px
}

.wap-progress-bar-parent-width-size-xl {
  width: 720px
}

.wap-progress-bar-parent-width-size-full {
  width: 100%
}

.wap-progress-bar-child {
  float: left;
  text-align: center;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.175);
  transition: width 0.6s ease;
  height: inherit;
  background-color: #4285f4
}

@media (-ms-high-contrast:active) {
  .wap-progress-bar-child {
      border: 1px solid #fff;
      background-color: #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-progress-bar-child {
      border: 1px solid #fff;
      background-color: #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-progress-bar-child {
      border: 1px solid #000;
      background-color: #000
  }
}

.wap-progress-bar-child-percentage {
  height: inherit
}

.wap-progress-bar-child-percentage>.wap-text-label {
  min-height: 20px;
  color: #fff;
  padding: 0;
  min-height: 0
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-progress-bar-parent-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-progress-bar-parent-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-progress-bar-parent-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-progress-bar-parent-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-progress-bar-parent-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-progress-bar-parent-width-size-xl {
      width:240px
  }
}

body.login-main {
  overflow: hidden
}

.login-main-page {
  width: 100%;
  height: 100%
}

.login-main-page-inner {
  height: 100%;
  background: #00bcd4;
  background-image: url("../img/login/bg-login-main.jpg");
  background-size: cover;
  background-position: center;
  overflow-y: auto
}

.login-main-page-inner.scrollable-page {
  overflow-y: scroll
}

.login-main-header {
  position: relative;
  padding: 80px 0 24px 0
}

.login-main-body {
  transition: opacity 0.3s ease;
  opacity: 1;
  padding-bottom: 16px
}

.login-main-body-hidden {
  opacity: 0
}

.login-main-content-header {
  padding-bottom: 0;
  margin-top: 24px;
  position: relative;
  width: 496px;
  margin: 0 auto;
  text-align: center;
  transition: opacity 0.3s ease;
  opacity: 1
}

.login-main-content-header-hidden {
  opacity: 0
}

.login-main-logo-image {
  width: 496px
}

.login-main-description {
  color: rgba(51,51,51,0.6)
}

.login-main-progressbar {
  display: none;
  height: 0;
  width: 100%;
  overflow: hidden;
  background: #777f86;
  height: 2px
}

.login-main-progressbar-inner {
  width: 0;
  background: #f9c4d6;
  height: 2px
}

.login-main-content {
  padding-bottom: 0;
  position: relative;
  width: 320px;
  min-height: 456px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 2px;
  padding: 24px 24px 16px;
  animation: showForm 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

.login-main-content lesshat-selector {
  -lh-property: 0;
}

@-webkit-keyframes showForm {
  0% {
      -webkit-transform-origin: center;
      -webkit-transform: scale(0.8);
      opacity: 0.5;
  }

  100% {
      -webkit-transform-origin: center;
      -webkit-transform: scale(1);
      opacity: 1;
  }
}

@-moz-keyframes showForm {
  0% {
      -moz-transform-origin: center;
      -moz-transform: scale(0.8);
      opacity: 0.5;
  }

  100% {
      -moz-transform-origin: center;
      -moz-transform: scale(1);
      opacity: 1;
  }
}

@-o-keyframes showForm {
  0% {
      -o-transform-origin: center;
      -o-transform: scale(0.8);
      opacity: 0.5;
  }

  100% {
      -o-transform-origin: center;
      -o-transform: scale(1);
      opacity: 1;
  }
}

@keyframes showForm {
  0% {
      -webkit-transform-origin: center;
      -moz-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      opacity: 0.5;
  }

  100% {
      -webkit-transform-origin: center;
      -moz-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
  }
}

[not-existing] {
  zoom: 1}

.login-main-content.hide {
  display: none
}

.login-main-content.login-two-step-verification {
  min-height: 200px;
  display: flex;
  flex-direction: column
}

.login-main-content-wide {
  padding-bottom: 0;
  position: relative;
  min-height: 456px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  transition: opacity 0.3s ease;
  opacity: 1
}

.login-main-content-wide.hide {
  display: none
}

.login-main-content-wide.fade-out {
  opacity: 0
}

.login-main-login-failure-message {
  text-align: center;
  color: #e91e63;
  padding-top: 12px;
  font-size: 1.4rem
}

.login-main-login-failure-message-text {
  transition: opacity 0.3s ease;
  opacity: 1
}

.login-main-login-failure-message-text-hidden {
  opacity: 0
}

.login-main-login-failure-message-text.hide {
  display: none
}

.login-main-login-failure-message-text-hidden {
  display: none
}

.login-main-input-holder {
  background-color: rgba(255,255,255,0.2);
  background-clip: padding-box;
  margin-bottom: 24px;
  border-bottom: 1px solid #cdd0d3;
  position: relative
}

.login-main-input-holder input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.login-main-input-holder:hover {
  border-color: #9299a0
}

.login-main-input-holder.input-actived .login-main-input-label {
  transform: translate(8px, -16px) scale(.8);
  color: #00bcd4
}

.login-main-input-holder.input-actived .login-main-input-bar {
  transform: scale(1)
}

.login-main-blank-userid-holder {
  margin-top: 160px;
  margin-bottom: 32px;
  transition: opacity 0.3s ease;
  opacity: 1
}

.login-main-blank-userid-holder.fade-out {
  opacity: 0
}

.login-main-blank-userid-holder.hide {
  display: none
}

.login-main-input {
  color: #333;
  background: transparent;
  border: 0;
  width: 100%;
  font-size: 1.4rem;
  height: 32px;
  line-height: 32px;
  padding: 0 16px
}

.login-main-input-label {
  position: absolute;
  color: #7f7f7f;
  height: 16px;
  margin-bottom: 8px;
  transform: translate(16px, 8px) scale(1);
  transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s,-moz-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s,-o-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s,transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s
}

.login-main-input-label:hover {
  cursor: text
}

.login-main-input-bar {
  position: absolute;
  background: #00bcd4;
  width: 272px;
  height: 2px;
  transform: scale(0);
  left: 0;
  top: 32px;
  transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s,-moz-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s,-o-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s,transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s
}

.login-main-input:focus {
  box-shadow: none;
  border-color: #000
}

.login-main-button {
  display: block;
  width: 100%;
  border-radius: 3px;
  background-clip: border-box;
  border: 1px solid #42bfc2;
  text-align: center;
  padding: 12px 16px;
  background-color: #42bfc2;
  color: #fff;
  position: relative;
  overflow: hidden
}

.login-main-button:hover,.login-main-button:focus {
  background-color: #3ab2b5;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.login-main-button:active:focus {
  background-color: #35a3a6;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.login-main-button:focus:hover {
  background-color: #3ab2b5;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.login-main-button:active:focus:hover {
  background-color: #35a3a6;
  transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.login-main-button .ripple-wave {
  background-color: #35a3a6
}

.login-main-button-label {
  position: relative
}

.login-main-bottom-link-holder {
  padding-bottom: 0;
  margin-top: 16px;
  text-align: center;
  font-size: 1.2rem
}

.login-main-bottom-link {
  display: inline-block;
  color: rgba(51,51,51,0.7)
}

.login-main-bottom-link.hide {
  display: none
}

.login-main-bottom-link:hover,.login-main-bottom-link:focus {
  color: #818da2;
  cursor: pointer
}

.login-main-bottom-link-s {
  width: 160px
}

.login-main-footer-credit-holder {
  text-align: center;
  padding: 8px 0;
  width: 100%;
  font-size: 1.2rem
}

.login-main-footer-credit-holder.two-step-verification {
  padding: 24px 0 0
}

.login-main-footer-credit {
  text-align: center;
  color: rgba(255,255,255,0.6)
}

.login-main-footer-credit:hover,.login-main-footer-credit:focus {
  text-decoration: none;
  color: #fff;
  cursor: default
}

.login-main-language-picker {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 40px;
  margin-right: 64px
}

.login-main-account-list-container {
  margin-top: 8px
}

.login-main-account-list {
  position: relative;
  display: flex;
  transform: translate3d(0px, 0px, 0px);
  transition: -webkit-transform 300ms ease,-moz-transform 300ms ease,-o-transform 300ms ease,transform 300ms ease;
  padding-top: 8px
}

.login-main-account-list.l2 {
  transform: translate3d(-320px, 0px, 0px)
}

.login-main-account-list .login-main-account-box-remove {
  right: 88px
}

.login-main-account-list-item {
  margin-right: 48px;
  margin-bottom: -8px;
  min-width: 272px;
  text-align: left;
  transition: opacity 0.3s ease;
  opacity: 1
}

.login-main-account-list-item.fade-out {
  opacity: 0
}

.login-main-account-list-item.hide {
  visibility: hidden
}

.login-main-account-list-item .login-main-account-name,.login-main-account-list-item .login-main-account-id {
  color: rgba(51,51,51,0.6)
}

.login-main-account-list-item .login-main-account-img {
  opacity: 0
}

.login-main-account-list-item .login-main-account-img.shown {
  opacity: 1
}

.login-main-account-list-item .login-main-account-box:hover .login-main-account-name,.login-main-account-list-item .login-main-account-box:focus .login-main-account-name,.login-main-account-list-item .login-main-account-box:hover .login-main-account-id,.login-main-account-list-item .login-main-account-box:focus .login-main-account-id {
  color: rgba(51,51,51,0.6)
}

.login-main-multiple-account-list {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 56px;
  margin-bottom: 24px
}

.login-main-account-box {
  position: relative;
  width: 272px;
  height: 100%;
  transition: opacity 0.3s ease;
  opacity: 1
}

.login-main-account-box.fade-out {
  opacity: 0
}

.login-main-account-box:hover .login-main-account-box-mask-inner,.login-main-account-box:focus .login-main-account-box-mask-inner {
  opacity: 0.1
}

.login-main-account-box:hover .login-main-account-box-remove,.login-main-account-box:focus .login-main-account-box-remove {
  opacity: 1
}

.login-main-account-box:hover .login-main-account-name,.login-main-account-box:focus .login-main-account-name,.login-main-account-box:hover .login-main-account-id,.login-main-account-box:focus .login-main-account-id {
  color: #fff
}

.login-main-account-box.chosen-account-animation .login-main-account-information {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.3s ease
}

.login-main-account-box.chosen-account-animation .login-main-account-box-remove {
  opacity: 0
}

.login-main-account-box.forged {
  opacity: 0;
  position: absolute
}

.login-main-account-box.forged .login-main-account-information {
  display: none
}

.login-main-account-img {
  height: 80px;
  width: 80px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  background-clip: border-box;
  margin-top: 8px;
  border: 2px solid #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  transform: scale(1)
}

.login-main-account-information {
  opacity: 1;
  transform: translateY(0)
}

.login-main-account-name {
  display: block;
  font-size: 2.4rem;
  margin-top: 16px;
  text-align: center;
  color: rgba(255,255,255,0.9);
  position: relative;
  overflow: hidden
}

.login-main-account-id {
  display: block;
  margin-top: 4px;
  text-align: center;
  color: rgba(255,255,255,0.8)
}

.login-main-multiple-account-list-item {
  width: 224px;
  cursor: pointer;
  margin: 16px;
  position: relative
}

.login-main-multiple-account-list-item.hide {
  visibility: hidden
}

.login-main-account-box-mask {
  position: absolute;
  width: 100%;
  height: 80px
}

.login-main-account-box-mask-inner {
  position: relative;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-clip: border-box;
  opacity: 0;
  background: #fff;
  z-index: 2
}

.login-main-account-box-remove {
  position: absolute;
  right: 40px;
  top: -16px;
  font-size: 2rem;
  cursor: pointer;
  color: rgba(255,255,255,0.8);
  opacity: 0;
  transition: opacity 0.3s ease
}

.login-main-account-box-remove:hover {
  color: #fff
}

.login-main-anchor-holder {
  margin-top: 32px;
  text-align: center;
  height: 24px
}

.login-main-anchor-holder.hide {
  display: none
}

.login-main-anchor {
  color: rgba(255,255,255,0.8);
  transition: opacity 0.3s ease;
  opacity: 1
}

.login-main-anchor:hover {
  color: #fff
}

.login-main-anchor.fade-out {
  opacity: 0
}

.login-main-hello-message {
  color: #00bcd4;
  font-size: 2.4rem
}

.login-main-second-authentication-caption {
  color: #00bcd4;
  font-size: 2.4rem
}

.login-main-verification-code-hint {
  margin-top: 36px
}

.login-main-login-form.two-step-verification {
  margin-top: 56px
}

.login-main-twofa-alternate {
  width: 250px;
  margin-bottom: 12px;
  margin-top: -4px
}

.login-main-twofa-alternate>a {
  color: #00b19d
}

.global-navi-approval-button {
  position: relative
}

.timeline-subview-container {
  width: 100%
}

.wap-rating-input-container {
  margin-bottom: 5px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px
}

.wap-rating-input-label.control-label.label-element {
  width: auto
}

.wap-rating-input-stars.form-control {
  border: none;
  display: inline-block;
  background-color: transparent;
  height: 1.4rem;
  padding: 0;
  margin-bottom: 2px;
  vertical-align: middle
}

.wap-rating-input-stars.form-control:not(.wap-field-error):not(.wap-field-warning)[readonly] {
  background-color: transparent
}

.wap-rating-input-stars-clicked.form-control:focus {
  box-shadow: 0 0 1px 1px transparent
}

.wap-rating-input-star {
  color: #fabd11;
  display: inline-block;
  vertical-align: top
}

.wap-rating-input-label-num {
  padding-left: 8px;
  padding-right: 4px;
  text-align: right;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px
}

.wap-rating-input-label-unit {
  padding-right: 4px;
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px
}

.wap-rating-input-label-not-display {
  display: none
}

.wap-rating-input.hidden {
  display: none
}

.wap-rating-input.invisible {
  visibility: hidden
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .form-control {
      height:28px
  }

  .spref-shrinking-mode-768 .form-group .label-element {
      line-height: 28px
  }
}

.spref-shrinking-mode-always .form-control {
  height: 28px
}

.spref-shrinking-mode-always .form-group .label-element {
  line-height: 28px
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-rating-input-container {
      height:26px
  }

  .spref-shrinking-mode-768 .wap-rating-input-label-num {
      height: 26px
  }

  .spref-shrinking-mode-768 .label-element.wap-rating-input-label {
      height: 28px
  }

  .spref-shrinking-mode-768 .wap-rating-input-container {
      margin-bottom: 2px
  }
}

.spref-shrinking-mode-always .wap-rating-input-container {
  height: 26px
}

.spref-shrinking-mode-always .wap-rating-input-label-num {
  height: 26px
}

.spref-shrinking-mode-always .label-element.wap-rating-input-label {
  height: 28px
}

.spref-shrinking-mode-always .wap-rating-input-container {
  margin-bottom: 2px
}

.wap-message-panel-content-anchor {
  padding: 0;
  line-height: 1.24
}

.wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  padding-left: 0;
  padding-right: 4px;
  padding-top: 0;
  height: inherit;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.wap-message-panel-content-anchor:not(.wap-message-panel-content-anchor-disabled)>.wap-anchor-label>.wap-anchor-label-parent>.wap-anchor-label-label:hover {
  text-decoration: underline
}

.wap-message-panel-content-white .wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  color: #333
}

.wap-message-panel-content-white .wap-message-panel-content-anchor:not(.wap-message-panel-content-anchor-disabled)>.wap-anchor-label>.wap-anchor-label-parent:hover {
  color: #000
}

.wap-message-panel-content-default .wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  color: #4a5560
}

.wap-message-panel-content-default .wap-message-panel-content-anchor:not(.wap-message-panel-content-anchor-disabled)>.wap-anchor-label>.wap-anchor-label-parent:hover {
  color: #0a1928
}

.wap-message-panel-content-info .wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  color: #4285f4
}

.wap-message-panel-content-info .wap-message-panel-content-anchor:not(.wap-message-panel-content-anchor-disabled)>.wap-anchor-label>.wap-anchor-label-parent:hover {
  color: #3b77db
}

.wap-message-panel-content-primary .wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  color: #4285f4
}

.wap-message-panel-content-primary .wap-message-panel-content-anchor:not(.wap-message-panel-content-anchor-disabled)>.wap-anchor-label>.wap-anchor-label-parent:hover {
  color: #3b77db
}

.wap-message-panel-content-success .wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  color: #00b19d
}

.wap-message-panel-content-success .wap-message-panel-content-anchor:not(.wap-message-panel-content-anchor-disabled)>.wap-anchor-label>.wap-anchor-label-parent:hover {
  color: #009886
}

.wap-message-panel-content-warning .wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  color: #f4b142
}

.wap-message-panel-content-warning .wap-message-panel-content-anchor:not(.wap-message-panel-content-anchor-disabled)>.wap-anchor-label>.wap-anchor-label-parent:hover {
  color: #db9f3b
}

.wap-message-panel-content-danger .wap-message-panel-content-anchor>.wap-anchor-label>.wap-anchor-label-parent {
  color: #e91e63
}

.wap-message-panel-content-danger .wap-message-panel-content-anchor:not(.wap-message-panel-content-anchor-disabled)>.wap-anchor-label>.wap-anchor-label-parent:hover {
  color: #d11b59
}

.wap-message-panel-content.hidden {
  display: none
}

.wap-inbox-basic-renderer-bold {
  font-weight: 700
}

.wap-inbox-basic-renderer.text-info {
  color: #4285f4
}

.wap-inbox-basic-renderer.text-success {
  color: #00b19d
}

.wap-inbox-basic-renderer.text-warning {
  color: #f4b142
}

.wap-inbox-basic-renderer.text-danger {
  color: #e91e63
}

.wap-inbox-basic-renderer.text-white {
  color: #fff
}

.wap-inbox-basic-renderer.text-disabled {
  color: #d0d0d0
}

.wap-inbox-basic-renderer.text-lightest {
  color: #bdbdbd
}

.wap-inbox-basic-renderer.text-hint {
  color: #aaa
}

.wap-inbox-basic-renderer.text-light {
  color: #7f7f7f
}

.wap-inbox-basic-renderer.text-normal {
  color: #333
}

.wap-inbox-basic-renderer.text-strong {
  color: #000
}

.wap-tag-label {
  padding: 4px 12px;
  font-size: 1.2rem;
  word-wrap: break-word;
  margin-bottom: 0;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  line-height: 1.6rem;
  border-radius: 12px;
  background-clip: border-box
}

@media (-ms-high-contrast:active) {
  .wap-tag-label {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .wap-tag-label {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .wap-tag-label {
      border: 1px solid #000
  }
}

.wap-tag-label-size-small {
  padding: 2px 10px;
  font-size: 1rem;
  min-height: 20px
}

.wap-tag-label-size-small .wap-tag-label-right-icon,.wap-tag-label-size-small .wap-tag-label-left-icon {
  font-size: 1rem
}

.wap-tag-label-min-width-80 {
  min-width: 80px
}

.wap-tag-label-min-width-120 {
  min-width: 120px
}

.wap-tag-label-min-width-160 {
  min-width: 160px
}

.wap-tag-label-max-width-80 {
  max-width: 80px
}

.wap-tag-label-max-width-120 {
  max-width: 120px
}

.wap-tag-label-max-width-160 {
  max-width: 160px
}

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

.wap-tag-label-white {
  background-color: #fff;
  color: #333
}

.wap-tag-label-default {
  background-color: #cdd0d3;
  color: #333
}

.wap-tag-label-default.active {
  background-color: #777f86;
  color: #fff
}

.wap-tag-label-info {
  background-color: #4285f4;
  color: #fff
}

.wap-tag-label-info.active {
  background-color: #3b77db;
  color: #fff
}

.wap-tag-label-primary {
  background-color: #4285f4;
  color: #fff
}

.wap-tag-label-primary.active {
  background-color: #3b77db;
  color: #fff
}

.wap-tag-label-success {
  background-color: #00b19d;
  color: #fff
}

.wap-tag-label-success.active {
  background-color: #009886;
  color: #fff
}

.wap-tag-label-warning {
  background-color: #f4b142;
  color: #fff
}

.wap-tag-label-warning.active {
  background-color: #db9f3b;
  color: #fff
}

.wap-tag-label-danger {
  background-color: #e91e63;
  color: #fff
}

.wap-tag-label-danger.active {
  background-color: #d11b59;
  color: #fff
}

.wap-tag-label-indigo {
  background-color: #5c6bc0;
  color: #fff
}

.wap-tag-label-indigo.active {
  background-color: #3f51b5;
  color: #fff
}

.wap-tag-label-green {
  background-color: #66bb6a;
  color: #fff
}

.wap-tag-label-green.active {
  background-color: #4caf50;
  color: #fff
}

.wap-tag-label-red {
  background-color: #ef5350;
  color: #fff
}

.wap-tag-label-red.active {
  background-color: #f44336;
  color: #fff
}

.wap-tag-label-lightblue {
  background-color: #29b6f6;
  color: #fff
}

.wap-tag-label-lightblue.active {
  background-color: #03a9f4;
  color: #fff
}

.wap-tag-label-orange {
  background-color: #ff7f3b;
  color: #fff
}

.wap-tag-label-orange.active {
  background-color: #ff631c;
  color: #fff
}

.wap-tag-label-label {
  flex: 1 1 auto;
  word-break: break-all
}

.wap-tag-label-label-left-margin {
  margin-left: 4px
}

.wap-tag-label-label-right-margin {
  margin-right: 4px
}

.wap-tag-label-label-clickable {
  cursor: pointer;
  opacity: 0.95;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.wap-tag-label-label-clickable:hover {
  opacity: 1
}

.wap-tag-label-left-icon {
  font-size: 1.4rem
}

.wap-tag-label-left-icon-clickable {
  cursor: pointer;
  opacity: 0.95;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.wap-tag-label-left-icon-clickable:hover {
  opacity: 1
}

.wap-tag-label-right-icon {
  font-size: 1.2rem;
  cursor: pointer;
  opacity: 0.6
}

.wap-tag-label-right-icon:hover {
  opacity: 1
}

.wap-tag-label.hidden {
  display: none
}

.wap-tag-label.invisible {
  visibility: hidden
}

.wap-list {
  display: flex
}

.wap-list-inline-block {
  display: inline-block;
  max-width: 100%
}

.wap-list-child-width-size-s {
  width: 120px;
  display: flex
}

.wap-list-child-width-size-m {
  width: 240px
}

.wap-list-child-width-size-l {
  width: 480px
}

.wap-list-child-width-size-xl {
  width: 720px
}

.wap-list-child-width-size-full {
  width: 100%
}

.wap-list-items {
  width: 100%;
  margin-bottom: 0;
  list-style: none
}

.wap-list-items:before,.wap-list-items:after {
  content: " ";
  display: table
}

.wap-list-items:after {
  clear: both
}

.wap-list-items:before,.wap-list-items:after {
  display: table;
  content: "";
  line-height: 0
}

.wap-list-items:after {
  clear: both
}

.wap-list-items>.wap-list-item {
  padding: 4px 8px
}

.wap-list-items-padding-small>.wap-list-item {
  padding: 0 4px
}

.wap-list-items-show-border>.wap-list-item,.wap-list-items-show-border>.wap-list-free-format-item {
  margin: -1px 0;
  border: 1px solid #dadde0
}

.wap-list-items-show-border>.wap-list-item:first-child,.wap-list-items-show-border>.wap-list-free-format-item:first-child {
  margin-top: -2px
}

.wap-list-items-show-border>.wap-list-item:last-child,.wap-list-items-show-border>.wap-list-free-format-item:last-child {
  margin-bottom: -2px
}

.wap-list.hidden {
  display: none
}

.wap-list.invisible {
  visibility: hidden
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-list-child-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-list-child-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-list-child-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-list-child-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-list-child-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-list-child-width-size-xl {
      width:240px
  }
}

.global-brand-wrapper {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.global-brand-img {
  height: 32px;
  margin-right: 8px
}

.auto-complete-margin-left {
  margin-left: 10px
}

.auto-complete-margin-right {
  margin-right: 10px
}

.auto-complete-padding-left {
  padding-left: 10px
}

.auto-complete-adjust-space {
  margin-left: 32px
}

.auto-complete-full-width {
  width: 100%
}

.auto-complete-row-hint {
  color: #7f7f7f;
  font-size: 1.2rem
}

.auto-complete-row-subtext {
  color: #7f7f7f;
  font-size: 1.4rem
}

.auto-complete-suggestion {
  cursor: pointer
}

.auto-complete-hide-row-width-ellipsis {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis
}

.auto-complete-row-body {
  font-size: 1.4rem
}

.auto-complete-history {
  color: #52188c
}

.auto-complete-row-body-span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 1px
}

.auto-complete-row-body-header-icon {
  width: 47px;
  padding-left: 16px
}

.auto-complete-renderer {
  font: 14px;
  position: absolute;
  z-index: 1060;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0,0,0,0.175);
  border-radius: 3px;
  background-clip: border-box
}

.auto-complete-remove-icon {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 5px;
  margin-top: 2px;
  color: #7f7f7f
}

.auto-complete-remove-icon:before {
  font-family: 'wapicon'
}

.auto-complete-remove-icon:before {
  content: "\e63e"
}

.auto-complete-remove-icon:hover {
  color: #333
}

.auto-complete-row-first {
  cursor: pointer;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-top: 4px
}

.auto-complete-renderer-inner {
  padding-top: 4px
}

.auto-complete-row {
  cursor: pointer;
  display: block;
  padding-top: 4px;
  padding-bottom: 4px
}

.auto-complete-row.auto-complete-row-border {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e6e8ea
}

.auto-complete-row-fixed-height {
  cursor: pointer;
  display: block;
  height: 40px;
  line-height: 40px
}

.auto-complete-highlighted {
  font-weight: 700
}

.auto-complete-inner-scroll {
  height: 100%;
  overflow: hidden
}

.auto-complete-inner-container {
  margin-top: 10px;
  margin-bottom: 10px
}

.auto-complete-active {
  background-color: #e6e8ea
}

.auto-complete-input-parent .auto-complete-preview {
  background-color: #f8f6be;
  color: #9299a0
}

.auto-complete-ess-footer {
  font-size: 1.2rem;
  padding: 4px 0;
  height: 23px;
  background-color: #e6e8ea
}

.auto-complete-ess-footer-link {
  color: #1565C0;
  transition: color 0.3s ease
}

.auto-complete-ess-footer-link:hover,.auto-complete-ess-footer-link:focus {
  color: #4f98ec;
  cursor: pointer
}

.auto-complete-ess-footer-bold {
  font-weight: 700
}

.auto-complete-ess-footer-height {
  height: 16px
}

.auto-complete-wap-grid-inner-container-max-height {
  height: 321px
}

.auto-complete-wap-grid-row-body-header-icon {
  width: 40px;
  line-height: 32px;
  padding-left: 16px;
  vertical-align: middle
}

.auto-complete-wap-grid-row-body {
  font-size: 1.4rem;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex
}

.auto-complete-wap-grid-row-body-content {
  display: flex;
  flex-wrap: wrap
}

.auto-complete-wap-grid-row-body-content-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 32px;
  line-height: 32px
}

.auto-complete-wap-grid-row-body-content-item-span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis
}

.auto-complete-suggest-item {
  padding-left: 10px;
  display: inline-block
}

.auto-complete-suggest-item-master {
  padding-right: 16px;
  color: #7f7f7f
}

.auto-complete-see-all-footer {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid #e6e8ea;
  display: flex;
  flex-direction: row
}

.see-all-text {
  margin-left: 8px;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis
}

.see-all-footer-item {
  font-size: 1.2rem;
  display: inline-block
}

.auto-complete-wap-grid-footer {
  display: flex;
  min-height: 24px;
  min-width: 450px;
  background-color: #e6e8ea;
  font-size: 1.2rem
}

.auto-complete-wap-grid-footer-item {
  font-size: 1.2rem;
  padding: 4px 4px;
  display: inline-block;
  vertical-align: middle
}

.auto-complete-wap-grid-footer-link {
  color: #1565C0;
  transition: color 0.3s ease
}

.auto-complete-wap-grid-footer-link:hover,.auto-complete-wap-grid-footer-link:focus {
  color: #4f98ec;
  cursor: pointer
}

.auto-complete-wap-grid-footer-bold {
  font-weight: 700
}

.auto-complete-wap-grid-footer-right-item {
  float: right;
  padding: 0;
  display: flex;
  align-items: baseline;
  margin-left: auto
}

.auto-complete-line-separate {
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background-color: #dadde0
}

.auto-complete-wap-grid-footer-hint {
  margin-left: 6px;
  margin-right: 6px;
  color: #7f7f7f;
  white-space: nowrap
}

.wap-magic-input-footer-hint-icon {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4285f4
}

.wap-magic-input-footer-hint-icon:before {
  font-family: 'wapicon'
}

.wap-magic-input-footer-hint-icon:before {
  content: "\f0eb"
}

.wap-button {
  display: inline-block;
  max-width: 100%
}

.wap-button-button {
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  max-width: 100%;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 0
}

.wap-button-button.wap-button-flat {
  border: none;
  font-weight: 700;
  text-transform: uppercase
}

.wap-button-default {
  color: #333;
  background-color: #cdd0d3;
  border-color: #cdd0d3;
  outline: none;
  transition: all 0.3s ease
}

.wap-button-default.disabled,.wap-button-default[disabled] {
  opacity: 0.65;
  box-shadow: none;
  color: #777f86;
  background-color: #cdd0d3;
  border-color: #cdd0d3
}

.wap-button-default:enabled:hover {
  color: #333;
  background-color: #b8bdc2;
  border-color: #b8bdc2;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-default:enabled:focus {
  color: #333;
  background-color: #b8bdc2;
  border-color: #b8bdc2;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-default:enabled:active:focus {
  background-color: #babfc5;
  border-color: #babfc5
}

.wap-button-default:enabled:focus:hover {
  color: #333;
  background-color: #b8bdc2;
  border-color: #b8bdc2;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-default:enabled:active:focus:hover {
  background-color: #babfc5;
  border-color: #babfc5
}

.wap-button-default>.ripple-wave {
  background-color: #9299a0
}

.wap-button-default.wap-button-flat {
  background-color: transparent;
  color: #7f7f7f;
  outline: none;
  box-shadow: none;
  transition: background-color 0.3s ease
}

.wap-button-default.wap-button-flat.disabled,.wap-button-default.wap-button-flat[disabled] {
  opacity: 0.65;
  color: #b8bdc2;
  background-color: transparent
}

.wap-button-default.wap-button-flat:enabled:hover,.wap-button-default.wap-button-flat:enabled:focus,.wap-button-default.wap-button-flat:enabled:focus:hover {
  color: #7f7f7f;
  background-color: #d5d8da;
  box-shadow: none;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-default.wap-button-flat:enabled:active:focus,.wap-button-default.wap-button-flat:enabled:active:focus:hover {
  background-color: #d3d3d3
}

.wap-button-default.wap-button-flat>.ripple-wave {
  background-color: #b8bdc2
}

.wap-button-default.wap-button-icon {
  background-color: transparent;
  color: #7f7f7f;
  outline: none;
  box-shadow: none;
  border-radius: 50%;
  background-clip: border-box
}

.wap-button-default.wap-button-icon.disabled,.wap-button-default.wap-button-icon[disabled] {
  opacity: 0.65;
  background-color: transparent
}

.wap-button-default.wap-button-icon:enabled:hover {
  color: #333;
  background-color: transparent;
  box-shadow: none
}

.wap-button-default.wap-button-icon:enabled:focus,.wap-button-default.wap-button-icon:enabled:focus:hover,.wap-button-default.wap-button-icon:enabled:active:focus,.wap-button-default.wap-button-icon:enabled:active:focus:hover {
  color: #333;
  background-color: rgba(0,0,0,0.1)
}

.wap-button-primary {
  color: #fff;
  background-color: #4285f4;
  border-color: #4285f4;
  outline: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease
}

.wap-button-primary.disabled,.wap-button-primary[disabled] {
  opacity: 0.65;
  box-shadow: none;
  color: #fff;
  background-color: #4285f4;
  border-color: #4285f4
}

.wap-button-primary:enabled:hover {
  background-color: #3b77db;
  border-color: #4285f4;
  box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.25), 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 -3px 6px -3px rgba(0, 0, 0, 0.08);
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-primary:enabled:focus {
  background-color: #3b77db;
  border-color: #4285f4;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-primary:enabled:active:focus {
  background-color: #1e51a6;
  border-color: #1e51a6
}

.wap-button-primary:enabled:focus:hover {
  background-color: #3b77db;
  border-color: #4285f4;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-primary:enabled:active:focus:hover {
  background-color: #1e51a6;
  border-color: #1e51a6
}

.wap-button-primary>.ripple-wave {
  background-color: #1e51a6
}

.wap-button-primary.wap-button-flat {
  background-color: transparent;
  color: #4285f4;
  outline: none;
  box-shadow: none;
  transition: background-color 0.3s ease
}

.wap-button-primary.wap-button-flat.disabled,.wap-button-primary.wap-button-flat[disabled] {
  opacity: 0.65;
  color: #699ef6;
  background-color: transparent
}

.wap-button-primary.wap-button-flat:enabled:hover,.wap-button-primary.wap-button-flat:enabled:focus,.wap-button-primary.wap-button-flat:enabled:focus:hover {
  background-color: #ecf3fe;
  box-shadow: none;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-primary.wap-button-flat:enabled:active:focus,.wap-button-primary.wap-button-flat:enabled:active:focus:hover {
  background-color: #c6dafb
}

.wap-button-primary.wap-button-flat>.ripple-wave {
  background-color: #c6dafb
}

.wap-button-primary.wap-button-icon {
  background-color: transparent;
  color: #7f7f7f;
  outline: none;
  box-shadow: none;
  border-radius: 50%;
  background-clip: border-box
}

.wap-button-primary.wap-button-icon.disabled,.wap-button-primary.wap-button-icon[disabled] {
  opacity: 0.65;
  background-color: transparent
}

.wap-button-primary.wap-button-icon:enabled:hover {
  color: #333;
  background-color: transparent;
  box-shadow: none
}

.wap-button-primary.wap-button-icon:enabled:focus,.wap-button-primary.wap-button-icon:enabled:focus:hover,.wap-button-primary.wap-button-icon:enabled:active:focus,.wap-button-primary.wap-button-icon:enabled:active:focus:hover {
  color: #333;
  background-color: rgba(0,0,0,0.1)
}

.wap-button-white {
  color: #333;
  background-color: #fff;
  border-color: #fff;
  outline: none;
  transition: all 0.3s ease
}

.wap-button-white.disabled,.wap-button-white[disabled] {
  opacity: 0.65;
  box-shadow: none;
  color: #9299a0;
  background-color: #dadde0;
  border-color: #dadde0
}

.wap-button-white:enabled:hover {
  color: #333;
  background-color: #d5d8da;
  border-color: #d5d8da;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-white:enabled:focus {
  color: #333;
  background-color: #d5d8da;
  border-color: #d5d8da;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-white:enabled:active:focus {
  background-color: #dadde0;
  border-color: #dadde0
}

.wap-button-white:enabled:focus:hover {
  color: #333;
  background-color: #d5d8da;
  border-color: #d5d8da;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-white:enabled:active:focus:hover {
  background-color: #dadde0;
  border-color: #dadde0
}

.wap-button-white>.ripple-wave {
  background-color: #9299a0
}

.wap-button-white.wap-button-flat {
  background-color: transparent;
  color: #fff;
  outline: none;
  box-shadow: none;
  transition: background-color 0.3s ease
}

.wap-button-white.wap-button-flat.disabled,.wap-button-white.wap-button-flat[disabled] {
  opacity: 0.55;
  background-color: transparent
}

.wap-button-white.wap-button-flat:enabled:hover,.wap-button-white.wap-button-flat:enabled:focus,.wap-button-white.wap-button-flat:enabled:focus:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.2);
  box-shadow: none;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-white.wap-button-flat:enabled:active:focus,.wap-button-white.wap-button-flat:enabled:active:focus:hover {
  background-color: rgba(235,235,235,0.2)
}

.wap-button-white.wap-button-flat>.ripple-wave {
  background-color: rgba(235,235,235,0.2)
}

.wap-button-white.wap-button-icon {
  background-color: transparent;
  color: #fff;
  opacity: 0.8;
  outline: none;
  box-shadow: none;
  border-radius: 50%;
  background-clip: border-box
}

.wap-button-white.wap-button-icon.disabled,.wap-button-white.wap-button-icon[disabled] {
  opacity: 0.65;
  background-color: transparent
}

.wap-button-white.wap-button-icon:enabled:hover {
  color: #fff;
  background-color: transparent;
  box-shadow: none;
  opacity: 1
}

.wap-button-white.wap-button-icon:enabled:focus,.wap-button-white.wap-button-icon:enabled:focus:hover,.wap-button-white.wap-button-icon:enabled:active:focus,.wap-button-white.wap-button-icon:enabled:active:focus:hover {
  color: #fff;
  background-color: rgba(255,255,255,0.2);
  opacity: 1
}

.wap-button-danger {
  color: #fff;
  background-color: #e91e63;
  border-color: #e91e63;
  outline: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 -1px 2px -1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease
}

.wap-button-danger.disabled,.wap-button-danger[disabled] {
  opacity: 0.65;
  box-shadow: none;
  color: #fff;
  background-color: #e91e63;
  border-color: #e91e63
}

.wap-button-danger:enabled:hover {
  background-color: #d11b59;
  border-color: #e91e63;
  box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.25), 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 -3px 6px -3px rgba(0, 0, 0, 0.08);
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-danger:enabled:focus {
  background-color: #d11b59;
  border-color: #e91e63;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-danger:enabled:active:focus {
  background-color: #89123a;
  border-color: #89123a
}

.wap-button-danger:enabled:focus:hover {
  background-color: #d11b59;
  border-color: #e91e63;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-danger:enabled:active:focus:hover {
  background-color: #89123a;
  border-color: #89123a
}

.wap-button-danger>.ripple-wave {
  background-color: #89123a
}

.wap-button-danger.wap-button-flat {
  background-color: transparent;
  color: #e91e63;
  outline: none;
  box-shadow: none;
  transition: background-color 0.3s ease
}

.wap-button-danger.wap-button-flat.disabled,.wap-button-danger.wap-button-flat[disabled] {
  opacity: 0.65;
  color: #ee4c83;
  background-color: transparent
}

.wap-button-danger.wap-button-flat:enabled:hover,.wap-button-danger.wap-button-flat:enabled:focus,.wap-button-danger.wap-button-flat:enabled:focus:hover {
  background-color: #fde9f0;
  box-shadow: none;
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.wap-button-danger.wap-button-flat:enabled:active:focus,.wap-button-danger.wap-button-flat:enabled:active:focus:hover {
  background-color: #f9c4d6
}

.wap-button-danger.wap-button-flat>.ripple-wave {
  background-color: #f9c4d6
}

.wap-button-danger.wap-button-icon {
  background-color: transparent;
  color: #7f7f7f;
  outline: none;
  box-shadow: none;
  border-radius: 50%;
  background-clip: border-box
}

.wap-button-danger.wap-button-icon.disabled,.wap-button-danger.wap-button-icon[disabled] {
  opacity: 0.65;
  background-color: transparent
}

.wap-button-danger.wap-button-icon:enabled:hover {
  color: #333;
  background-color: transparent;
  box-shadow: none
}

.wap-button-danger.wap-button-icon:enabled:focus,.wap-button-danger.wap-button-icon:enabled:focus:hover,.wap-button-danger.wap-button-icon:enabled:active:focus,.wap-button-danger.wap-button-icon:enabled:active:focus:hover {
  color: #333;
  background-color: rgba(0,0,0,0.1)
}

.wap-button-small {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 2px;
  background-clip: border-box;
  height: 24px
}

.wap-button-small .wap-button-left-icon {
  font-size: 1.4rem
}

.wap-button-small.wap-button-icon {
  padding-left: 6px;
  padding-right: 6px;
  border: none
}

.wap-button-medium {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  border-radius: 2px;
  background-clip: border-box;
  height: 32px
}

.wap-button-medium.wap-button-icon {
  padding-left: 8px;
  padding-right: 8px;
  border: none
}

.wap-button-min-width-80 {
  min-width: 80px
}

.wap-button-min-width-120 {
  min-width: 120px
}

.wap-button-min-width-160 {
  min-width: 160px
}

.wap-button-max-width-280 {
  width: 280px
}

.wap-button-label {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative
}

.wap-button-text-left-margin {
  margin-left: 8px
}

.wap-button-left-icon {
  position: relative
}

.wap-button.hidden {
  display: none
}

.wap-button.invisible {
  visibility: hidden
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-button .wap-button-button {
      height:28px
  }
}

.spref-shrinking-mode-always .wap-button .wap-button-button {
  height: 28px
}

.wap-inbox-icon-renderer {
  display: flex;
  align-items: center;
  justify-content: center
}

.wap-inbox-icon-renderer-white {
  color: #fff
}

.wap-inbox-icon-renderer-default {
  color: #333
}

.wap-inbox-icon-renderer-info {
  color: #4285f4
}

.wap-inbox-icon-renderer-primary {
  color: #4285f4
}

.wap-inbox-icon-renderer-success {
  color: #00b19d
}

.wap-inbox-icon-renderer-warning {
  color: #f4b142
}

.wap-inbox-icon-renderer-danger {
  color: #e91e63
}

.wap-inbox-icon-renderer-menu-lightgreen {
  color: #8bc34a
}

.wap-inbox-icon-renderer-menu-lightblue {
  color: #03a9f4
}

.wap-inbox-icon-renderer-menu-orange {
  color: #ff9800
}

.wap-inbox-icon-renderer-menu-red {
  color: #ef314d
}

.wap-inbox-icon-renderer-menu-green {
  color: #26a36c
}

.wap-inbox-icon-renderer-menu-blue {
  color: #3074d4
}

.wap-inbox-icon-renderer-menu-yellow {
  color: #FFCC14
}

.wap-inbox-icon-renderer-menu-teal {
  color: #00a9ae
}

.wap-inbox-icon-renderer-menu-darkpurple {
  color: #5346b6
}

.wap-inbox-icon-renderer-menu-purple {
  color: #c3238a
}

.wap-inbox-icon-renderer-menu-palegreen {
  color: #7dc8a7
}

.wap-inbox-icon-renderer-menu-paleblue {
  color: #83ace5
}

.wap-inbox-icon-renderer-round {
  border-radius: 48px;
  background-clip: border-box;
  height: 40px;
  width: 40px;
  position: relative
}

.wap-inbox-icon-renderer-round-white {
  background-color: #fff
}

.wap-inbox-icon-renderer-round-default {
  background-color: #dadde0
}

.wap-inbox-icon-renderer-round-info {
  background-color: #4285f4
}

.wap-inbox-icon-renderer-round-primary {
  background-color: #4285f4
}

.wap-inbox-icon-renderer-round-success {
  background-color: #00b19d
}

.wap-inbox-icon-renderer-round-warning {
  background-color: #f4b142
}

.wap-inbox-icon-renderer-round-danger {
  background-color: #e91e63
}

.wap-inbox-icon-renderer-round-indigo {
  background-color: #5c6bc0
}

.wap-inbox-icon-renderer-round-green {
  background-color: #66bb6a
}

.wap-inbox-icon-renderer-round-red {
  background-color: #ef5350
}

.wap-inbox-icon-renderer-round-lightblue {
  background-color: #29b6f6
}

.wap-inbox-icon-renderer-round-orange {
  background-color: #ff7f3b
}

.wap-inbox-icon-renderer-round-menu-lightgreen {
  background-color: #8bc34a
}

.wap-inbox-icon-renderer-round-menu-lightblue {
  background-color: #03a9f4
}

.wap-inbox-icon-renderer-round-menu-orange {
  background-color: #ff9800
}

.wap-inbox-icon-renderer-round-menu-red {
  background-color: #ef314d
}

.wap-inbox-icon-renderer-round-menu-green {
  background-color: #26a36c
}

.wap-inbox-icon-renderer-round-menu-blue {
  background-color: #3074d4
}

.wap-inbox-icon-renderer-round-menu-yellow {
  background-color: #FFCC14
}

.wap-inbox-icon-renderer-round-menu-teal {
  background-color: #00a9ae
}

.wap-inbox-icon-renderer-round-menu-darkpurple {
  background-color: #5346b6
}

.wap-inbox-icon-renderer-round-menu-purple {
  background-color: #c3238a
}

.wap-inbox-icon-renderer-round-menu-palegreen {
  background-color: #7dc8a7
}

.wap-inbox-icon-renderer-round-menu-paleblue {
  background-color: #83ace5
}

.wap-inbox-icon-renderer-round-icon {
  font-size: 2rem;
  color: #fff
}

.wap-inbox-icon-renderer .hidden {
  display: none
}

.wap-text-label {
  display: inline-flex;
  max-width: 100%;
  font-size: 1.4rem;
  word-wrap: break-word;
  margin-bottom: 0
}

.wap-text-label-height-normal {
  width: 100%;
  padding: 4px 0;
  min-height: 32px;
  display: inline-flex;
  align-items: center
}

.wap-text-label-height-card {
  width: 100%;
  padding: 4px 0;
  max-height: 24px;
  display: inline-flex;
  align-items: center
}

.wap-text-label-side-padding {
  padding: 4px 8px
}

.wap-text-label-font-bold {
  font-weight: 700
}

.wap-text-label-font-weight-normal {
  font-weight: 400
}

.wap-text-label-font-weight-medium {
  font-weight: 500
}

.wap-text-label-font-weight-bold {
  font-weight: 700
}

.wap-text-label-label {
  width: 100%
}

.wap-text-label-min-width-80 {
  min-width: 80px
}

.wap-text-label-min-width-120 {
  min-width: 120px
}

.wap-text-label-min-width-160 {
  min-width: 160px
}

.wap-text-label-min-width-200 {
  min-width: 200px
}

.wap-text-label-min-width-280 {
  min-width: 280px
}

.wap-text-label-min-width-360 {
  min-width: 360px
}

.wap-text-label-max-width-80 {
  max-width: 80px
}

.wap-text-label-max-width-120 {
  max-width: 120px
}

.wap-text-label-max-width-160 {
  max-width: 160px
}

.wap-text-label-max-width-200 {
  max-width: 200px
}

.wap-text-label-max-width-280 {
  max-width: 280px
}

.wap-text-label-max-width-360 {
  max-width: 360px
}

.wap-text-label-information {
  color: #4285f4
}

.wap-text-label-confirmation {
  color: #00b19d
}

.wap-text-label-warning {
  color: #f4b142
}

.wap-text-label-error {
  color: #e91e63
}

.wap-text-label-hint {
  color: #aaa
}

.wap-text-label-subtext {
  color: #7f7f7f
}

.wap-text-label-on-gray-bg.wap-text-label-subtext {
  color: #636363
}

.wap-text-label-font-size-body {
  font-size: 1.4rem
}

.wap-text-label-font-size-caption {
  font-size: 1.2rem
}

.wap-text-label-font-size-subcaption {
  font-size: 1rem
}

.wap-text-label-font-size-strong-value {
  font-size: 3rem
}

.wap-text-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%
}

.wap-text-label-left-margin {
  margin-left: 4px
}

.wap-text-label-popover-icon {
  color: #333;
  cursor: pointer;
  font-size: 1.6rem;
  vertical-align: baseline
}

.wap-text-label-unbreakword {
  word-wrap: normal
}

.wap-text-label.hidden {
  display: none
}

.wap-text-label.invisible {
  visibility: hidden
}

@media screen and (max-device-height: 768px) {
  .spref-shrinking-mode-768 .wap-text-label-height-normal {
      min-height:28px
  }
}

.spref-shrinking-mode-always .wap-text-label-height-normal {
  min-height: 28px
}

.user-two-step-setup {
  margin: -10px 10px 10px 10px
}

.user-two-step-setup-header {
  margin-bottom: 10px
}

.user-two-step-setup-body-msg-block {
  margin-top: 16px
}

.user-two-step-setup-body-msg-subtext {
  margin-left: 8px
}

.user-two-step-setup-body-msg-desc {
  margin-left: 36px
}

.user-two-step-setup-body-msg-desc-disc {
  list-style: disc
}

.user-two-step-setup-body-step-one-msg {
  margin-top: 8px
}

.user-two-step-setup-body-step-two {
  margin-top: 16px
}

.user-two-step-setup-body-step-two-msg>.wap-text-label>.wap-text-label-label {
  font-size: 1.7rem
}

.user-two-step-setup-body-step-two-qrimg {
  display: flex;
  justify-content: center;
  margin-top: -6px
}

.user-two-step-setup-body-step-two-cantscan {
  display: flex;
  justify-content: center;
  margin-top: -24px
}

.user-two-step-setup-body-step-two-cantscan-div-key {
  text-align: center
}

.user-two-step-setup-body-step-two-cantscan-div-detail {
  text-align: center;
  margin-left: 24px
}

.user-two-step-setup-body-step-two-use-email {
  display: flex;
  justify-content: center
}

.user-two-step-setup-body-step-two-email-use-authenticator-app {
  display: flex;
  justify-content: center;
  margin-top: 32px
}

.user-two-step-setup-body-step-two-verifydiv {
  margin-top: 8px
}

.user-two-step-setup-body-step-two-verifydiv-msg {
  display: flex;
  justify-content: center
}

.user-two-step-setup-body-step-two-verifydiv-code {
  display: flex;
  justify-content: center
}

.user-two-step-setup-body-step-three {
  margin-top: 16px
}

.user-two-step-setup-body-step-three>.wap-text-label>.wap-text-label-label {
  font-size: 1.7rem
}

.user-two-step-setup-disable-header {
  margin-top: 8px
}

.user-two-step-setup-disable-msg {
  margin-left: 8px
}

.user-two-step-setup-authenticator-code-verify {
  display: flex;
  margin-left: 8px;
  margin-top: 4px
}

.user-two-step-setup-password {
  margin-top: 16px;
  margin-left: 8px
}

.user-two-step-setup-hide {
  display: none
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  background-clip: border-box;
  background-color: #9299a0;
  color: #fff
}

@media (-ms-high-contrast:active) {
  .badge {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .badge {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .badge {
      border: 1px solid #000
  }
}

.badge.badge-overlap {
  position: relative;
  top: -18px;
  left: -10px
}

.badge.badge-default {
  background-color: #ff4081;
  color: #fff
}

.badge.badge-primary {
  background-color: #4285f4;
  color: #fff
}

.badge.badge-success {
  background-color: #00b19d;
  color: #fff
}

.badge.badge-info {
  background-color: #4285f4;
  color: #fff
}

.badge.badge-warning {
  background-color: #f4b142;
  color: #fff
}

.badge.badge-danger {
  background-color: #e91e63;
  color: #fff
}

.badge.badge-roundless {
  border-radius: 1px;
  background-clip: border-box;
  background-clip: padding-box
}

.badge:empty {
  display: none
}

a.badge:hover,a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.l-col {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: column;
  position: relative;
  max-width: 100%
}

.l-col.l-auto-padding.l-grid-leaf {
  padding: 8px 16px
}

.l-col.l-padding-vertical-unit-size-base-half {
  padding-top: 4px;
  padding-bottom: 4px
}

.l-col.l-padding-vertical-unit-size-base-1 {
  padding-top: 8px;
  padding-bottom: 8px
}

.l-col.l-padding-vertical-unit-size-base-2 {
  padding-top: 16px;
  padding-bottom: 16px
}

.l-col.l-padding-vertical-unit-size-base-3 {
  padding-top: 24px;
  padding-bottom: 24px
}

.l-col.l-padding-vertical-unit-size-base-4 {
  padding-top: 32px;
  padding-bottom: 32px
}

.l-col.l-padding-vertical-unit-size-base-5 {
  padding-top: 40px;
  padding-bottom: 40px
}

.l-col.l-padding-vertical-unit-size-base-6 {
  padding-top: 48px;
  padding-bottom: 48px
}

.l-col.l-padding-horizontal-unit-size-base-half {
  padding-right: 4px;
  padding-left: 4px
}

.l-col.l-padding-horizontal-unit-size-base-1 {
  padding-right: 8px;
  padding-left: 8px
}

.l-col.l-padding-horizontal-unit-size-base-2 {
  padding-right: 16px;
  padding-left: 16px
}

.l-col.l-padding-horizontal-unit-size-base-3 {
  padding-right: 24px;
  padding-left: 24px
}

.l-col.l-padding-horizontal-unit-size-base-4 {
  padding-right: 32px;
  padding-left: 32px
}

.l-col.l-padding-horizontal-unit-size-base-5 {
  padding-right: 40px;
  padding-left: 40px
}

.l-col.l-padding-horizontal-unit-size-base-6 {
  padding-right: 48px;
  padding-left: 48px
}

.l-col-md-grow {
  flex-grow: 1;
  flex-basis: 0
}

.l-col-wrap {
  flex-wrap: wrap
}

.l-col-md-hidden {
  position: absolute;
  top: 0;
  bottom: 0;
  display: none
}

.l-col-md-auto {
  flex-basis: auto
}

.l-col-left-to-right {
  flex-direction: row;
  justify-content: start;
  align-items: stretch
}

.l-col-left-to-right.l-col-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-col-left-to-right.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-left-to-right.l-col-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-col-left-to-right.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-left-to-right-on-top {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start
}

.l-col-left-to-right-on-top.l-col-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-col-left-to-right-on-top.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-left-to-right-on-top.l-col-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-col-left-to-right-on-top.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-left-to-right-on-bottom {
  flex-direction: row;
  justify-content: start;
  align-items: flex-end
}

.l-col-left-to-right-on-bottom.l-col-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-col-left-to-right-on-bottom.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-left-to-right-on-bottom.l-col-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-col-left-to-right-on-bottom.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-left-to-right-on-center {
  flex-direction: row;
  justify-content: start;
  align-items: center
}

.l-col-left-to-right-on-center.l-col-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-col-left-to-right-on-center.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-left-to-right-on-center.l-col-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-col-left-to-right-on-center.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-right-to-left {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch
}

.l-col-right-to-left.l-col-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-col-right-to-left.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-right-to-left.l-col-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-col-right-to-left.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-right-to-left-on-top {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start
}

.l-col-right-to-left-on-top.l-col-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-col-right-to-left-on-top.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-right-to-left-on-top.l-col-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-col-right-to-left-on-top.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-right-to-left-on-bottom {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end
}

.l-col-right-to-left-on-bottom.l-col-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-col-right-to-left-on-bottom.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-right-to-left-on-bottom.l-col-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-col-right-to-left-on-bottom.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-right-to-left-on-center {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center
}

.l-col-right-to-left-on-center.l-col-component-margin-s.l-grid-leaf>.component {
  margin-left: 8px
}

.l-col-right-to-left-on-center.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-right-to-left-on-center.l-col-component-margin-m.l-grid-leaf>.component {
  margin-left: 16px
}

.l-col-right-to-left-on-center.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-left: 0
}

.l-col-top-to-bottom {
  justify-content: start;
  align-items: stretch
}

.l-col-top-to-bottom.l-col-component-margin-s.l-grid-leaf>.component {
  margin-top: 8px
}

.l-col-top-to-bottom.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-col-top-to-bottom.l-col-component-margin-m.l-grid-leaf>.component {
  margin-top: 16px
}

.l-col-top-to-bottom.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-col-top-to-bottom-on-left {
  justify-content: start;
  align-items: flex-start
}

.l-col-top-to-bottom-on-left.l-col-component-margin-s.l-grid-leaf>.component {
  margin-top: 8px
}

.l-col-top-to-bottom-on-left.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-col-top-to-bottom-on-left.l-col-component-margin-m.l-grid-leaf>.component {
  margin-top: 16px
}

.l-col-top-to-bottom-on-left.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-col-top-to-bottom-on-right {
  justify-content: start;
  align-items: flex-end
}

.l-col-top-to-bottom-on-right.l-col-component-margin-s.l-grid-leaf>.component {
  margin-top: 8px
}

.l-col-top-to-bottom-on-right.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-col-top-to-bottom-on-right.l-col-component-margin-m.l-grid-leaf>.component {
  margin-top: 16px
}

.l-col-top-to-bottom-on-right.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-col-top-to-bottom-on-center {
  justify-content: start;
  align-items: center
}

.l-col-top-to-bottom-on-center.l-col-component-margin-s.l-grid-leaf>.component {
  margin-top: 8px
}

.l-col-top-to-bottom-on-center.l-col-component-margin-s.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-col-top-to-bottom-on-center.l-col-component-margin-m.l-grid-leaf>.component {
  margin-top: 16px
}

.l-col-top-to-bottom-on-center.l-col-component-margin-m.l-grid-leaf>.component:first-child {
  margin-top: 0
}

.l-col-md-1 {
  flex-basis: 8.333333333333332%;
  width: 8.33333333%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-1 {
  min-width: 0
}

.l-col-md-2 {
  flex-basis: 16.666666666666664%;
  width: 16.66666667%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-2 {
  min-width: 0
}

.l-col-md-3 {
  flex-basis: 25%;
  width: 25%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-3 {
  min-width: 0
}

.l-col-md-4 {
  flex-basis: 33.33333333333333%;
  width: 33.33333333%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-4 {
  min-width: 0
}

.l-col-md-5 {
  flex-basis: 41.66666666666667%;
  width: 41.66666667%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-5 {
  min-width: 0
}

.l-col-md-6 {
  flex-basis: 50%;
  width: 50%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-6 {
  min-width: 0
}

.l-col-md-7 {
  flex-basis: 58.333333333333336%;
  width: 58.33333333%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-7 {
  min-width: 0
}

.l-col-md-8 {
  flex-basis: 66.66666666666666%;
  width: 66.66666667%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-8 {
  min-width: 0
}

.l-col-md-9 {
  flex-basis: 75%;
  width: 75%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-9 {
  min-width: 0
}

.l-col-md-10 {
  flex-basis: 83.33333333333334%;
  width: 83.33333333%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-10 {
  min-width: 0
}

.l-col-md-11 {
  flex-basis: 91.66666666666666%;
  width: 91.66666667%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-11 {
  min-width: 0
}

.l-col-md-12 {
  flex-basis: 100%;
  width: 100%
}

_:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-md-12 {
  min-width: 0
}

@media (min-width: 1441px) {
  .l-col {
      display:flex;
      position: relative
  }

  .l-col-lg-1 {
      flex-basis: 8.333333333333332%;
      flex-grow: 0;
      width: 8.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-1 {
      min-width: 0
  }

  .l-col-lg-2 {
      flex-basis: 16.666666666666664%;
      flex-grow: 0;
      width: 16.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-2 {
      min-width: 0
  }

  .l-col-lg-3 {
      flex-basis: 25%;
      flex-grow: 0;
      width: 25%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-3 {
      min-width: 0
  }

  .l-col-lg-4 {
      flex-basis: 33.33333333333333%;
      flex-grow: 0;
      width: 33.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-4 {
      min-width: 0
  }

  .l-col-lg-5 {
      flex-basis: 41.66666666666667%;
      flex-grow: 0;
      width: 41.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-5 {
      min-width: 0
  }

  .l-col-lg-6 {
      flex-basis: 50%;
      flex-grow: 0;
      width: 50%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-6 {
      min-width: 0
  }

  .l-col-lg-7 {
      flex-basis: 58.333333333333336%;
      flex-grow: 0;
      width: 58.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-7 {
      min-width: 0
  }

  .l-col-lg-8 {
      flex-basis: 66.66666666666666%;
      flex-grow: 0;
      width: 66.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-8 {
      min-width: 0
  }

  .l-col-lg-9 {
      flex-basis: 75%;
      flex-grow: 0;
      width: 75%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-9 {
      min-width: 0
  }

  .l-col-lg-10 {
      flex-basis: 83.33333333333334%;
      flex-grow: 0;
      width: 83.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-10 {
      min-width: 0
  }

  .l-col-lg-11 {
      flex-basis: 91.66666666666666%;
      flex-grow: 0;
      width: 91.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-11 {
      min-width: 0
  }

  .l-col-lg-12 {
      flex-basis: 100%;
      flex-grow: 0;
      width: 100%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-lg-12 {
      min-width: 0
  }

  .l-col-lg-grow {
      flex-grow: 1;
      flex-basis: 0
  }

  .l-col-lg-hidden {
      position: absolute;
      top: 0;
      bottom: 0;
      display: none
  }

  .l-col-lg-auto {
      flex-basis: auto
  }
}

@media screen and (max-width: 959px) and (min-width:600px) {
  .l-col {
      display:flex;
      position: relative
  }

  .l-col-sm-1 {
      flex-basis: 8.333333333333332%;
      flex-grow: 0;
      width: 8.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-1 {
      min-width: 0
  }

  .l-col-sm-2 {
      flex-basis: 16.666666666666664%;
      flex-grow: 0;
      width: 16.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-2 {
      min-width: 0
  }

  .l-col-sm-3 {
      flex-basis: 25%;
      flex-grow: 0;
      width: 25%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-3 {
      min-width: 0
  }

  .l-col-sm-4 {
      flex-basis: 33.33333333333333%;
      flex-grow: 0;
      width: 33.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-4 {
      min-width: 0
  }

  .l-col-sm-5 {
      flex-basis: 41.66666666666667%;
      flex-grow: 0;
      width: 41.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-5 {
      min-width: 0
  }

  .l-col-sm-6 {
      flex-basis: 50%;
      flex-grow: 0;
      width: 50%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-6 {
      min-width: 0
  }

  .l-col-sm-7 {
      flex-basis: 58.333333333333336%;
      flex-grow: 0;
      width: 58.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-7 {
      min-width: 0
  }

  .l-col-sm-8 {
      flex-basis: 66.66666666666666%;
      flex-grow: 0;
      width: 66.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-8 {
      min-width: 0
  }

  .l-col-sm-9 {
      flex-basis: 75%;
      flex-grow: 0;
      width: 75%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-9 {
      min-width: 0
  }

  .l-col-sm-10 {
      flex-basis: 83.33333333333334%;
      flex-grow: 0;
      width: 83.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-10 {
      min-width: 0
  }

  .l-col-sm-11 {
      flex-basis: 91.66666666666666%;
      flex-grow: 0;
      width: 91.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-11 {
      min-width: 0
  }

  .l-col-sm-12 {
      flex-basis: 100%;
      flex-grow: 0;
      width: 100%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-sm-12 {
      min-width: 0
  }

  .l-col-sm-grow {
      flex-grow: 1;
      flex-basis: 0
  }

  .l-col-sm-hidden {
      position: absolute;
      top: 0;
      bottom: 0;
      display: none
  }

  .l-col-sm-auto {
      flex-basis: auto
  }
}

@media screen and (max-width: 599px) {
  .l-col {
      display:flex;
      position: relative
  }

  .l-col-xs-1 {
      flex-basis: 8.333333333333332%;
      flex-grow: 0;
      width: 8.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-1 {
      min-width: 0
  }

  .l-col-xs-2 {
      flex-basis: 16.666666666666664%;
      flex-grow: 0;
      width: 16.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-2 {
      min-width: 0
  }

  .l-col-xs-3 {
      flex-basis: 25%;
      flex-grow: 0;
      width: 25%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-3 {
      min-width: 0
  }

  .l-col-xs-4 {
      flex-basis: 33.33333333333333%;
      flex-grow: 0;
      width: 33.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-4 {
      min-width: 0
  }

  .l-col-xs-5 {
      flex-basis: 41.66666666666667%;
      flex-grow: 0;
      width: 41.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-5 {
      min-width: 0
  }

  .l-col-xs-6 {
      flex-basis: 50%;
      flex-grow: 0;
      width: 50%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-6 {
      min-width: 0
  }

  .l-col-xs-7 {
      flex-basis: 58.333333333333336%;
      flex-grow: 0;
      width: 58.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-7 {
      min-width: 0
  }

  .l-col-xs-8 {
      flex-basis: 66.66666666666666%;
      flex-grow: 0;
      width: 66.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-8 {
      min-width: 0
  }

  .l-col-xs-9 {
      flex-basis: 75%;
      flex-grow: 0;
      width: 75%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-9 {
      min-width: 0
  }

  .l-col-xs-10 {
      flex-basis: 83.33333333333334%;
      flex-grow: 0;
      width: 83.33333333%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-10 {
      min-width: 0
  }

  .l-col-xs-11 {
      flex-basis: 91.66666666666666%;
      flex-grow: 0;
      width: 91.66666667%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-11 {
      min-width: 0
  }

  .l-col-xs-12 {
      flex-basis: 100%;
      flex-grow: 0;
      width: 100%
  }

  _:-moz-tree-row(hover),.ellipsis-on-firefox.l-col-xs-12 {
      min-width: 0
  }

  .l-col-xs-grow {
      flex-grow: 1;
      flex-basis: 0
  }

  .l-col-xs-hidden {
      position: absolute;
      top: 0;
      bottom: 0;
      display: none
  }

  .l-col-xs-auto {
      flex-basis: auto
  }
}

.l-col-screen-margin-left {
  margin-left: 16px
}

.l-col-screen-margin-right {
  margin-right: 17px
}

.l-col-overflow-y-scroll {
  margin-right: 0;
  overflow-y: scroll
}

.l-col-width-unit-1 {
  flex-basis: 8px
}

.l-col-width-unit-2 {
  flex-basis: 16px
}

.l-col-width-unit-3 {
  flex-basis: 24px
}

.l-col-width-unit-4 {
  flex-basis: 32px
}

.l-col-width-unit-5 {
  flex-basis: 40px
}

.l-col-width-unit-6 {
  flex-basis: 48px
}

.l-col-width-unit-7 {
  flex-basis: 56px
}

.l-col-width-unit-8 {
  flex-basis: 64px
}

.l-col-width-unit-9 {
  flex-basis: 72px
}

.l-col-width-unit-10 {
  flex-basis: 80px
}

.l-col-width-unit-11 {
  flex-basis: 88px
}

.l-col-width-unit-12 {
  flex-basis: 96px
}

.l-col-width-unit-13 {
  flex-basis: 104px
}

.l-col-width-unit-14 {
  flex-basis: 112px
}

.l-col-width-unit-15 {
  flex-basis: 120px
}

.l-col-width-unit-16 {
  flex-basis: 128px
}

.l-col-width-unit-17 {
  flex-basis: 136px
}

.l-col-width-unit-18 {
  flex-basis: 144px
}

.l-col-width-unit-19 {
  flex-basis: 152px
}

.l-col-width-unit-20 {
  flex-basis: 160px
}

.l-col-width-unit-21 {
  flex-basis: 168px
}

.l-col-width-unit-22 {
  flex-basis: 176px
}

.l-col-width-unit-23 {
  flex-basis: 184px
}

.l-col-width-unit-24 {
  flex-basis: 192px
}

.l-col-width-unit-25 {
  flex-basis: 200px
}

.l-col-width-unit-26 {
  flex-basis: 208px
}

.l-col-width-unit-27 {
  flex-basis: 216px
}

.l-col-width-unit-28 {
  flex-basis: 224px
}

.l-col-width-unit-29 {
  flex-basis: 232px
}

.l-col-width-unit-30 {
  flex-basis: 240px
}

.l-col-width-unit-31 {
  flex-basis: 248px
}

.l-col-width-unit-32 {
  flex-basis: 256px
}

.l-col-width-unit-33 {
  flex-basis: 264px
}

.l-col-width-unit-34 {
  flex-basis: 272px
}

.l-col-width-unit-35 {
  flex-basis: 280px
}

.l-col-width-unit-36 {
  flex-basis: 288px
}

.l-col-width-unit-37 {
  flex-basis: 296px
}

.l-col-width-unit-38 {
  flex-basis: 304px
}

.l-col-width-unit-39 {
  flex-basis: 312px
}

.l-col-width-unit-40 {
  flex-basis: 320px
}

.l-col-width-unit-41 {
  flex-basis: 328px
}

.l-col-width-unit-42 {
  flex-basis: 336px
}

.l-col-width-unit-43 {
  flex-basis: 344px
}

.l-col-width-unit-44 {
  flex-basis: 352px
}

.l-col-width-unit-45 {
  flex-basis: 360px
}

.l-col-width-unit-46 {
  flex-basis: 368px
}

.l-col-width-unit-47 {
  flex-basis: 376px
}

.l-col-width-unit-48 {
  flex-basis: 384px
}

.l-col-width-unit-49 {
  flex-basis: 392px
}

.l-col-width-unit-50 {
  flex-basis: 400px
}

.l-col-width-unit-51 {
  flex-basis: 408px
}

.l-col-width-unit-52 {
  flex-basis: 416px
}

.l-col-width-unit-53 {
  flex-basis: 424px
}

.l-col-width-unit-54 {
  flex-basis: 432px
}

.l-col-width-unit-55 {
  flex-basis: 440px
}

.l-col-width-unit-56 {
  flex-basis: 448px
}

.l-col-width-unit-57 {
  flex-basis: 456px
}

.l-col-width-unit-58 {
  flex-basis: 464px
}

.l-col-width-unit-59 {
  flex-basis: 472px
}

.l-col-width-unit-60 {
  flex-basis: 480px
}

.l-col-width-unit-61 {
  flex-basis: 488px
}

.l-col-width-unit-62 {
  flex-basis: 496px
}

.l-col-width-unit-63 {
  flex-basis: 504px
}

.l-col-width-unit-64 {
  flex-basis: 512px
}

.l-col-width-unit-65 {
  flex-basis: 520px
}

.l-col-width-unit-66 {
  flex-basis: 528px
}

.l-col-width-unit-67 {
  flex-basis: 536px
}

.l-col-width-unit-68 {
  flex-basis: 544px
}

.l-col-width-unit-69 {
  flex-basis: 552px
}

.l-col-width-unit-70 {
  flex-basis: 560px
}

.l-col-width-unit-71 {
  flex-basis: 568px
}

.l-col-width-unit-72 {
  flex-basis: 576px
}

.l-col-width-unit-73 {
  flex-basis: 584px
}

.l-col-width-unit-74 {
  flex-basis: 592px
}

.l-col-width-unit-75 {
  flex-basis: 600px
}

.l-col-width-unit-76 {
  flex-basis: 608px
}

.l-col-width-unit-77 {
  flex-basis: 616px
}

.l-col-width-unit-78 {
  flex-basis: 624px
}

.l-col-width-unit-79 {
  flex-basis: 632px
}

.l-col-width-unit-80 {
  flex-basis: 640px
}

.l-col-width-unit-81 {
  flex-basis: 648px
}

.l-col-width-unit-82 {
  flex-basis: 656px
}

.l-col-width-unit-83 {
  flex-basis: 664px
}

.l-col-width-unit-84 {
  flex-basis: 672px
}

.l-col-width-unit-85 {
  flex-basis: 680px
}

.l-col-width-unit-86 {
  flex-basis: 688px
}

.l-col-width-unit-87 {
  flex-basis: 696px
}

.l-col-width-unit-88 {
  flex-basis: 704px
}

.l-col-width-unit-89 {
  flex-basis: 712px
}

.l-col-width-unit-90 {
  flex-basis: 720px
}

.l-col-width-unit-91 {
  flex-basis: 728px
}

.l-col-width-unit-92 {
  flex-basis: 736px
}

.l-col-width-unit-93 {
  flex-basis: 744px
}

.l-col-width-unit-94 {
  flex-basis: 752px
}

.l-col-width-unit-95 {
  flex-basis: 760px
}

.l-col-width-unit-96 {
  flex-basis: 768px
}

.l-col-width-unit-97 {
  flex-basis: 776px
}

.l-col-width-unit-98 {
  flex-basis: 784px
}

.l-col-width-unit-99 {
  flex-basis: 792px
}

.l-col-width-unit-100 {
  flex-basis: 800px
}

.l-col-width-unit-101 {
  flex-basis: 808px
}

.l-col-width-unit-102 {
  flex-basis: 816px
}

.l-col-width-unit-103 {
  flex-basis: 824px
}

.l-col-width-unit-104 {
  flex-basis: 832px
}

.l-col-width-unit-105 {
  flex-basis: 840px
}

.l-col-width-unit-106 {
  flex-basis: 848px
}

.l-col-width-unit-107 {
  flex-basis: 856px
}

.l-col-width-unit-108 {
  flex-basis: 864px
}

.l-col-width-unit-109 {
  flex-basis: 872px
}

.l-col-width-unit-110 {
  flex-basis: 880px
}

.l-col-width-unit-111 {
  flex-basis: 888px
}

.l-col-width-unit-112 {
  flex-basis: 896px
}

.l-col-width-unit-113 {
  flex-basis: 904px
}

.l-col-width-unit-114 {
  flex-basis: 912px
}

.l-col-width-unit-115 {
  flex-basis: 920px
}

.l-col-width-unit-116 {
  flex-basis: 928px
}

.l-col-width-unit-117 {
  flex-basis: 936px
}

.l-col-width-unit-118 {
  flex-basis: 944px
}

.l-col-width-unit-119 {
  flex-basis: 952px
}

.l-col-width-unit-120 {
  flex-basis: 960px
}

.l-col-width-unit-121 {
  flex-basis: 968px
}

.l-col-width-unit-122 {
  flex-basis: 976px
}

.l-col-width-unit-123 {
  flex-basis: 984px
}

.l-col-width-unit-124 {
  flex-basis: 992px
}

.l-col-width-unit-125 {
  flex-basis: 1000px
}

.l-col-width-unit-126 {
  flex-basis: 1008px
}

.l-col-width-unit-127 {
  flex-basis: 1016px
}

.l-col-width-unit-128 {
  flex-basis: 1024px
}

.l-col-width-unit-129 {
  flex-basis: 1032px
}

.l-col-width-unit-130 {
  flex-basis: 1040px
}

.l-col-width-unit-131 {
  flex-basis: 1048px
}

.l-col-width-unit-132 {
  flex-basis: 1056px
}

.l-col-width-unit-133 {
  flex-basis: 1064px
}

.l-col-width-unit-134 {
  flex-basis: 1072px
}

.l-col-width-unit-135 {
  flex-basis: 1080px
}

.l-col-width-unit-136 {
  flex-basis: 1088px
}

.l-col-width-unit-137 {
  flex-basis: 1096px
}

.l-col-width-unit-138 {
  flex-basis: 1104px
}

.l-col-width-unit-139 {
  flex-basis: 1112px
}

.l-col-width-unit-140 {
  flex-basis: 1120px
}

.l-col-width-unit-141 {
  flex-basis: 1128px
}

.l-col-width-unit-142 {
  flex-basis: 1136px
}

.l-col-width-unit-143 {
  flex-basis: 1144px
}

.l-col-width-unit-144 {
  flex-basis: 1152px
}

.l-col-width-unit-145 {
  flex-basis: 1160px
}

.l-col-width-unit-146 {
  flex-basis: 1168px
}

.l-col-width-unit-147 {
  flex-basis: 1176px
}

.l-col-width-unit-148 {
  flex-basis: 1184px
}

.l-col-width-unit-149 {
  flex-basis: 1192px
}

.l-col-width-unit-150 {
  flex-basis: 1200px
}

.l-col-width-unit-151 {
  flex-basis: 1208px
}

.l-col-width-unit-152 {
  flex-basis: 1216px
}

.l-col-width-unit-153 {
  flex-basis: 1224px
}

.l-col-width-unit-154 {
  flex-basis: 1232px
}

.l-col-width-unit-155 {
  flex-basis: 1240px
}

.l-col-width-unit-156 {
  flex-basis: 1248px
}

.l-col-width-unit-157 {
  flex-basis: 1256px
}

.l-col-width-unit-158 {
  flex-basis: 1264px
}

.l-col-width-unit-159 {
  flex-basis: 1272px
}

.l-col-width-unit-160 {
  flex-basis: 1280px
}

.timeline-text-input-form {
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 0 2px 0 rgba(0, 0, 0, 0.2);
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 24px
}

@media (-ms-high-contrast:active) {
  .timeline-text-input-form {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:white-on-black) {
  .timeline-text-input-form {
      border: 1px solid #fff
  }
}

@media (-ms-high-contrast:black-on-white) {
  .timeline-text-input-form {
      border: 1px solid #000
  }
}

.timeline-text-input-form.timeline-text-input-form-profile {
  background: none;
  box-shadow: none;
  margin-top: 0
}

.wap-tag-label-group-children {
  display: inline-flex;
  flex-wrap: wrap
}

.wap-tag-label-group-children>.wap-tag-label {
  margin-right: 4px;
  margin-bottom: 4px
}

.wap-tag-label-group-children-width-size-s {
  width: 120px
}

.wap-tag-label-group-children-width-size-m {
  width: 240px
}

.wap-tag-label-group-children-width-size-l {
  width: 480px
}

.wap-tag-label-group-children-width-size-xl {
  width: 720px
}

.wap-tag-label-group-children-width-size-full {
  width: 100%
}

.wap-tag-label-group.hidden {
  display: none
}

.wap-tag-label-group.invisible {
  visibility: hidden
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-tag-label-group-children-width-size-l {
      width:420px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-tag-label-group-children-width-size-l {
      width:300px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-tag-label-group-children-width-size-l {
      width:240px
  }
}

@media only screen and (max-width: 1279px) {
  .responsive-page-body .wap-tag-label-group-children-width-size-xl {
      width:480px
  }
}

@media only screen and (max-width: 959px) {
  .responsive-page-body .wap-tag-label-group-children-width-size-xl {
      width:360px
  }
}

@media only screen and (max-width: 767px) {
  .responsive-page-body .wap-tag-label-group-children-width-size-xl {
      width:240px
  }
}