@charset "UTF-8";
.ace-file-input {
  position: relative;
  height: 38px;
  margin-bottom: 9px;
  line-height: 38px;
}
.ace-file-input input[type=file] {
  z-index: -2;
  position: fixed;
  opacity: 0;
}
.ace-file-input .file-label {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 30px;
  border: 1px solid #D5D5D5;
  background-color: #FFF;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.15s;
}
.ace-file-input .file-label:hover {
  border-color: #F59942;
  box-shadow: none;
}
.ace-file-input .file-label:before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 8px;
  border: 2px solid #FFF;
  border-left-width: 4px;
  background-color: #6FB3E0;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  content: attr(data-title); /* the button */
  transition: all 0.3s;
}
.ace-file-input .file-label .file-name {
  display: inline-block;
  position: static;
  max-width: 80%;
  height: 28px; /* the file name container */
  padding-left: 30px;
  overflow: hidden;
  color: #888;
  font-size: 13px;
  line-height: 28px;
  vertical-align: top;
  white-space: nowrap;
}
.ace-file-input .file-label .file-name:after {
  display: inline-block;
  content: attr(data-title); /* the file name */
}
.ace-file-input .file-label.selected {
  right: 16px;
}
.ace-file-input .file-label.selected .file-name {
  color: #666;
}
.ace-file-input .file-label [class*="fas fa-"],
.ace-file-input .file-label [class*="far fa-"],
.ace-file-input .file-label [class*=icon-slab-],
.ace-file-input .file-label [class*="ccc ccc-"] {
  background-color: #D1D1D1;
}
.ace-file-input .file-label.selected .file-name [class*="fas fa-"],
.ace-file-input .file-label.selected .file-name [class*="far fa-"],
.ace-file-input .file-label.selected .file-name [class*=icon-slab-] {
  background-color: #EFAD62;
}
.ace-file-input .file-label.selected .file-name .far.fa-image {
  background-color: #BD7A9D;
}
.ace-file-input .file-label.selected .file-name .fas.fa-film {
  background-color: #87B87F;
}
.ace-file-input .file-label.selected .file-name .fas.fa-music {
  background-color: #8B7AC9;
}
.ace-file-input .file-label.selected .file-name .fas.fa-archive,
.ace-file-input .file-label.selected .file-name .ccc.ccc-3d-object {
  background-color: #EFAD62;
}
.ace-file-input .file-label.hide-placeholder:before {
  display: none;
}
.ace-file-input a:hover {
  text-decoration: none;
}
.ace-file-input .remove {
  display: none;
  position: absolute;
  top: 6px;
  right: -8px; /* the remove button */
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  background-color: #FB7142;
  color: #FFF;
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
}
.ace-file-input .file-label.selected + .remove {
  display: inline-flex;
  line-height: 1;
}

.ace-file-multiple .file-label.selected .file-name [class*="fas fa-"],
.ace-file-multiple .file-label.selected .file-name [class*="far fa-"],
.ace-file-multiple .file-label.selected .file-name [class*=icon-slab-],
.ace-file-multiple .file-label.selected .file-name [class*="ccc ccc-"], .ace-file-input .file-label [class*="fas fa-"],
.ace-file-input .file-label [class*="far fa-"],
.ace-file-input .file-label [class*=icon-slab-],
.ace-file-input .file-label [class*="ccc ccc-"] {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  border: 2px solid #FFF;
  color: #FFF;
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  transition: all 0.1s;
}

.ace-file-multiple {
  height: auto;
}
.ace-file-multiple .file-label {
  position: relative;
  height: auto;
  border: 1px dashed #AAA;
  border-radius: 4px;
  text-align: center;
}
.ace-file-multiple .file-label:before {
  display: inline-block;
  position: relative;
  right: 0;
  left: 0;
  margin: 12px;
  border: none;
  background-color: #FFF;
  color: #CCC;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  content: attr(data-title); /* the button */
}
.ace-file-multiple .file-label.selected .file-name .icon-slab-cube,
.ace-file-multiple .file-label.selected .file-name .ccc-3d-object {
  font-size: 16px;
}
.ace-file-multiple .file-label .file-name {
  display: block;
  position: relative;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 4px;
  padding: 0;
  border-bottom: 1px solid #DDD;
  text-align: left;
}
.ace-file-multiple .file-label .file-name:first-child {
  margin-top: 1px;
}
.ace-file-multiple .file-label .file-name:last-child {
  margin-bottom: 1px;
  border-bottom-width: 0;
}
.ace-file-multiple .file-label .file-name img {
  margin: 4px 8px 4px 1px;
  padding: 2px;
  border: 1px solid #D7D7D7;
  background-color: #FFF;
  background-position: center;
  background-repeat: no-repeat;
}
.ace-file-multiple .file-label .file-name:after {
  display: none; /* the file name */
}
.ace-file-multiple .file-label.selected .file-name:after {
  display: inline-block;
  white-space: pre; /* the file name */
}
.ace-file-multiple .file-label .file-name img + [class*="fas fa-"],
.ace-file-multiple .file-label .file-name img + [class*="far fa-"], .ace-file-multiple .file-label.selected .file-name img + [class*="fas fa-"], .ace-file-multiple .file-label.selected .file-name img + [class*="far fa-"] {
  display: none;
}
.ace-file-multiple .remove {
  top: -11px;
  right: -11px;
  width: 22px;
  height: 22px;
  border: 3px solid #BBB;
  border-radius: 32px;
  background-color: #FFF;
  color: red;
  line-height: 15px;
}
.ace-file-multiple .file-label.selected + .remove:hover {
  border-color: #F4C0B1;
}

.ace-file-multiple .file-label .file-name [class*="fas fa-"],
.ace-file-multiple .file-label .file-name [class*="far fa-"],
.ace-file-multiple .file-label .file-name [class*=icon-slab-] {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  margin: 4px 0;
  background-color: transparent;
  color: #D5D5D5;
  font-size: 64px;
  line-height: 64px;
  text-align: center;
}
.ace-file-multiple .file-label.selected:after {
  display: none;
}
.ace-file-multiple .file-label.selected .file-name [class*="fas fa-"],
.ace-file-multiple .file-label.selected .file-name [class*="far fa-"],
.ace-file-multiple .file-label.selected .file-name [class*=icon-slab-] {
  position: relative;
  margin-right: 4px;
  margin-left: 2px;
  line-height: 24px;
}
.ace-file-multiple .file-label .file-name.large {
  margin: 0 1px 3px;
  border-bottom: 2px solid #222;
  text-align: center;
}
.ace-file-multiple .file-label .file-name.large:last-child {
  margin: 0 1px;
  border-bottom-width: 0;
}
.ace-file-multiple .file-label .file-name.large:after {
  position: absolute;
  top: auto; /* image caption */
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 4px;
  background-color: #555;
  color: #FFF;
  opacity: 0.8;
}
.ace-file-multiple .file-label .file-name.large img {
  margin: 0;
  padding: 0;
  border-width: 0;
}

.ace-file-input input[type=file].disabled + .file-label, .ace-file-input input[type=file][disabled] + .file-label, .ace-file-input input[type=file][readonly] + .file-label {
  background-color: #EEE;
  cursor: not-allowed;
}
.ace-file-input input[type=file].disabled + .file-label:hover, .ace-file-input input[type=file][disabled] + .file-label:hover, .ace-file-input input[type=file][readonly] + .file-label:hover {
  border-color: #E3E3E3;
  box-shadow: none;
}
.ace-file-input input[type=file].disabled + .file-label:before, .ace-file-input input[type=file][disabled] + .file-label:before, .ace-file-input input[type=file][readonly] + .file-label:before {
  border-color: #EEE;
  background-color: #A1AAAF;
}
.ace-file-input input[type=file][readonly] + .file-label {
  cursor: default;
}

.ace-file-multiple input[type=file].disabled + .file-label:hover, .ace-file-multiple input[type=file][disabled] + .file-label:hover, .ace-file-multiple input[type=file][readonly] + .file-label:hover {
  border-color: #AAA;
}
.ace-file-multiple input[type=file].disabled + .file-label:before, .ace-file-multiple input[type=file][disabled] + .file-label:before, .ace-file-multiple input[type=file][readonly] + .file-label:before {
  background-color: transparent;
}
.ace-file-multiple input[type=file].disabled + .file-label [class*="fas fa-"],
.ace-file-multiple input[type=file].disabled + .file-label [class*="far fa-"],
.ace-file-multiple input[type=file].disabled + .file-label [class*=icon-slab-], .ace-file-multiple input[type=file][disabled] + .file-label [class*="fas fa-"],
.ace-file-multiple input[type=file][disabled] + .file-label [class*="far fa-"],
.ace-file-multiple input[type=file][disabled] + .file-label [class*=icon-slab-], .ace-file-multiple input[type=file][readonly] + .file-label [class*="fas fa-"],
.ace-file-multiple input[type=file][readonly] + .file-label [class*="far fa-"],
.ace-file-multiple input[type=file][readonly] + .file-label [class*=icon-slab-] {
  border-color: #EEE;
}

/* space */
.space {
  min-height: 1px;
  max-height: 1px;
  margin: 12px 0;
  clear: both;
  overflow: hidden;
}

/* hr */
/* margin padding */
@font-face {
  src: url("../fonts/CloudCIRCUSCommon.ttf?twt3a0") format("truetype"), url("../fonts/CloudCIRCUSCommon.woff?twt3a0") format("woff"), url("../fonts/CloudCIRCUSCommon.svg?twt3a0#CloudCIRCUSCommon") format("svg");
  font-display: block;
  font-family: "CloudCIRCUSCommon";
  font-style: normal;
  font-weight: normal;
}
.ccc {
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "CloudCIRCUSCommon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

.ccc-tutorial:before {
  content: "\e95a";
}

.ccc-hexagonal:before {
  content: "\e959";
}

.ccc-external_link:before {
  content: "\e958";
}

.ccc-account:before {
  content: "\e94d";
}

.ccc-badge:before {
  content: "\e94e";
}

.ccc-benefits:before {
  content: "\e94f";
}

.ccc-diagnosis:before {
  content: "\e950";
}

.ccc-external_site:before {
  content: "\e951";
}

.ccc-license:before {
  content: "\e952";
}

.ccc-membership:before {
  content: "\e953";
}

.ccc-quiz:before {
  content: "\e954";
}

.ccc-site_manegement:before {
  content: "\e955";
}

.ccc-user:before {
  content: "\e956";
}

.ccc-poll:before {
  content: "\e957";
}

.ccc-cog:before {
  content: "\e94c";
}

.ccc-vps:before {
  content: "\e947";
}

.ccc-horizontal:before {
  content: "\e948";
}

.ccc-vertical:before {
  content: "\e949";
}

.ccc-custom:before {
  content: "\e94a";
}

.ccc-marker:before {
  content: "\e94b";
}

.ccc-tda_colorsetting:before {
  content: "\e946";
}

.ccc-form:before {
  content: "\e945";
}

.ccc-sandbox:before {
  content: "\e943";
}

.ccc-product:before {
  content: "\e944";
}

.ccc-stampcard:before {
  content: "\e942";
}

.ccc-cocoar-3d:before {
  content: "\e939";
}

.ccc-cocoar-audio:before {
  content: "\e93a";
}

.ccc-cocoar-custom:before {
  content: "\e93b";
}

.ccc-cocoar-gif:before {
  content: "\e93c";
}

.ccc-cocoar-link:before {
  content: "\e93d";
}

.ccc-cocoar-list:before {
  content: "\e93e";
}

.ccc-cocoar-movie:before {
  content: "\e93f";
}

.ccc-cocoar-picture:before {
  content: "\e940";
}

.ccc-cocoar-text:before {
  content: "\e941";
}

.ccc-export:before {
  content: "\e938";
}

.ccc-tda_resetdata:before {
  content: "\e931";
}

.ccc-tda_moveview:before {
  content: "\e932";
}

.ccc-tda_cropobject:before {
  content: "\e933";
}

.ccc-tda_moveobject:before {
  content: "\e934";
}

.ccc-tda_resetview:before {
  content: "\e935";
}

.ccc-tda_rotateobject:before {
  content: "\e936";
}

.ccc-tda_scaleobject:before {
  content: "\e937";
}

.ccc-news:before {
  content: "\e930";
}

.ccc-marker1:before {
  content: "\e912";
}

.ccc-log_analysis:before {
  content: "\e92f";
}

.ccc-dashboard:before {
  content: "\e91c";
}

.ccc-tag:before {
  content: "\e92e";
}

.ccc-id-card:before {
  content: "\e92c";
}

.ccc-plan:before {
  content: "\e92d";
}

.ccc-child:before {
  content: "\e92b";
}

.ccc-cubes:before {
  content: "\e92a";
}

.ccc-home:before {
  content: "\e929";
}

.ccc-font:before {
  content: "\e927";
}

.ccc-horn:before {
  content: "\e928";
}

.ccc-login:before {
  content: "\e926";
}

.ccc-leaf:before {
  content: "\e901";
}

.ccc-user1:before {
  content: "\e902";
}

.ccc-speech-bubble:before {
  content: "\e903";
}

.ccc-edit:before {
  content: "\e904";
}

.ccc-map:before {
  content: "\e905";
}

.ccc-3d-object:before {
  content: "\e906";
}

.ccc-globe:before {
  content: "\e907";
}

.ccc-sitemap:before {
  content: "\e908";
}

.ccc-cog1:before {
  content: "\e909";
}

.ccc-clipboard:before {
  content: "\e90a";
}

.ccc-bell:before {
  content: "\e90b";
}

.ccc-users:before {
  content: "\e90c";
}

.ccc-flag:before {
  content: "\e90d";
}

.ccc-lock:before {
  content: "\e90e";
}

.ccc-binoculars:before {
  content: "\e90f";
}

.ccc-palette:before {
  content: "\e910";
}

.ccc-reading:before {
  content: "\e911";
}

.ccc-envelope:before {
  content: "\e913";
}

.ccc-power:before {
  content: "\e914";
}

.ccc-graph:before {
  content: "\e915";
}

.ccc-tiles:before {
  content: "\e916";
}

.ccc-help:before {
  content: "\e917";
}

.ccc-group:before {
  content: "\e918";
}

.ccc-snow:before {
  content: "\e919";
}

.ccc-face-grin:before {
  content: "\e91a";
}

.ccc-star:before {
  content: "\e91b";
}

.ccc-person-suit:before {
  content: "\e91d";
}

.ccc-file-written:before {
  content: "\e91e";
}

.ccc-book:before {
  content: "\e91f";
}

.ccc-box:before {
  content: "\e920";
}

.ccc-building:before {
  content: "\e921";
}

.ccc-credit-card:before {
  content: "\e922";
}

.ccc-folder-open:before {
  content: "\e923";
}

.ccc-calendar:before {
  content: "\e924";
}

.ccc-file:before {
  content: "\e925";
}

.ccc-ads:before {
  content: "\e900";
}

.input-540 {
  width: 540px;
}
.input-540 + .tox-tinymce {
  width: 540px;
}

.input-parent-540 .ace-file-input {
  width: 540px;
}

input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #989898;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #989898;
}

.btn.btn-disabled:active, .condframe-wrap:has(.widget-box[data-type=membership]) + .condframe-buttons .btn[data-type=membership]:active {
  top: 0;
  left: 0;
}
.btn.btn-widget {
  min-width: 0;
  height: 37px;
  margin-top: 0;
  border-color: transparent !important;
  background-color: transparent !important;
}
.btn.btn-widget:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
.btn.has-error {
  border-color: #f09784 !important;
  background-color: #ffc !important;
  color: #d68273 !important;
}
.btn.has-error:hover {
  border-color: #f09784 !important;
  background-color: #f09784 !important;
  color: #fff !important;
}
.btn.has-error:disabled.btn-normal {
  border-color: #d5dcde !important;
  background-color: #fff !important;
  color: #9e9e9e !important;
}
.btn.has-error:disabled.btn-normal:hover {
  border-color: #d5dcde !important;
  background-color: #fff !important;
  color: #9e9e9e !important;
}

.animate__animated {
  display: block;
}
.animate__animated--forced {
  display: block !important;
}
.animate__animated.animate__animated--inlineblock {
  display: inline-block;
}
.animate__animated.animate__animated--inlineblock--forced {
  display: inline-block !important;
}

body.modal-continuous-open {
  overflow: hidden;
}
body.modal-continuous-open .modal-backdrop-alike {
  display: block;
}
body.modal-continuous-open .modal-backdrop {
  display: none;
}
body.modal-keep {
  overflow: hidden;
}

.modal-backdrop-alike {
  display: none;
  z-index: 1030;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop-alike.in {
  opacity: 0.5;
}

.user-name {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-right: 24px;
}
.user-name span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.headerInfo01:has(.user-name) {
  width: 250px;
}

.ui-jqgrid .ui-jqgrid-sortable:not(.sortenabled) {
  cursor: default;
}

.grid-diagnosis .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_present_table_title], .grid-diagnosis .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_tobe_table_title], .grid-diagnosis .ui-jqgrid tr.jqgrow td:has(.gridcell-inner--title), .grid-diagnosis .ui-jqgrid tr.jqgrow td:has(.list-status-follow),
.grid-poll .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_present_table_title],
.grid-poll .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_tobe_table_title],
.grid-poll .ui-jqgrid tr.jqgrow td:has(.gridcell-inner--title),
.grid-poll .ui-jqgrid tr.jqgrow td:has(.list-status-follow),
.grid-quiz .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_present_table_title],
.grid-quiz .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_tobe_table_title],
.grid-quiz .ui-jqgrid tr.jqgrow td:has(.gridcell-inner--title),
.grid-quiz .ui-jqgrid tr.jqgrow td:has(.list-status-follow),
.grid-urlcontent .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_present_table_title],
.grid-urlcontent .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_tobe_table_title],
.grid-urlcontent .ui-jqgrid tr.jqgrow td:has(.gridcell-inner--title),
.grid-urlcontent .ui-jqgrid tr.jqgrow td:has(.list-status-follow),
.grid-badge .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_present_table_title],
.grid-badge .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_tobe_table_title],
.grid-badge .ui-jqgrid tr.jqgrow td:has(.gridcell-inner--title),
.grid-badge .ui-jqgrid tr.jqgrow td:has(.list-status-follow),
.grid-benefits .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_present_table_title],
.grid-benefits .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_tobe_table_title],
.grid-benefits .ui-jqgrid tr.jqgrow td:has(.gridcell-inner--title),
.grid-benefits .ui-jqgrid tr.jqgrow td:has(.list-status-follow),
.grid-tutorial .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_present_table_title],
.grid-tutorial .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_tobe_table_title],
.grid-tutorial .ui-jqgrid tr.jqgrow td:has(.gridcell-inner--title),
.grid-tutorial .ui-jqgrid tr.jqgrow td:has(.list-status-follow),
.modal-grid-wrap .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_present_table_title],
.modal-grid-wrap .ui-jqgrid tr.jqgrow td[aria-describedby=modal_grid_tobe_table_title],
.modal-grid-wrap .ui-jqgrid tr.jqgrow td:has(.gridcell-inner--title),
.modal-grid-wrap .ui-jqgrid tr.jqgrow td:has(.list-status-follow) {
  white-space: normal;
}

.gridcell-inner--title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.diag-thumb {
  width: auto;
  max-width: 159px;
  height: auto;
  max-height: 54px;
}

.publish-date-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.datetime-line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 7px;
}
.datetime-line.datetime-line--disabled .datetime-line-delimiter {
  color: #9c9c9c;
}

.datetime-line-set {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.datetime-line-set.datetime-line-set--disabled .datetime-line-suffix {
  color: #9c9c9c;
}

.datetime-line-date {
  flex: 0 0 104px;
}

.datetime-line-time {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
}

.datetime-line-suffix,
.datetime-line-delimiter {
  color: #393939;
}

.datetime-line-suffix {
  display: inline-block;
  margin-left: 10px;
}

.datetime-line-delimiter {
  display: inline-block;
  padding: 0 10px 0 0;
}

.answertarget.answertarget--none .answertarget-notset {
  display: block;
}
.answertarget.answertarget--none .answertarget-table {
  display: none;
}
.answertarget.answertarget--none .answertarget-buttons {
  margin-top: 12px !important;
}
.answertarget:not(:has(.answertarget-table)):not(.answertarget--none) .answertarget-buttons {
  margin-top: 0;
}
.answertarget .answertarget-notset {
  display: none;
}

.createpage-table .table {
  width: 100%;
  background-color: #fff;
}
.createpage-table .table.table-540 {
  width: 540px;
}

.answertarget-table.answertarget-table--hidden {
  display: none;
}
.answertarget-table.answertarget-table--hidden + .answertarget-buttons {
  margin-top: 0;
}
.answertarget-table .tablecell--targettype {
  width: 90px;
}
.answertarget-table .tablecell--targetname {
  position: relative;
}
.answertarget-table .tablecell-targetname-inner {
  padding-right: 36px;
}
.answertarget-table .target-closer {
  display: inline-flex;
  position: absolute;
  top: 8px;
  right: 8px;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 0;
  cursor: pointer;
}
.answertarget-table .target-closer.target-closer--disabled {
  opacity: 0.5;
}
.answertarget-table .target-closer:after {
  color: #666;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 900;
  content: "\f00d";
}

.modal-table {
  margin-top: 20px;
}
.modal-table.modal-table--reading .modal-table-indicator .indicator--reading {
  display: inline-flex;
}
.modal-table.modal-table--reading .modal-table-indicator .indicator--finished {
  display: none;
}
.modal-table table {
  margin-bottom: 0;
}

.modal-table--selectdesign .tablecell--check {
  width: 38px;
  text-align: center;
}
.modal-table--selectdesign .tablecell-selectname-inner {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.modal-table--selectdesign .tablecell--thumb {
  width: 160px;
  text-align: center;
}
.modal-table--selectdesign .tablecell--thumb img {
  width: auto;
  max-width: 142px;
  height: auto;
  max-height: 54px;
}
.modal-table--selectdesign .tablecell--amount {
  width: 92px;
}
.modal-table--selectdesign td.tablecell--amount {
  padding-right: 15px;
  text-align: right;
}

.modal-table--membership .tablecell-selectname-inner {
  width: 329px;
}

.modal-table--badge .tablecell-selectname-inner {
  width: 421px;
}

.tablecell-targetname-inner {
  width: 432px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.answertarget-buttons {
  margin-top: 12px;
  font-size: 0;
}
.answertarget-buttons .btn.btn--checked {
  border-color: #518299 !important;
  background-color: #518299 !important;
  color: #fff !important;
}
.answertarget-buttons .btn.btn--checked:hover, .answertarget-buttons .btn.btn--checked.btn-hover, .answertarget-buttons .btn.btn--checked:focus {
  border-color: #375767 !important;
  background-color: #375767 !important;
  color: #fff !important;
}
.answertarget-buttons .btn.btn--checked:disabled, .answertarget-buttons .btn.btn--checked:disabled.btn-hover, .answertarget-buttons .btn.btn--checked:disabled:hover, .answertarget-buttons .btn.btn--checked:disabled:focus, .answertarget-buttons .btn.btn--checked.btn-disabled, .answertarget-buttons .condframe-wrap:has(.widget-box[data-type=membership]) + .condframe-buttons .btn.btn--checked[data-type=membership], .condframe-wrap:has(.widget-box[data-type=membership]) + .condframe-buttons .answertarget-buttons .btn.btn--checked[data-type=membership], .answertarget-buttons .btn.btn--checked.btn-disabled.btn-hover, .answertarget-buttons .btn.btn--checked.btn-disabled:hover, .answertarget-buttons .btn.btn--checked.btn-disabled:focus {
  border-color: #a7c0cc !important;
  background-color: #a7c0cc !important;
  color: #f6f9fa !important;
}
.answertarget-buttons .btn.btn--checked .answertarget-icon:before {
  content: "\f00c";
}
.answertarget-buttons .btn .answertarget-icon {
  margin-top: -2px;
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.answertarget-buttons .btn .answertarget-icon:before {
  content: "\f067";
}
.answertarget-buttons .btn + .btn {
  margin-left: 10px;
}

.modal-table-indicator {
  margin-top: 20px;
  font-size: 0;
  text-align: center;
}
.modal-table-indicator > div {
  height: 20px;
  font-size: 12px;
}

.indicator--reading {
  display: none;
  align-items: center;
  justify-content: center;
}
.indicator--reading .indicator-text {
  margin-left: 10px;
}

.spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.spinner:before {
  width: 16px;
  height: 16px;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  border-top-color: #ffb400;
  border-right-color: #00c896;
  border-bottom-color: #b400ff;
  border-left-color: #ff0000;
  animation: spinner-rotate 0.6s linear infinite;
  content: "";
}

@keyframes spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
.indicator--finished {
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-alike {
  position: relative;
}
.table-alike:has(.tbody-alike:empty) {
  margin-bottom: 0 !important;
}
.table-alike:has(.tbody-alike:empty).table-540 + .table-empty {
  width: 540px;
}
.table-alike:has(.tbody-alike:empty) + .table-empty {
  display: block;
  width: 100%;
}
.table-alike .thead-alike .tr-alike {
  height: 40px;
  background: #f2f2f2;
  background-image: linear-gradient(to bottom, #fcfcfc 0, #ececec 100%);
  background-repeat: repeat-x;
  color: #707070;
  font-weight: normal;
  line-height: 22px;
}
.table-alike .thead-alike .tr-alike.fade {
  transition: opacity 0.5s ease-in-out;
}
.table-alike .thead-alike .tr-alike .th-alike {
  height: 100%;
  border-top: none;
  border-bottom-width: 2px;
  font-weight: bold;
  text-align: left;
}
.table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable {
  position: relative;
  cursor: pointer;
}
.table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable:before, .table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable:after {
  position: absolute;
  right: 4px;
  color: #bbb;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 900;
}
.table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable:after {
  bottom: 11px;
  content: "\f0d8";
}
.table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable:before {
  top: 11px;
  content: "\f0d7";
}
.table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable.th-alike-sortable--asc, .table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable.th-alike-sortable--desc {
  background-image: linear-gradient(to bottom, #EFF3F8 0, #E3E7ED 100%);
  color: #307ecc;
}
.table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable.th-alike-sortable--asc:after {
  color: #307ecc;
}
.table-alike .thead-alike .tr-alike .th-alike.th-alike-sortable.th-alike-sortable--desc:before {
  color: #307ecc;
}
.table-alike .tbody-alike .tr-alike {
  display: flex;
  background-color: #fff;
  transition: background-color 0.15s ease-in-out;
}
.table-alike .tbody-alike .tr-alike.tr-alike--selected {
  background-color: #e4efc9 !important;
}
.table-alike .tbody-alike .tr-alike:last-child .td-alike {
  max-height: 52px;
  border-bottom: none;
}
.table-alike .tbody-alike .tr-alike .td-alike {
  line-height: 18px;
}
.table-alike .tr-alike {
  font-size: 0;
}
.table-alike .th-alike,
.table-alike .td-alike {
  display: inline-block;
  padding: 8px;
  overflow-y: hidden;
  border: 1px solid #ddd;
  border-top: none;
  border-left: none;
  border-right-width: 0;
  font-size: 13px;
  vertical-align: top;
}
.table-alike .th-alike:last-child,
.table-alike .td-alike:last-child {
  border-right: none;
}

.table-striped .tbody-alike .tr-alike:nth-child(odd) {
  background-color: #f3f3f3;
}

.table-bordered .th-alike,
.table-bordered .td-alike {
  border-right-width: 1px !important;
}

.table-hover .tbody-alike .tr-alike:not(.tr-alike--selected):hover {
  background-color: #eff4f7;
}

.table-vm .thead-alike > .tr-alike > .th-alike,
.table-vm .tbody-alike > .tr-alike > .td-alike {
  display: inline-flex;
  align-items: center;
}

.table-empty {
  display: none;
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 13px;
}

.table-alike .th-alike.cell-alike--handle,
.table-alike .td-alike.cell-alike--handle {
  width: 36px;
}
.table-alike .td-alike.cell-alike--handle {
  justify-content: center !important;
  font-size: 16px;
}
.table-alike .td-alike.cell-alike--handle i {
  cursor: move;
}
.table-alike .tbody-alike {
  counter-reset: order;
}
.table-alike .tbody-alike .tr-alike {
  counter-increment: order;
}
.table-alike .tbody-alike .tr-alike .td-alike.cell-alike--order, .table-alike .tbody-alike .tr-alike .td-alike.cell-alike--reorderorder {
  justify-content: flex-end;
}
.table-alike .tbody-alike .tr-alike .td-alike.cell-alike--order:after, .table-alike .tbody-alike .tr-alike .td-alike.cell-alike--reorderorder:after {
  content: counter(order);
}
.table-alike .th-alike.cell-alike--order,
.table-alike .td-alike.cell-alike--order {
  width: 50px;
}
.table-alike .th-alike.cell-alike--reorderorder,
.table-alike .td-alike.cell-alike--reorderorder {
  width: 60px;
}
.table-alike .th-alike.cell-alike--correct,
.table-alike .td-alike.cell-alike--correct {
  justify-content: center;
  width: 76px;
}
.table-alike .th-alike.cell-alike--remove,
.table-alike .td-alike.cell-alike--remove {
  width: 36px;
}
.table-alike .th-alike.cell-alike--reordername,
.table-alike .td-alike.cell-alike--reordername {
  width: calc(100% - 96px);
}
.table-alike .th-alike.cell-alike-flowquestionname,
.table-alike .td-alike.cell-alike-flowquestionname {
  width: calc(100% - 450px);
}
.table-alike .th-alike.cell-alike-transitiontarget, .table-alike .th-alike.cell-alike-transitiondetail,
.table-alike .td-alike.cell-alike-transitiontarget,
.table-alike .td-alike.cell-alike-transitiondetail {
  width: 200px;
}
.table-alike .td-alike.cell-alike--remove {
  justify-content: center;
  font-size: 16px;
}

.table-diagnosiscategory {
  margin-bottom: 0;
}
.table-diagnosiscategory .th-alike.cell-alike--name,
.table-diagnosiscategory .td-alike.cell-alike--name {
  width: calc(100% - 122px);
}

.table-diagnosiscategory--bytype {
  counter-reset: attr-num 0;
}
.table-diagnosiscategory--bytype .tbody-alike .td-alike {
  max-height: none !important;
}
.table-diagnosiscategory--bytype .tbody-alike .td-alike textarea {
  width: 122px;
  min-height: 84px;
  overflow-x: hidden;
  overflow-y: auto;
  resize: vertical;
}
.table-diagnosiscategory--bytype .th-alike.cell-alike--bytypename,
.table-diagnosiscategory--bytype .td-alike.cell-alike--bytypename {
  width: calc(100% - 562px);
}
.table-diagnosiscategory--bytype .th-alike.cell-alike--attribute,
.table-diagnosiscategory--bytype .td-alike.cell-alike--attribute {
  align-items: flex-start !important;
  width: 310px;
}
.table-diagnosiscategory--bytype .th-alike.cell-alike--pointrange,
.table-diagnosiscategory--bytype .td-alike.cell-alike--pointrange {
  flex-direction: column;
  align-items: flex-start !important;
  width: 106px;
}
.table-diagnosiscategory--bytype .th-alike.cell-alike--operate,
.table-diagnosiscategory--bytype .td-alike.cell-alike--operate {
  align-items: center;
  justify-content: center;
  width: 60px;
}
.table-diagnosiscategory--bytype .td-alike.cell-alike--attribute {
  padding: 0;
}
.table-diagnosiscategory--bytype .td-alike.cell-alike--pointrange {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
}

.table-benefits {
  margin-bottom: 0;
}
.table-benefits .th-alike.cell-alike--order,
.table-benefits .td-alike.cell-alike--order {
  width: 50px;
}
.table-benefits .th-alike.cell-alike--filename,
.table-benefits .td-alike.cell-alike--filename {
  width: calc(100% - (36px + 50px + 136px + 36px));
}
.table-benefits .th-alike.cell-alike--image,
.table-benefits .td-alike.cell-alike--image {
  width: 136px;
}
.table-benefits .td-alike.cell-alike--filename .tablecell-filename-inner {
  display: -webkit-box;
  width: 100%;
}
.table-benefits .td-alike.cell-alike--image {
  justify-content: center;
}
.table-benefits .td-alike.cell-alike--image img {
  width: auto;
  max-width: 119px;
  height: auto;
  max-height: 54px;
}
.table-benefits .tbody-alike .tr-alike:last-child .td-alike {
  min-height: 70px;
  max-height: none;
}
.table-benefits .tbody-alike .tr-alike .td-alike {
  min-height: 71px;
}

.table-alike-innertable {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.tr-alike-innertable {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 57px;
  border-bottom: 1px solid #ddd;
  counter-increment: attr-num 1;
}
.tr-alike-innertable + .tr-alike-innertable {
  height: 56px;
  border-bottom: none;
}

.td-alike-innertable {
  display: inline-flex;
  height: 100%;
  padding: 8px;
}
.td-alike-innertable.td-alike-innertable--attrnum {
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ddd;
}
.td-alike-innertable.td-alike-innertable--attrnum:before {
  content: counter(attr-num);
}
.td-alike-innertable.td-alike-innertable--attrtext {
  align-items: center;
  justify-content: flex-start;
}
.td-alike-innertable.td-alike-innertable--attrtext .attrtext-clampbox {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
  display: -webkit-box;
  max-height: 40px;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
  text-overflow: ellipsis;
}

.pointrange-box {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 57px;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
.pointrange-box + .pointrange-box {
  height: 56px;
  border-bottom: none;
}

.table-diagnosiscategory--formitem .th-alike.cell-alike--required,
.table-diagnosiscategory--formitem .td-alike.cell-alike--required {
  width: 90px;
}
.table-diagnosiscategory--formitem .th-alike.cell-alike--name,
.table-diagnosiscategory--formitem .td-alike.cell-alike--name {
  width: calc(100% - 212px);
}

.table-diagnosiscategory--tags .tbody-alike {
  max-height: 233px;
  overflow: auto;
}
.table-diagnosiscategory--tags .th-alike.cell-alike--tagname,
.table-diagnosiscategory--tags .td-alike.cell-alike--tagname {
  width: 326px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-diagnosiscategory--tags .th-alike.cell-alike--usingprojects,
.table-diagnosiscategory--tags .td-alike.cell-alike--usingprojects {
  width: 120px;
}
.table-diagnosiscategory--tags .th-alike.cell-alike--operation,
.table-diagnosiscategory--tags .td-alike.cell-alike--operation {
  width: calc(100% - (326px + 120px));
}
.table-diagnosiscategory--tags .td-alike.cell-alike--tagname span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-diagnosiscategory--tags .td-alike.cell-alike--usingprojects {
  justify-content: flex-end;
  text-align: right;
}

.tr-alike--sortable-ghost {
  opacity: 0.5;
}
.tr-alike--sortable-ghost .td-alike {
  background-color: #ffe4b0;
}

.createpagetable-button, .clearfix:has(> .button-follow), .question-preview-button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 12px;
}
.createpagetable-button .btn-add, .clearfix:has(> .button-follow) .btn-add, .question-preview-button .btn-add, .question-preview-button .btn-question-preview {
  width: 56px;
  min-width: 0;
  margin: 0;
  font-size: 15px;
}
.createpagetable-button .btn-add:has(input[type=file]), .clearfix:has(> .button-follow) .btn-add:has(input[type=file]), .question-preview-button .btn-add:has(input[type=file]), .question-preview-button .btn-question-preview:has(input[type=file]) {
  position: relative;
  overflow: hidden;
}
.createpagetable-button .btn-add input[type=file], .clearfix:has(> .button-follow) .btn-add input[type=file], .question-preview-button .btn-add input[type=file], .question-preview-button .btn-question-preview input[type=file] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  opacity: 0;
}

.button-follow,
.check-follow {
  display: inline-block;
  margin-left: 10px;
  color: #9b9b9b;
  font-size: 11px;
  line-height: 17px;
}
.button-follow.--large,
.check-follow.--large {
  font-size: 14px;
}

.flex-start-center-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.label-small {
  font-size: 10px;
  line-height: normal;
}

.widget-block.widget-block--bytype.widget-block--bytype-likert .hide-onlikert {
  display: none;
}
.widget-block.widget-block--bytype.widget-block--bytype-likert .show-onlikert.show-onlikert--block {
  display: block;
}
.widget-block.widget-block--bytype.widget-block--bytype-likert .show-onlikert.show-onlikert--inline {
  display: inline;
}
.widget-block.widget-block--bytype.widget-block--bytype-likert .table-questionchoice--bytype .th-alike.cell-alike--text,
.widget-block.widget-block--bytype.widget-block--bytype-likert .table-questionchoice--bytype .td-alike.cell-alike--text {
  width: calc(100% - 148px);
  border-right: none;
}
.widget-block.widget-block--bytype.widget-block--bytype-likert .table-questionchoice--bytype .cell-alike--handle,
.widget-block.widget-block--bytype.widget-block--bytype-likert .table-questionchoice--bytype .cell-alike--image,
.widget-block.widget-block--bytype.widget-block--bytype-likert .table-questionchoice--bytype .cell-alike--remove {
  display: none !important;
}
.widget-block.widget-block--bytype .show-onlikert {
  display: none;
}
.widget-block.widget-block--result-bytype .widget-outer:first-child .widget-box {
  margin-top: 0;
}
.widget-block.widget-block--result-bytype .widget-outer:last-child .widget-box {
  margin-bottom: 0;
}
.widget-block.widget-block--flow .widget-block-inner .widget-box:last-child .transitiontarget .transitiontarget-option--next {
  display: none;
}
.widget-block .table-questionchoice--flow.table-questionchoice--noimage .th-alike.cell-alike--text,
.widget-block .table-questionchoice--flow.table-questionchoice--noimage .td-alike.cell-alike--text {
  width: calc(100% - 86px);
}
.widget-block .table-questionchoice--flow .th-alike.cell-alike--text,
.widget-block .table-questionchoice--flow .td-alike.cell-alike--text {
  width: calc(100% - 216px);
}

.widget-block-inner {
  counter-reset: widgetnumber widgetcondnumber;
}

.widget-header.widget-header--lefticon {
  padding-left: 0;
}
.widget-header.widget-header--lefticon .widget-title {
  padding-left: 12px;
}

.widget-title.widget-title--dark {
  color: #393939;
}

.widget-toolbar.widget-toolbar--left {
  float: left;
}
.widget-toolbar.widget-toolbar--left.widget-toolbar--left--norightborder:after {
  display: none;
}
.widget-toolbar.widget-toolbar--left.widget-toolbar--left--norightborder .btn-widget {
  padding-right: 5px !important;
}
.widget-toolbar.widget-toolbar--left:before {
  display: none;
}
.widget-toolbar.widget-toolbar--left:after {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: -1px;
  bottom: 3px;
  border: 1px solid #d9d9d9;
  border-width: 0 0 0 1px;
  content: "";
}
.widget-toolbar.widget-toolbar--left + .widget-toolbar--left .btn-widget {
  padding-left: 5px !important;
}
.widget-toolbar.widget-toolbar--left + .widget-title {
  display: inline-block;
  margin-left: 12px;
}
.widget-toolbar:has(.widget-title-button) {
  padding: 0;
}
.widget-toolbar:has(.widget-title-button) .btn-delete {
  height: 37px !important;
  margin-top: 0;
  border-color: transparent !important;
  background-color: transparent !important;
}
.widget-toolbar:has(.widget-title-button) .btn-delete:hover {
  background-color: #fce8e8 !important;
}
.widget-toolbar:has(.widget-title-button) i.fas, .widget-toolbar:has(.widget-title-button) i.far {
  margin-right: 0;
}
.widget-toolbar:not(.widget-toolbar--left):has(+ .widget-toolbar:not(.widget-toolbar--left)):before {
  display: none;
}

.widget-title-button {
  color: #666;
  cursor: pointer;
}
.widget-title-button:hover {
  color: #666;
}
.widget-title-button:disabled {
  color: #c1c1c1;
  cursor: not-allowed;
}
.widget-title-button:disabled:hover {
  color: #c1c1c1;
}

.widget-ordernum {
  counter-increment: widgetnumber;
}
.widget-ordernum:empty:after {
  content: counter(widgetnumber);
}

.widget-ordernum-cond:empty:after {
  content: counter(widgetcondnumber);
}

.widget-main .form-group:last-child {
  margin-bottom: 0;
}

.createpage-table:has(.table-questionchoice):has(.table-questionchoice--noimage) + .follow-block.questionchoice-image-follow {
  display: none;
}

.table-questionchoice.table-alike .tbody-alike .tr-alike:last-child .td-alike {
  max-height: none;
}
.table-questionchoice.table-questionchoice--quiz .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--quiz .td-alike.cell-alike--text {
  width: calc(100% - 292px);
}
.table-questionchoice.table-questionchoice--quiz.table-questionchoice--noimage .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--quiz.table-questionchoice--noimage .td-alike.cell-alike--text {
  width: calc(100% - 162px);
}
.table-questionchoice.table-questionchoice--quiz.table-questionchoice--draggable .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--quiz.table-questionchoice--draggable .td-alike.cell-alike--text {
  width: calc(100% - 328px);
}
.table-questionchoice.table-questionchoice--quiz.table-questionchoice--draggable.table-questionchoice--noimage .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--quiz.table-questionchoice--draggable.table-questionchoice--noimage .td-alike.cell-alike--text {
  width: calc(100% - 198px);
}
.table-questionchoice.table-questionchoice--draggable .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--draggable .td-alike.cell-alike--text {
  width: calc(100% - 252px);
}
.table-questionchoice.table-questionchoice--draggable.table-questionchoice--noimage .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--draggable.table-questionchoice--noimage .td-alike.cell-alike--text {
  width: calc(100% - 122px);
}
.table-questionchoice.table-questionchoice--hascategory .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--hascategory .td-alike.cell-alike--text {
  width: calc(100% - 450px);
}
.table-questionchoice.table-questionchoice--hascategory.table-questionchoice--noimage .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--hascategory.table-questionchoice--noimage .td-alike.cell-alike--text {
  width: calc(100% - 320px);
}
.table-questionchoice.table-questionchoice--bytype.table-questionchoice--noimage .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--bytype.table-questionchoice--noimage .td-alike.cell-alike--text {
  width: calc(100% - 220px);
}
.table-questionchoice.table-questionchoice--bytype .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--bytype .td-alike.cell-alike--text {
  width: calc(100% - 350px);
}
.table-questionchoice.table-questionchoice--bytype .th-alike.cell-alike--point,
.table-questionchoice.table-questionchoice--bytype .td-alike.cell-alike--point {
  width: 98px;
}
.table-questionchoice.table-questionchoice--bytype .th-alike.cell-alike--point .input-minier,
.table-questionchoice.table-questionchoice--bytype .td-alike.cell-alike--point .input-minier {
  width: 81px;
}
.table-questionchoice.table-questionchoice--bytype .th-alike.cell-alike--point .input-minier input[type=number],
.table-questionchoice.table-questionchoice--bytype .td-alike.cell-alike--point .input-minier input[type=number] {
  width: 57px;
}
.table-questionchoice.table-questionchoice--noimage .cell-alike--image {
  display: none !important;
}
.table-questionchoice.table-questionchoice--noimage .th-alike.cell-alike--text,
.table-questionchoice.table-questionchoice--noimage .td-alike.cell-alike--text {
  width: calc(100% - 164px);
}
.table-questionchoice .th-alike.cell-alike--handle,
.table-questionchoice .td-alike.cell-alike--handle {
  width: 36px;
}
.table-questionchoice .th-alike.cell-alike--order,
.table-questionchoice .td-alike.cell-alike--order {
  width: 50px;
}
.table-questionchoice .th-alike.cell-alike--category,
.table-questionchoice .td-alike.cell-alike--category {
  width: 156px;
}
.table-questionchoice .th-alike.cell-alike--point,
.table-questionchoice .td-alike.cell-alike--point {
  width: 78px;
}
.table-questionchoice .th-alike.cell-alike--image,
.table-questionchoice .td-alike.cell-alike--image {
  width: 130px;
}
.table-questionchoice .th-alike.cell-alike--text,
.table-questionchoice .td-alike.cell-alike--text {
  width: calc(100% - 294px);
}
.table-questionchoice .th-alike.cell-alike--remove,
.table-questionchoice .td-alike.cell-alike--remove {
  width: 36px;
}
.table-questionchoice .td-alike.cell-alike--handle {
  justify-content: center;
  font-size: 16px;
}
.table-questionchoice .td-alike.cell-alike--handle i {
  cursor: move;
}
.table-questionchoice .td-alike.cell-alike--image {
  justify-content: center;
}
.table-questionchoice .td-alike.cell-alike--image label {
  cursor: pointer;
}
.table-questionchoice .td-alike.cell-alike--image label.has-image {
  display: none;
}
.table-questionchoice .td-alike.cell-alike--image input[type=file] {
  display: none;
}
.table-questionchoice .td-alike.cell-alike--image .img-file-display {
  margin-top: 0;
}
.table-questionchoice .td-alike.cell-alike--image .img-file-display .img-file-display-inner .img-file-display-entity img {
  max-width: 102px;
  max-height: 54px;
}
.table-questionchoice .td-alike.cell-alike--text {
  flex-direction: column;
  align-items: flex-start !important;
}
.table-questionchoice .td-alike.cell-alike--text textarea {
  min-height: 54px;
  resize: vertical;
}
.table-questionchoice .tbody-alike {
  counter-reset: category;
}
.table-questionchoice .tbody-alike .tr-alike {
  counter-increment: category;
}
.table-questionchoice .tbody-alike .tr-alike .td-alike.cell-alike--order {
  justify-content: flex-end;
}
.table-questionchoice .tbody-alike .tr-alike .td-alike.cell-alike--order:after {
  content: counter(category);
}

.widget-outer {
  counter-increment: widgetcondnumber;
}
.widget-outer + .widget-outer {
  margin-top: 20px;
}

.widget-add-button-wrap {
  margin-top: 20px;
  text-align: center;
}

.rangedinput-block {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.rangedinput-label {
  padding: 7px 24px 0 0;
  white-space: nowrap;
}

.rangedinput-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.rangedinput-suffix {
  padding: 0 20px;
}

.fixed-wrap {
  margin: 20px 0;
}

.widget-body-closer-block {
  margin-top: 32px;
  text-align: right;
}
.widget-body-closer-block .widget-body-closer {
  font-size: 12px;
  cursor: pointer;
}
.widget-body-closer-block i.fa {
  font-size: 16px;
  vertical-align: middle;
}
.widget-body-closer-block i.fa + span {
  margin-left: 8px;
  vertical-align: middle;
}

.widget-box--category + .widget-box--category {
  margin-top: 40px;
}
.widget-box--category .widget-box--result .widget-header {
  background-color: #f3f3f3;
  background-image: none;
}

.modal-message-head + .slimScrollDiv,
.modal-message-head + .modal-scroll-area {
  margin-top: 20px;
}

.slimScrollDiv + .modal-message-foot,
.modal-scroll-area + .modal-message-foot {
  margin-top: 20px;
}

.modal-scroll-area {
  counter-reset: errorquestion;
}
.modal-scroll-area .error-question {
  counter-increment: errorquestion;
}
.modal-scroll-area .error-question:before {
  content: counter(errorquestion);
}

.clearfix + .clearfix:has(.switch-block:first-child) {
  margin-top: 20px;
}

.switch-block + textarea {
  margin-top: 12px;
}

.tox-tinymce {
  border: 1px solid #d5d5d5;
  border-radius: 0;
}
.tox-tinymce:hover {
  border-color: #b5b5b5;
}
.tox-tinymce.tox-edit-focus {
  border-color: #f59942;
}
.tox-tinymce.tox-edit-focus .tox-edit-area:before {
  border: none;
  opacity: 0;
}
.tox-tinymce .tox-toolbar__group {
  padding: 0 5px 0 6px;
}

.selectize-control {
  font-size: 0;
}
.selectize-control.input-max {
  line-height: 0;
}
.selectize-control.input-max .selectize-input {
  font-size: 13px;
}
.selectize-control.multi .selectize-input {
  padding: 6px 6px 0 6px !important;
  line-height: 0;
}
.selectize-control.multi .selectize-input:not(.has-items) {
  height: 38px;
  padding-top: 7px !important;
}
.selectize-control.multi .selectize-input > .item,
.selectize-control.multi .selectize-input > .item.active {
  max-width: 100%;
  margin-top: 0;
  margin-right: 6px;
  margin-bottom: 6px;
  overflow: hidden;
  background-color: #91b8d0;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  vertical-align: baseline;
  white-space: nowrap;
  cursor: default;
  transition: all 0.2s ease 0s;
}
.selectize-control.multi .selectize-input > .item.item-danger,
.selectize-control.multi .selectize-input > .item.active.item-danger {
  background-color: #d16e6c;
}
.selectize-control.multi .selectize-input > .item a,
.selectize-control.multi .selectize-input > .item.active a {
  border-left: none;
  font-size: 0;
}
.selectize-control.multi .selectize-input > .item a:before,
.selectize-control.multi .selectize-input > .item.active a:before {
  font-family: "Font Awesome 5 Free";
  font-size: 11px;
  font-weight: 900;
  content: "\f00d";
}
.selectize-control.multi .selectize-input > .item a:hover,
.selectize-control.multi .selectize-input > .item.active a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.selectize-control.multi .selectize-input > input[type=text] {
  height: auto;
  margin-top: 1px !important;
  vertical-align: top;
}
.selectize-control .selectize-input {
  padding-top: 3px !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 0;
  box-shadow: none;
}
.selectize-control .selectize-input:hover {
  border-color: #b5b5b5 !important;
}
.selectize-control .selectize-input.focus {
  border-color: #f59942 !important;
}
.selectize-control .selectize-input input[type=text] {
  transition-property: none !important;
}
.selectize-control .selectize-dropdown {
  z-index: 20;
  margin-top: 0;
  border-radius: 0;
  border-color: #aaa;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.selectize-control .selectize-dropdown.selectize-dropdown-top-left, .selectize-control .selectize-dropdown.selectize-dropdown-top-right {
  margin: 0 0 -1px 0;
  border: 1px solid #aaa;
  border-bottom-width: 0;
}
.selectize-control .selectize-dropdown.selectize-dropdown-maxwidth-limited [data-selectable] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .create {
  color: #585858;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .create.active {
  background-color: #316ac5;
  color: #fff;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option.active {
  background-color: #316ac5;
  color: #fff;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option.active .highlight {
  color: #585858;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option.selected {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option .highlight {
  background-color: #ffb752;
}
.selectize-control.attachment_extension .selectize-dropdown-content {
  max-height: 140px;
}

/* 2.0.0 ここから */
.labelled-input-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.labelled-input-wrap label {
  margin-bottom: 0;
}
.labelled-input-wrap label:first-child {
  padding-right: 24px;
}

.spin-custom {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 34px;
  margin-bottom: 0;
  font-size: 0;
}
.spin-custom.input-minier {
  width: 61px;
}
.spin-custom.input-minier input[type=number] {
  width: 37px;
}
.spin-custom.input-mini {
  width: 70px;
}
.spin-custom.input-mini input[type=number] {
  width: 46px;
}
.spin-custom.input-small {
  width: 100px;
}
.spin-custom.input-small input[type=number] {
  width: 76px;
}
.spin-custom:has(input:disabled) {
  cursor: not-allowed;
}
.spin-custom:has(input:disabled) .spin {
  background-color: #e6e6e6;
  color: #aaa;
  pointer-events: none;
}
.spin-custom:has(input:disabled) input[type=number] {
  cursor: not-allowed;
}
.spin-custom .spin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 100%;
  background-color: #ddd;
  color: #393939;
  font-size: 8px;
  font-weight: 900;
  cursor: pointer;
}
.spin-custom .spin:hover {
  background-color: #ccc;
}
.spin-custom .spin:before {
  font-family: "Font Awesome 5 Free";
}
.spin-custom .spin.spin--down:before {
  content: "\f068";
}
.spin-custom .spin.spin--up:before {
  content: "\f067";
}
.spin-custom input {
  height: 100%;
  font-size: 14px;
  text-align: right;
}
.spin-custom input[type=number]::-webkit-inner-spin-button, .spin-custom input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
.spin-custom input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

ul.inline-checkradio {
  margin: 0;
  list-style-type: none;
}
ul.inline-checkradio li {
  display: inline-block;
  padding: 0 20px 12px 0;
}

.inline-display {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.inline-display .inline-lead {
  margin-left: 12px;
  font-size: 11px;
  line-height: 18px;
}

.inline-display--alignindividual {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.inline-display--alignindividual .align-center {
  display: flex;
  align-items: center;
}
.inline-display--alignindividual .align-bottom {
  display: flex;
  align-items: flex-end;
}

.btn--pickr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #e0e4e5;
  background-color: #e0e4e5;
  color: #666;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.btn--pickr:hover {
  border-color: #adbabe;
  background-color: #adbabe;
}
.btn--pickr:has(.pickr) {
  position: relative;
}
.btn--pickr.btn--text-light {
  color: #fff;
}
.btn--pickr.btn--text-dark {
  color: #000;
}
.btn--pickr.btn--pickr-static {
  min-width: 160px;
  padding-right: 18px;
  padding-left: 18px;
  border-radius: 17px;
  cursor: default;
  pointer-events: none;
}
.btn--pickr.btn--pickr-static .btn--pickr-static-triangle {
  margin-bottom: 2px;
  margin-left: 7px;
  transform: rotate(90deg);
  transform-origin: 50% 50%;
  vertical-align: middle;
}
.btn--pickr.btn--pickr-progress {
  height: 32px;
  border: none;
  border-radius: 8px;
  cursor: default;
}
.btn--pickr .pickr {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  opacity: 0;
}
.btn--pickr .pickr .pcr-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}

.pcr-app .pcr-interaction {
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0;
}
.pcr-app .pcr-interaction .pcr-save,
.pcr-app .pcr-interaction .pcr-cancel {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 83px;
  height: 29px;
  margin-right: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 400;
}
.pcr-app .pcr-interaction .pcr-save {
  border: 1px solid #518299 !important;
  background-color: #fff !important;
  color: #3f6678 !important;
}
.pcr-app .pcr-interaction .pcr-save:hover {
  border-color: #518299 !important;
  background-color: #518299 !important;
  color: #fff !important;
}
.pcr-app .pcr-interaction .pcr-cancel {
  background-color: #e0e4e5 !important;
  color: #666 !important;
}
.pcr-app .pcr-interaction .pcr-cancel:hover {
  background-color: #c4ccce !important;
  color: #666 !important;
}
.pcr-app button.pcr-active {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.7));
}

.button-sample-block,
.string-sample-block,
.progress-sample-block {
  position: relative;
}

.button-sample,
.string-sample,
.progress-sample {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.button-sample,
.string-sample {
  width: 250px;
}

.progress-sample {
  width: 320px;
}
.progress-sample.progress-sample--wide {
  width: 380px;
}

.button-sample-lead,
.string-sample-lead,
.progress-sample-lead {
  font-size: 11px;
  line-height: 1.4;
}

.progress-sample-back {
  width: 100%;
  height: 6px;
  margin: 20px 0 0;
  background-color: #e6e4e5;
}

.progress-sample-bar {
  width: 108px;
  height: 6px;
}

.button-sample-wrap {
  margin-top: 10px;
  text-align: center;
}

.progess-sample-button-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 20px;
}
.progess-sample-button-wrap .btn--pickr {
  flex: 0 0 calc((100% - 8px) / 2);
}
.progess-sample-button-wrap .btn--pickr:not(:first-child) {
  margin-left: 8px;
}

.table-resultlinks.table-resultlinks--narrow .th-alike.cell-alike--linkname,
.table-resultlinks.table-resultlinks--narrow .td-alike.cell-alike--linkname {
  width: 120px;
}
.table-resultlinks.table-resultlinks--narrow .th-alike.cell-alike--linkurl,
.table-resultlinks.table-resultlinks--narrow .td-alike.cell-alike--linkurl {
  width: 120px;
}
.table-resultlinks.table-resultlinks--narrow .th-alike.cell-alike--linkeditem,
.table-resultlinks.table-resultlinks--narrow .td-alike.cell-alike--linkeditem {
  width: calc(100% - 362px);
}
.table-resultlinks .th-alike.cell-alike--linkname,
.table-resultlinks .td-alike.cell-alike--linkname {
  width: 170px;
}
.table-resultlinks .th-alike.cell-alike--linkurl,
.table-resultlinks .td-alike.cell-alike--linkurl {
  width: 170px;
}
.table-resultlinks .th-alike.cell-alike--linkeditem,
.table-resultlinks .td-alike.cell-alike--linkeditem {
  width: calc(100% - 462px);
}

.table-explainlinks.table-explainlinks--narrow:has(.cell-alike--condition) .th-alike.cell-alike--linkname,
.table-explainlinks.table-explainlinks--narrow:has(.cell-alike--condition) .td-alike.cell-alike--linkname {
  width: 200px;
}
.table-explainlinks.table-explainlinks--narrow:has(.cell-alike--condition) .th-alike.cell-alike--linkurl,
.table-explainlinks.table-explainlinks--narrow:has(.cell-alike--condition) .td-alike.cell-alike--linkurl {
  width: 200px;
}
.table-explainlinks.table-explainlinks--narrow:has(.cell-alike--condition) .th-alike.cell-alike--condition,
.table-explainlinks.table-explainlinks--narrow:has(.cell-alike--condition) .td-alike.cell-alike--condition {
  width: calc(100% - 522px);
}
.table-explainlinks.table-explainlinks--narrow:not(:has(.cell-alike--condition)) .th-alike.cell-alike--linkname, .table-explainlinks.table-explainlinks--narrow:not(:has(.cell-alike--condition)) .th-alike.cell-alike--linkurl,
.table-explainlinks.table-explainlinks--narrow:not(:has(.cell-alike--condition)) .td-alike.cell-alike--linkname,
.table-explainlinks.table-explainlinks--narrow:not(:has(.cell-alike--condition)) .td-alike.cell-alike--linkurl {
  width: calc((100% - 122px) / 2);
}
.table-explainlinks .th-alike.cell-alike--linkname,
.table-explainlinks .td-alike.cell-alike--linkname {
  width: 230px;
}
.table-explainlinks .th-alike.cell-alike--linkurl,
.table-explainlinks .td-alike.cell-alike--linkurl {
  width: 230px;
}
.table-explainlinks .th-alike.cell-alike--condition,
.table-explainlinks .td-alike.cell-alike--condition {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 582px);
}

.table-resultlinks .td-alike.cell-alike--linkname .cell-inner, .table-resultlinks .td-alike.cell-alike--linkurl .cell-inner, .table-resultlinks .td-alike.cell-alike--linkeditem .cell-inner,
.table-explainlinks .td-alike.cell-alike--linkname .cell-inner,
.table-explainlinks .td-alike.cell-alike--linkurl .cell-inner,
.table-explainlinks .td-alike.cell-alike--linkeditem .cell-inner {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
  display: -webkit-box;
  max-height: 42px;
  overflow: hidden;
  font-size: 13px;
  line-height: 21px;
}
.table-resultlinks .td-alike.cell-alike--linkname .cell-inner--image, .table-resultlinks .td-alike.cell-alike--linkurl .cell-inner--image, .table-resultlinks .td-alike.cell-alike--linkeditem .cell-inner--image,
.table-explainlinks .td-alike.cell-alike--linkname .cell-inner--image,
.table-explainlinks .td-alike.cell-alike--linkurl .cell-inner--image,
.table-explainlinks .td-alike.cell-alike--linkeditem .cell-inner--image {
  max-height: 54px;
}
.table-resultlinks .td-alike.cell-alike--linkname .cell-inner--image img, .table-resultlinks .td-alike.cell-alike--linkurl .cell-inner--image img, .table-resultlinks .td-alike.cell-alike--linkeditem .cell-inner--image img,
.table-explainlinks .td-alike.cell-alike--linkname .cell-inner--image img,
.table-explainlinks .td-alike.cell-alike--linkurl .cell-inner--image img,
.table-explainlinks .td-alike.cell-alike--linkeditem .cell-inner--image img {
  width: auto;
  max-width: 148px;
  height: auto;
  max-height: 54px;
}
.table-resultlinks .result-link-tbody .tr-alike:last-child:has(.cell-inner--image) .td-alike,
.table-explainlinks .result-link-tbody .tr-alike:last-child:has(.cell-inner--image) .td-alike {
  height: 72px;
}
.table-resultlinks .result-link-tbody .tr-alike:last-child .td-alike,
.table-explainlinks .result-link-tbody .tr-alike:last-child .td-alike {
  height: 64px;
  max-height: none;
}
.table-resultlinks .result-link-tbody .tr-alike:has(.cell-inner--image) .td-alike,
.table-explainlinks .result-link-tbody .tr-alike:has(.cell-inner--image) .td-alike {
  height: 73px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.table-resultlinks .result-link-tbody .tr-alike:has(.cell-inner--image) .td-alike:has(.cell-inner--image),
.table-explainlinks .result-link-tbody .tr-alike:has(.cell-inner--image) .td-alike:has(.cell-inner--image) {
  justify-content: center;
}
.table-resultlinks .result-link-tbody .tr-alike .td-alike,
.table-explainlinks .result-link-tbody .tr-alike .td-alike {
  justify-content: flex-start;
  height: 65px;
  max-height: none;
  padding: 11px 9px;
}

.share-url-open {
  display: inline-block;
  font-size: 20px;
  text-decoration: none;
  vertical-align: middle;
}
.share-url-open:hover {
  text-decoration: none;
}

.share-url-copy {
  display: inline-block;
  color: #35ba99;
  font-size: 20px;
  text-decoration: none;
  vertical-align: middle;
}
.share-url-copy:hover {
  color: #25836c;
  text-decoration: none;
}

.qr-code-url {
  display: inline-block;
}

.show-share-qr-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  font-size: 0;
  vertical-align: middle;
}
.show-share-qr-icon .qr-code-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjQxNSAyLjQySDUuOTJ2My41MUgyLjQxNXpNMi40MTUgMTQuMDdINS45MnYzLjUxSDIuNDE1ek0xNC4wOSAyLjQyaDMuNTA1djMuNTFIMTQuMDl6TTE2LjY3IDkuOTc1djEuN2gxLjY3NXYzLjM0aDEuNjV2LTUuMDR6IiBmaWxsPSIjNTU1Ij48L3BhdGg+PHBhdGggZD0iTTEzLjM1NSAxNi42NzVWMTVoMy4zMjV2LTMuM0gxNVY4LjM0NWg1VjBoLTguMzI1djEuNjlIOC4zNFYwSDB2MTBoMS42NVY4LjM0NUg1djMuMjhIMy4zMTVWMTBIMS42NnYxLjYwNUgwVjIwaDguMzR2LTguMzI1aDMuMzR2MS42NjVIMTB2My4zMmgzLjM1djEuNjY1SDEwVjIwaDV2LTEuNjc1aDEuNjdWMjBIMjB2LTMuMzI1ek0xMCAzLjM0NWguMDM1VjVoMS42NDV2MS42NzVIOC4zNHYtMy4zM3pNNy4yNiAxOC45MkgxLjF2LTYuMTg1aDYuMTZ6bTAtMTEuNjU1SDEuMVYxLjA4aDYuMTZ6TTExLjcwNSAxMEg4LjMxVjguMzQ1aDMuNHptMS4wNi04LjkyaDYuMTd2Ni4xODVoLTYuMTd6IiBmaWxsPSIjNTU1Ij48L3BhdGg+PC9zdmc+);
}

.share-url-dummy {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

.share-url-replace {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  color: #e17821;
  font-size: 20px;
  text-decoration: none;
  vertical-align: middle;
}
.share-url-replace:hover {
  color: #b25f1b;
  text-decoration: none;
}

.modal-show-qr[aria-hidden=false] {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.modal-show-qr .modal-dialog {
  width: auto !important;
  margin: 0;
  padding: 0;
}
.modal-show-qr .modal-content {
  width: auto;
  border: none;
  background-color: transparent;
}

/* 2.0.0 ここまで */
/* 3.0.0 ここから */
.bytype-comboitem {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.bytype-comboitem + .bytype-comboitem {
  margin-top: 4px;
}

.bytype-comboitem-separator {
  padding: 0 10px;
}

.bytype-comboitem-title,
.bytype-comboitem-value {
  white-space: nowrap;
}

.bytype-comboitem-title--attribute + .bytype-comboitem-value {
  white-space: normal;
}

/* 3.0.0 ここまで */
/* 3.1.0 ここから */
.header-date {
  font-size: 14px;
}

.log-block .widget-box + .widget-box {
  margin-top: 20px;
}

.summary-widget .widget-header {
  min-height: 0;
  padding: 10px 0 0 0;
}
.summary-widget .widget-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.summary-widget .summary-box {
  width: 100%;
  padding: 10px 20px 20px;
}
.summary-widget .summary-box .summary-title {
  font-size: 16px;
  line-height: 20px;
}
.summary-widget .summary-box .summary-value {
  margin-top: 12px;
  font-size: 26px;
  line-height: 39px;
  text-align: center;
  white-space: nowrap;
}
.summary-widget .summary-box + .summary-box {
  border-left: 1px solid #e4e4e4;
}

.graph-widget .widget-header {
  min-height: 0;
  padding: 0;
}
.graph-widget .widget-inner {
  padding: 20px;
}

.graph-title {
  font-size: 16px;
  line-height: 24px;
}

.graph-title-sub {
  margin-left: 16px;
  font-size: 12px;
}

.graph-body {
  width: 100%;
}
.graph-body:has(.graph-item-entity--radar) {
  margin-top: 20px;
  padding: 0 40px 0 30px;
}
.graph-body:has(.graph-item-entity--bar) {
  padding: 0;
}
.graph-body > .graph-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.graph-body > .graph-item:has(.graph-item-entity--radar) {
  display: flex;
  flex-direction: row;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--donut {
  width: 242px !important;
  height: 242px !important;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--bar {
  width: 100%;
  min-height: 152px;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--bar + .graph-legends .graph-legend-item:nth-child(-n+2) {
  margin-top: 0;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--bar + .graph-legends .graph-legend-item:nth-child(odd) {
  padding: 0 50px 0 0;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--bar + .graph-legends .graph-legend-item:nth-child(even) {
  padding: 0 0 0 50px;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--bar + .graph-legends .graph-legend-text {
  width: calc(100% - 75px);
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--bar + .graph-legends .graph-legend-value {
  width: 75px;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--radar {
  flex: 0 0 calc(100% - 440px);
  width: calc(100% - 440px);
  min-height: 350px;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--radar + .graph-legends {
  display: block;
  flex: 0 0 440px;
  width: 440px;
  padding-left: 50px;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--radar + .graph-legends .graph-legend-item {
  width: 100%;
  padding: 0;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--radar + .graph-legends .graph-legend-item:first-child {
  margin-top: 0;
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--radar + .graph-legends .graph-legend-text {
  width: calc(100% - 75px);
}
.graph-body > .graph-item .graph-item-entity.graph-item-entity--radar + .graph-legends .graph-legend-value {
  width: 75px;
}
.graph-body > .graph-item .graph-legends {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.graph-body > .graph-item .graph-legends .graph-legend-item {
  flex: 0 0 50%;
  width: 50%;
  margin-top: 12px;
  padding: 0 20px;
}
.graph-body > .graph-item .graph-legends .graph-legend-item .graph-legend-chip.graph-legend-chip--1 {
  background-color: #ff7081;
}
.graph-body > .graph-item .graph-legends .graph-legend-item .graph-legend-chip.graph-legend-chip--2 {
  background-color: #3598e3;
}
.graph-body > .graph-item .graph-legends .graph-legend-item .graph-legend-chip.graph-legend-chip--3 {
  background-color: #39da99;
}
.graph-body > .graph-item .graph-legends .graph-legend-item .graph-legend-chip.graph-legend-chip--4 {
  background-color: #ff944d;
}
.graph-body > .graph-item .graph-legends .graph-legend-item .graph-legend-chip.graph-legend-chip--5 {
  background-color: #c1e553;
}
.graph-body > .graph-item .graph-legends .graph-legend-item .graph-legend-chip.graph-legend-chip--6 {
  background-color: #ffb41e;
}
.graph-body > .graph-item .graph-legends .graph-legend-item .graph-legend-chip.graph-legend-chip--7 {
  background-color: #ab87e2;
}
.graph-body > .graph-item .graph-legends .graph-legend-item .graph-legend-chip.graph-legend-chip--8 {
  background-color: #f7df6a;
}

.graph-body-line {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.graph-body-line + .graph-body-line {
  margin-top: 40px;
}
.graph-body-line .graph-item {
  display: flex;
  flex: 0 0 50%;
  align-items: flex-start;
  justify-content: flex-start;
  width: 50%;
}
.graph-body-line .graph-item:nth-child(1) {
  padding-right: 16px;
}
.graph-body-line .graph-item:nth-child(2) {
  padding-left: 16px;
}
.graph-body-line .graph-item .graph-item-entity {
  flex: 0 0 138px;
  width: 138px;
  height: 138px;
}
.graph-body-line .graph-item .graph-item-data {
  flex: 0 0 calc(100% - 138px);
  width: 138px;
  padding-left: 20px;
}
.graph-body-line .graph-item .graph-item-data .graph-item-text {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
  display: -webkit-box;
  height: 40px;
  margin-bottom: 12px;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item {
  margin-top: 8px;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--1 {
  background-color: #ff944d;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--2 {
  background-color: #c1e553;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--3 {
  background-color: #35b1b1;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--4 {
  background-color: #ff7081;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--5 {
  background-color: #007b90;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--6 {
  background-color: #ffb41e;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--7 {
  background-color: #ab87e2;
}
.graph-body-line .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--8 {
  background-color: #35b1b1;
}
.graph-body-line.graph-body-line--category .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--1 {
  background-color: #ab87e2;
}
.graph-body-line.graph-body-line--category .graph-item .graph-item-data .graph-legend-item .graph-legend-chip.graph-legend-chip--2 {
  background-color: #ffb41e;
}

.graph-legend-item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.graph-legend-item.graph-legend-item--correct {
  color: #fa2455;
  font-weight: 700;
}

.graph-legend-chip {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
}

.graph-legend-text,
.graph-legend-value {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
}

.graph-legend-text {
  width: calc(100% - 172px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.graph-legend-value {
  width: 150px;
  text-align: right;
}

.log-pie-title,
.log-radar-title {
  max-width: 220px;
  overflow: hidden;
  font-size: 10px;
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.log-pie-chip {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 3px;
  border-radius: 50%;
  background-color: #999;
  vertical-align: 0;
}

g[role=tooltip]:has(.log-pie-chip[style="background-color:#ff7081;"]) > g[stroke] {
  stroke: #ff7081 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#3598e3;"]) > g[stroke] {
  stroke: #3598e3 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#39da99;"]) > g[stroke] {
  stroke: #39da99 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#ff944d;"]) > g[stroke] {
  stroke: #ff944d !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#c1e553;"]) > g[stroke] {
  stroke: #c1e553 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#ffb41e;"]) > g[stroke] {
  stroke: #ffb41e !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#ab87e2;"]) > g[stroke] {
  stroke: #ab87e2 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#f7df6a;"]) > g[stroke] {
  stroke: #f7df6a !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#ff944d;"]) > g[stroke] {
  stroke: #ff944d !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#c1e553;"]) > g[stroke] {
  stroke: #c1e553 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#35b1b1;"]) > g[stroke] {
  stroke: #35b1b1 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#ff7081;"]) > g[stroke] {
  stroke: #ff7081 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#007b90;"]) > g[stroke] {
  stroke: #007b90 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#ffb41e;"]) > g[stroke] {
  stroke: #ffb41e !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#ab87e2;"]) > g[stroke] {
  stroke: #ab87e2 !important;
}
g[role=tooltip]:has(.log-pie-chip[style="background-color:#35b1b1;"]) > g[stroke] {
  stroke: #35b1b1 !important;
}
g[role=tooltip]:has(.log-radar-title) > g[stroke] {
  stroke: #3598e3 !important;
}

.log-pie-body,
.log-radar-body {
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
}

/* 3.1.0 ここまで */
/* 4.0.1 ここから */
.spaced-error {
  height: 60px;
  padding-top: 12px;
  text-align: center;
}
.spaced-error.spaced-error--message-show .spaced-error-message {
  display: inline-block;
}
.spaced-error .spaced-error-message {
  display: none;
  max-width: 470px;
  font-size: 11px;
  line-height: 18px;
  text-align: left;
}

.main-submitter .btn-disabled, .main-submitter .condframe-wrap:has(.widget-box[data-type=membership]) + .condframe-buttons .btn[data-type=membership], .condframe-wrap:has(.widget-box[data-type=membership]) + .condframe-buttons .main-submitter .btn[data-type=membership] {
  pointer-events: none !important;
}

/* 4.0.1 ここまで */
/* 5.2.0 ここから */
.sp-top-image-preview img {
  width: auto;
  max-width: 121px;
  height: auto;
  max-height: 80px;
}

/* 5.2.0 ここまで */
/* 5.3.0 ここから */
.clone-spacer {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 8px;
}

/* 5.3.0 ここまで */
/* 5.4.0 ここから */
/* まとまった入力項目で、ラベルが左に付いていて、サイズを揃える必要がある場合 */
.table-cluster {
  margin-bottom: 0;
}
.table-cluster label {
  white-space: nowrap;
}
.table-cluster tr:not(:first-child) td {
  padding-top: 20px !important;
}
.table-cluster td {
  padding: 0 !important;
  border-top: none !important;
}
.table-cluster td:has(label):not(.vertical-top) {
  vertical-align: middle !important;
}
.table-cluster td:has(label).vertical-top {
  vertical-align: top !important;
}
.table-cluster td:not(:has(label)) {
  width: 100%;
}
.table-cluster td.top-label {
  padding-top: 7px !important;
}

.list-status-follow {
  margin-top: 4px;
  color: #989898;
  font-size: 11px;
  line-height: 16px;
}

.header-search.input-group .btn:first-child {
  margin-right: 8px;
}
.header-search:not(:has(input[type=text])) + .btn-group {
  margin-left: 0;
}

.input-x-xlarge {
  width: 400px;
  max-width: 100%;
}

.well-replace-url-present,
.well-replace-url-tobe {
  min-height: 60px;
}

.selectize-control.input-max {
  font-size: 0;
  line-height: 0;
}
.selectize-control.input-max .selectize-input {
  font-size: 13px;
}
.selectize-control.plugin-remove_button .item .remove {
  padding-block: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}

.content-description {
  height: 104px;
  resize: none;
}

/* 5.4.0 ここまで */
/* 5.7.0 ここから */
.result-title-panel-wrap {
  width: 100%;
  height: 56px;
}

.result-title-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 10px 20px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
}

.result-title {
  color: #868686;
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
}

.result-operation {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.result-openclose {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.result-openclose-label {
  margin-right: 12px;
  color: #393939;
  font-size: 13px;
  line-height: 20px;
}
.result-openclose-label + .btn-openclose {
  margin-right: 10px;
}

.btn-openclose {
  width: 78px !important;
  min-width: 0;
  margin-right: 40px;
}

.widget-box:has(.widget-main) .widget-fixed-body {
  padding: 12px 12px 0;
}
.widget-box:has(.widget-main.thick) .widget-fixed-body {
  padding: 20px 20px 0;
}
.widget-box:has(.widget-fixed-body).collapsed .widget-header {
  border-bottom-width: 1px;
}
.widget-box.widget-box--question + .widget-box--question {
  margin-top: 20px;
}

.widget-fixed-body {
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  background-color: #fff;
}
.widget-fixed-body:has(.form-group) {
  padding-bottom: 20px !important;
}
.widget-fixed-body:has(.form-group) .form-group:last-child {
  margin-bottom: 0;
}
.widget-fixed-body + .widget-body .widget-main {
  padding-top: 0;
}

.table-bytype-attrcombo thead th,
.table-bytype-attrcombo thead td,
.table-bytype-attrcombo tbody th,
.table-bytype-attrcombo tbody td {
  width: 50%;
}

.modal-main:has(.table-bytype-result) {
  height: calc(100vh - 237px);
  overflow: auto;
}

.table-bytype-result thead th {
  z-index: 1;
  position: sticky;
  top: 0;
  background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  background-repeat: repeat-x;
}
.table-bytype-result thead th:before, .table-bytype-result thead th:after {
  position: absolute;
  right: 0;
  left: 0;
  background-color: #ddd;
  content: "";
}
.table-bytype-result thead th:before {
  top: -1px;
  height: 1px;
}
.table-bytype-result thead th:after {
  bottom: -1px;
  height: 2px;
}
.table-bytype-result tbody td {
  vertical-align: middle !important;
}
.table-bytype-result tbody td.cell-number {
  text-align: center;
}
.table-bytype-result tbody td.cell-attr-text {
  font-size: 12px;
  line-height: 18px;
}
.table-bytype-result tbody td.cell-attr-text .cell-attr-text-inner {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
  display: -webkit-box;
  max-height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-bytype-result tbody td.cell-attr-number {
  padding-right: 0;
  padding-left: 0;
  font-size: 12px;
  text-align: center;
}
.table-bytype-result .cell-number {
  width: 54px;
}
.table-bytype-result .cell-attr-number {
  width: 26px;
}

.result-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 55px;
  border: 1px solid #dcdcdc;
  border-bottom-width: 0;
  background-color: #eff3f8;
}
.widget-block + .result-pagination {
  border-top: none;
  border-bottom-width: 1px;
}

.result-pagination-pages {
  flex: 0 0 165px;
  font-size: 13px;
}

.result-pagination-pages {
  padding-right: 20px;
  text-align: right;
}

.result-pagination-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.page-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 4px;
  padding-top: 1px;
  transform-origin: 50% 50%;
  border-radius: 50%;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.page-icon:first-child {
  margin-left: 0;
}
.page-icon:last-child {
  margin-right: 0;
}
.page-icon.page-icon--first, .page-icon.page-icon--prev, .page-icon.page-icon--next, .page-icon.page-icon--last {
  width: 20px;
  height: 20px;
  padding-top: 0;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  color: #afafaf;
  font-size: 16px;
  font-weight: 900;
}
.page-icon.page-icon--first:hover, .page-icon.page-icon--prev:hover, .page-icon.page-icon--next:hover, .page-icon.page-icon--last:hover {
  border-color: #699ab5;
}
.page-icon.page-icon--first:after, .page-icon.page-icon--prev:after, .page-icon.page-icon--next:after, .page-icon.page-icon--last:after {
  font-family: "Font Awesome 5 Free";
}
.page-icon.page-icon--first:after {
  content: "\f100";
}
.page-icon.page-icon--prev:after {
  content: "\f104";
}
.page-icon.page-icon--next:after {
  content: "\f105";
}
.page-icon.page-icon--last:after {
  content: "\f101";
}
.page-icon.page-icon--number {
  color: #518299;
  font-size: 13px;
}
.page-icon.page-icon--number:hover {
  background-color: #dce6eb;
}
.page-icon.page-icon--number.page-icon--current {
  background-color: #518299;
  color: #fff;
  font-weight: 700;
  cursor: default;
}
.page-icon.page-icon--number.page-icon--current:hover {
  background-color: #518299;
}
.page-icon.page-icon--disabled {
  border-color: #ccc;
  background-color: #e0e0e0;
  color: #bfbfbf;
  cursor: not-allowed;
}
.page-icon.page-icon--disabled:hover {
  border-color: #ccc;
  background-color: #e0e0e0;
  color: #bfbfbf;
}

.question-preview-button {
  margin-top: 0;
}
.question-preview-button .btn-question-preview {
  width: auto;
  font-size: 14px;
}

.question-preview-wrap {
  margin-top: 20px;
  padding: 40px 20px 30px;
  border: 1px solid #ccc;
}
.question-preview-wrap.question-preview-wrap--poll .question-choices--single .question-choice-text {
  font-size: 18px !important;
}
.question-preview-wrap.question-preview-wrap--poll .question-choices--single .question-choice-image {
  flex: 0 0 120px;
}
.question-preview-wrap.question-preview-wrap--poll .question-choices--single .question-choice-image img {
  max-width: 120px !important;
  max-height: 190px !important;
}
.question-preview-wrap.question-preview-wrap--poll .question-choice {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px !important;
}
.question-preview-wrap.question-preview-wrap--poll .question-choice-text {
  margin-top: 0 !important;
  font-size: 16px !important;
  text-align: left !important;
}
.question-preview-wrap.question-preview-wrap--poll .question-choice-radio {
  padding: 0 10px 0 14px;
}
.question-preview-wrap.question-preview-wrap--poll .question-choice-image {
  flex: 0 0 100px;
}
.question-preview-wrap.question-preview-wrap--poll .question-choice-image img {
  max-width: 100px !important;
  max-height: 190px !important;
}

.question-title {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
}

.question-image {
  margin-top: 15px;
  text-align: center;
}
.question-image img {
  width: auto;
  max-width: 589px;
  height: auto;
  max-height: 211px;
}

.question-choices {
  margin-top: 20px;
}
.question-choices.question-choices--single .question-choice-row {
  flex-direction: column;
}
.question-choices.question-choices--single .question-choice-row .question-choice {
  flex: 0 0 100%;
}
.question-choices.question-choices--single .question-choice-row .question-choice + .question-choice {
  margin-top: 30px;
  margin-left: 0;
}
.question-choices.question-choices--single .question-choice-row .question-choice-image img {
  max-width: 543px;
}
.question-choices .question-choice-row {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.question-choices .question-choice-row + .question-choice-row {
  margin-top: 30px;
}
.question-choices .question-choice-row .question-choice {
  flex: 0 0 280px;
  padding: 20px;
  border: 3px solid #535353;
  border-radius: 5px;
  background-color: #518299;
  text-align: center;
}
.question-choices .question-choice-row .question-choice + .question-choice {
  margin-left: 29px;
}
.question-choices .question-choice-row .question-choice-image img {
  width: auto;
  max-width: 234px;
  height: auto;
  max-height: 170px;
}
.question-choices .question-choice-row .question-choice-text {
  margin-top: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}

.question-separator {
  margin-top: 44px;
  margin-bottom: 0;
  border-top-color: #dcdcdc;
}

/* 5.7.0 ここまで */
/* 5.8.0 ここから */
.footerlink-area {
  counter-reset: footerlink;
}

.footerlink-item {
  counter-increment: footerlink;
}

.footerlink-count:after {
  content: counter(footerlink);
}

.footerlink-namewrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 540px;
}

.footerlink-nameblock {
  width: 100%;
}

.footerlink-remove.btn {
  border-color: transparent !important;
  background-color: transparent !important;
}
.footerlink-remove.btn:hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
.footerlink-remove.btn:disabled {
  visibility: hidden;
  pointer-events: none;
}
.footerlink-remove i {
  margin-right: 0 !important;
}

.wholesite-colorlabel {
  flex: 0 0 120px;
}

/* 5.8.0 ここまで */
/* 6.2.0 ここから */
.form-group--category.has-error .table-diagnosiscategory .tbody-alike .tr-alike.has-error {
  position: relative;
}
.form-group--category.has-error .table-diagnosiscategory .tbody-alike .tr-alike.has-error:before, .form-group--category.has-error .table-diagnosiscategory .tbody-alike .tr-alike.has-error:after {
  display: inline-block;
  position: absolute;
  right: -1px;
  left: -1px;
  height: 1px;
  content: "";
}
.form-group--category.has-error .table-diagnosiscategory .tbody-alike .tr-alike.has-error:before {
  top: -1px;
  border-top: 1px solid #d68273;
}
.form-group--category.has-error .table-diagnosiscategory .tbody-alike .tr-alike.has-error:after {
  bottom: -1px;
  border-bottom: 1px solid #d68273;
}
.form-group--category.has-error .table-diagnosiscategory .tbody-alike .tr-alike.has-error .td-alike:first-child:before {
  display: inline-block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 1px;
  border-left: 1px solid #d68273;
  content: "";
}
.form-group--category.has-error .table-diagnosiscategory .tbody-alike .tr-alike.has-error .td-alike:last-child:after {
  display: inline-block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: 1px;
  border-right: 1px solid #d68273;
  background-color: #d68273;
  content: "";
}

/* 6.2.0 ここまで */
/* 6.4.0 ここから */
.table-menureorder {
  margin-bottom: 0;
}
.table-menureorder .th-alike.cell-alike--menuorder,
.table-menureorder .td-alike.cell-alike--menuorder {
  width: 56px;
}
.table-menureorder .th-alike.cell-alike--menuname,
.table-menureorder .td-alike.cell-alike--menuname {
  width: calc(100% - (36px + 56px));
}
.table-menureorder .td-alike.cell-alike--menuorder {
  justify-content: flex-end;
}

.tbody-menureorder {
  counter-reset: menuorder;
}
.tbody-menureorder .tr-alike {
  counter-increment: menuorder !important;
}

.menuorder:after {
  content: counter(menuorder);
}

/* 6.4.0 ここまで */
/* 6.6.0 ここから */
.getcondition-referrer::-moz-placeholder {
  font-size: 13px;
}
.getcondition-referrer::placeholder {
  font-size: 13px;
}

.cond-wrap:has(.widget-outer:nth-child(2)) .orcond-alertblock {
  display: block;
}
.cond-wrap:has(.condframe-wrap:not(:empty)) .condnone-block {
  display: none;
}

.condnone-block {
  margin-bottom: 12px;
}

.orcond-alertblock {
  display: none;
  width: 580px;
}

.condframe-wrap {
  width: 580px;
}
.condframe-wrap:not(:empty) + .condframe-buttons {
  margin-top: 12px;
}
.condframe-buttons {
  font-size: 0;
}
.condframe-buttons .btn + .btn {
  margin-left: 10px;
}

.table-headergradient .widget-body .table thead:first-child tr {
  background: #f2f2f2;
  background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  background-repeat: repeat-x;
}

.benefitscondition-table {
  counter-reset: condbadge;
}
.benefitscondition-table:has(.tbody-alike .tr-alike) .condnone-block--table {
  display: none;
}
.benefitscondition-table .table {
  margin-bottom: 12px;
}
.benefitscondition-table .table-alike .tbody-alike .tr-alike {
  counter-increment: condbadge;
}
.benefitscondition-table .table-alike .tbody-alike .tr-alike:last-child .td-alike {
  max-height: none;
}
.benefitscondition-table .tablecell--condname {
  width: calc(100% - 41px);
}
.benefitscondition-table .tablecell--condname .tablecell-condname-inner {
  width: 478px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.benefitscondition-table .tablecell--condunlink {
  width: 41px;
}

.condnone-block--table {
  margin-top: 12px;
  font-size: 13px;
  line-height: 20px;
}

.cond-unlinker {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: none;
  background-color: transparent;
  font-family: "Font Awesome 5 Free";
  font-size: 18px;
  cursor: pointer;
}
.cond-unlinker:before {
  font-weight: 900;
  content: "\f127";
}
.cond-unlinker:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.widget-main:has(.tbody-alike .tr-alike:nth-child(2)) .badge-quantity-wrap {
  display: block;
}

.badge-quantity-wrap {
  display: none;
}

.form-group.has-error .help-block--cond-none,
.form-group.has-error .help-block--cond-quantity {
  display: none;
}
.form-group.has-error--notspecified label:not(.no-error) {
  color: #d68273;
}
.form-group.has-error--notspecified .widget-box:not(.has-error) .help-block {
  display: none;
}
.form-group.has-error--notspecified .widget-box.has-error label {
  color: #d68273;
}
.form-group.has-error--notspecified .widget-box.has-error input {
  border-color: #f09784 !important;
  background-color: #ffc !important;
  box-shadow: none;
  color: #d68273 !important;
}
.form-group.has-error--notspecified .widget-box.has-error input:focus {
  border-color: #DB8978 !important;
  color: #866 !important;
}
.form-group.has-error--notspecified .widget-box.has-error input:focus + [class*="fas fa-"],
.form-group.has-error--notspecified .widget-box.has-error input:focus + [class*="far fa-"] {
  color: #d68273 !important;
}
.form-group.has-error--notspecified .widget-box.has-error input:disabled {
  border-color: #ccc !important;
  background-color: #eee !important;
  color: #848484 !important;
}
.form-group.has-error--notspecified .widget-box.has-error .help-block--cond-none {
  display: block;
  margin-top: 5px;
  color: #d68273;
}
.form-group.has-error--notspecified .widget-box.has-error .help-block--cond-none:empty {
  margin-top: 0;
}
.form-group.has-error--quantity label:not(.no-error) {
  color: #d68273;
}
.form-group.has-error--quantity .widget-box:not(.has-error) .help-block {
  display: none;
}
.form-group.has-error--quantity .widget-box.has-error label {
  color: #d68273;
}
.form-group.has-error--quantity .widget-box.has-error input {
  border-color: #f09784 !important;
  background-color: #ffc !important;
  box-shadow: none;
  color: #d68273 !important;
}
.form-group.has-error--quantity .widget-box.has-error input:focus {
  border-color: #DB8978 !important;
  color: #866 !important;
}
.form-group.has-error--quantity .widget-box.has-error input:focus + [class*="fas fa-"],
.form-group.has-error--quantity .widget-box.has-error input:focus + [class*="far fa-"] {
  color: #d68273 !important;
}
.form-group.has-error--quantity .widget-box.has-error input:disabled {
  border-color: #ccc !important;
  background-color: #eee !important;
  color: #848484 !important;
}
.form-group.has-error--quantity .widget-box.has-error .help-block--cond-quantity {
  display: block;
  margin-top: 5px;
  color: #d68273;
}
.form-group.has-error--quantity .widget-box.has-error .help-block--cond-quantity:empty {
  margin-top: 0;
}

.badge-quantity-line {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 20px;
}

.quantity-line-center {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.quantity-line-center label:not(.spin-custom) {
  margin-bottom: 0;
  padding-right: 10px;
  font-size: 13px;
}

.quantity-suffix {
  display: inline-block;
  margin-left: 8px;
  font-size: 13px;
}

.quantity-suffix-pop:after {
  content: counter(condbadge);
}

.quantity-follow {
  margin-left: 20px;
  color: #9b9b9b;
  font-size: 11px;
}

.help-block--cond-none,
.help-block--benefitsimage {
  margin-left: 66px;
}

.help-block--cond-quantity {
  margin-left: 178px;
}

/* 6.5.0 ここまで */
/* 6.6.0 ここまで */
.add-image-input {
  display: none !important;
}

.form-group:has(.textarea-wrap.has-error) > label:not(.no-error) {
  color: #d68273;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error label:not(.no-error) {
  color: #d68273;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error textarea:not(.no-error) {
  border-color: #f09784;
  background-color: #ffc !important;
  box-shadow: none;
  color: #d68273;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error textarea:not(.no-error):focus {
  border-color: #DB8978;
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
  color: #866;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error textarea:not(.no-error):focus + [class*="fas fa-"],
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error textarea:not(.no-error):focus + [class*="far fa-"] {
  color: #d68273;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error textarea:not(.no-error):disabled {
  border-color: #ccc !important;
  background-color: #eee !important;
  color: #848484 !important;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error textarea.no-error {
  border-color: #d5d5d5;
  color: #858585;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error textarea.no-error:focus {
  border-color: #f59942;
  color: #696969;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error .help-block {
  display: block;
  margin-top: 5px;
}
.form-group:has(.textarea-wrap.has-error) .textarea-wrap.has-error .help-block:empty {
  margin-top: 0;
}

.textarea-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 540px;
}
.textarea-wrap.textarea-wrap--wide {
  width: 100%;
}
.textarea-wrap.textarea-wrap--wide .textarea-label {
  flex: 0 0 96px;
}
.textarea-wrap.textarea-wrap--wide .textarea-block {
  flex: 0 0 calc(100% - 96px);
}
.textarea-wrap.textarea-wrap--wide .textarea-block textarea {
  min-height: 108px;
}
.textarea-wrap .textarea-label {
  flex: 0 0 72px;
}
.textarea-wrap .textarea-block {
  flex: 0 0 calc(100% - 72px);
}
.textarea-wrap .textarea-block textarea {
  min-height: 174px;
}

.benefits-ticket-cond-wrap {
  margin-top: 11px;
}

.benefits-reset-cond-line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.benefits-reset-cond-line > *:not(:first-child) {
  margin-left: 12px;
}

.benefits-reset-cond-suffix {
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-start;
  height: 34px;
  margin-bottom: 0;
}

.benefits-reset-cond-follow {
  color: #9b9b9b;
  font-size: 11px;
  line-height: 17px;
}

.select-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.select-block > label {
  margin-right: 12px;
  margin-bottom: 0;
  white-space: nowrap;
}
.select-block select {
  width: 100%;
}

.reorder-badges-list {
  margin-top: 12px;
}
.reorder-badges-list .table {
  width: 100%;
}

/* 6.6.0 ここまで */
/* 7.0.0 ここから */
.services-wrap {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.service-item {
  display: inline-flex;
  flex: 0 0 280px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 18px 20px;
  border: 1px solid #c5d0dc;
  background-color: #fff;
}

.service-item-title {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
  color: #393939;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}

.service-item-button {
  margin-top: 20px;
}

/* 7.0.0 ここまで */
/* 7.1.0 ここから */
.widget-box.widget-box--question .widget-header {
  box-sizing: border-box;
  height: 40px;
  font-size: 0;
}
.widget-box.widget-box--question .widget-header .widget-title {
  display: inline-block;
  max-width: calc(100% - 35px);
  padding-right: 12px;
  overflow: hidden;
  line-height: 38px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-box.widget-box--question .widget-header .widget-toolbar {
  font-size: 14px;
  line-height: 38px;
}

.section-title-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0 10px;
}
.section-title-block > * {
  margin-top: 0;
  margin-bottom: 0;
}
#modal_question_list .modal-body {
  max-height: calc(100dvh - 200px);
  overflow-x: none;
  overflow-y: auto;
}

.question-list {
  counter-reset: questions;
}

.question-item {
  counter-increment: questions;
}
.question-item + .question-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e3e3e3;
}

.question-item-inner {
  padding: 16px;
  border-radius: 8px;
  background-color: #f5f6f9;
}

.question-item-number {
  color: #555;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}
.question-item-number:before {
  content: attr(data-prefix) counter(questions);
}
.question-item-number:after {
  content: attr(data-suffix);
}

.question-item-title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 16px;
  font-size: 14px;
  line-height: 17px;
}

.question-item-title-prefix {
  margin-right: 6px;
  font-weight: 700;
  white-space: nowrap;
}

.question-item-answers {
  gap: 6px 8px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  counter-reset: answers;
}

.question-item-answer {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  max-width: calc(100% - 8px);
  height: 20px;
  padding: 0 8px;
  border-radius: 2px;
  background-color: #666;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  counter-increment: answers;
}
.question-item-answer:before {
  white-space: nowrap;
  content: counter(answers) ". ";
}
.question-item-answer .question-item-answer-inner {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 7.1.0 ここまで */
/* 8.0.0 ここから */
.grid-tutorial tr[role=row] {
  height: 53px;
}

.qr-code-lead {
  width: 300px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
}

.qr-code-copy {
  display: block;
  width: 300px;
  max-width: none;
  margin-top: 20px;
}

.widget-box--slide .widget-main.has-error .help-block {
  display: block;
  color: #d68273;
}
.widget-box--slide .widget-main.has-error .tinymce-textarea + .tox-tinymce,
.widget-box--slide .widget-main.has-error .tinymce-footerlink-textarea + .tox-tinymce {
  border-color: #f09784;
}
.widget-box--slide .widget-main.has-error .tinymce-textarea + .tox-tinymce.tox-edit-focus,
.widget-box--slide .widget-main.has-error .tinymce-footerlink-textarea + .tox-tinymce.tox-edit-focus {
  border-color: #DB8978;
}
.widget-box--slide .widget-main:not(.has-error) .help-block {
  display: none;
}

/* 8.0.0 ここまで */
/* 9.0.0 ここから */
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:first-child) .add-publickey-second-wrap {
  display: block;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:nth-child(2)):has(.widget-block--publickey .widget-outer.remove-target:first-child) .modal-confirm-remove-publickey .publickey-old {
  display: none;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:nth-child(2)):has(.widget-block--publickey .widget-outer.remove-target:nth-child(2)) .modal-confirm-remove-publickey .publickey-new {
  display: none;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:nth-child(2)) .widget-block--publickey > .widget-outer:first-child .publickey-new {
  display: inline;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:nth-child(2)) .widget-block--publickey > .widget-outer:nth-child(2) .publickey-old {
  display: inline;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:nth-child(2)) .widget-block--publickey > .widget-outer:nth-child(2) .publickey-limit-block {
  display: flex;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:nth-child(2)) .widget-block--publickey > .widget-outer:nth-child(2) .publickey-limit-block + .publickey-name-block {
  margin-top: 20px;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:nth-child(2)) .modal-confirm-remove-publickey .publickey-single {
  display: none;
}
body.jwt-auth:has(.widget-block--publickey):not(:has(.widget-block--publickey .widget-outer:nth-child(2))) .modal-add-publickey .publickey-notsingle {
  display: none;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer.remove-target:first-child):not(:has(.widget-block--publickey .widget-outer:nth-child(2))) .modal-confirm-remove-publickey .publickey-old,
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer.remove-target:first-child):not(:has(.widget-block--publickey .widget-outer:nth-child(2))) .modal-confirm-remove-publickey .publickey-new {
  display: none;
}
body.jwt-auth:has(.widget-block--publickey):has(.widget-block--publickey .widget-outer:nth-child(2) .expired) .modal-confirm-remove-publickey .publickey-expired {
  display: none;
}
body.jwt-auth .add-publickey-second-wrap {
  display: none;
}
body.jwt-auth .widget-block--publickey .publickey-new,
body.jwt-auth .widget-block--publickey .publickey-old {
  display: none;
}
body.jwt-auth .widget-block--publickey .publickey-limit-block {
  display: none;
}

.publickey-limit-block {
  align-items: center;
  justify-content: space-between;
}

.publickey-limit-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.publickey-limit-date.expired > *:not(.publickey-limit-date-revert) {
  color: #e9141c;
}
.publickey-limit-date.expired .publickey-limit-date-expired {
  display: inline;
}
.publickey-limit-date.expired .publickey-limit-date-change {
  display: none !important;
}

.publickey-limit-date-body {
  margin-left: 20px;
}
.publickey-limit-date-body.changed + .publickey-limit-date-change {
  display: inline-block;
}
.publickey-limit-date-body.changed ~ .publickey-limit-date-revert {
  display: inline-block;
}

.publickey-limit-date-change,
.publickey-limit-date-expired {
  display: none;
}

.publickey-limit-date-revert {
  display: none;
  margin-left: 4px;
}

.publickey-revert-button {
  color: #666;
}

.publickey-limit-extend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.publickey-limit-extend-title {
  margin: 0 12px;
}

.publickey-comment-block {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.publickey-comment-title {
  padding-right: 20px;
  white-space: nowrap;
}

.publickey-comment-body {
  width: 100%;
}

.publickey-removeconfirm-block {
  margin-top: 20px;
}

.publickey-removeconfirm {
  margin-right: 8px !important;
}

/* 9.0.0 ここまで */
/* 9.1.0 ここから */
.copy-form-line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.copy-form-line > .btn {
  min-width: auto;
  margin-left: 10px;
}

/* 9.1.0 ここまで */
/* 10.1.0 ここから */
.center.center--column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.center.center--column .btn {
  min-width: 220px;
}
.center.center--column .btn + .btn {
  margin-top: 20px;
}

.login-message {
  width: 270px;
  margin: 0 auto;
}

.login-mfa-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.login-mfa-line {
  display: flex;
  align-items: center;
  justify-content: center;
}

input[type=text].input-mfa {
  width: 36px;
  height: 48px;
  padding: 11px 0;
  border-radius: 4px !important;
  font-size: 24px;
  text-align: center;
}
input[type=text].input-mfa + .input-mfa {
  margin-left: 8px;
}

.input-mfa-separator {
  padding: 0 8px;
}

.login-mfa-resend.disabled {
  color: #989898;
}

.login-message-mfa-period.login-message-mfa-period--expired {
  color: #e53636;
}

.upload-content-list {
  padding: 0 0 0 16px;
}

.upload-content-list-block {
  padding: 4px 8px 4px 16px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
}
.upload-content-list-block > dl:first-child dt,
.upload-content-list-block > dl:first-child dd {
  padding-top: 8px;
}
.upload-content-list-block > dl:last-child, .upload-content-list-block > dl:last-child dl {
  margin-bottom: 0;
}
.upload-content-list-block > dl:last-child dt,
.upload-content-list-block > dl:last-child dd {
  padding-bottom: 8px;
}
.upload-content-list-block dl {
  display: flex;
  margin: 0;
  font-size: 0;
}
.upload-content-list-block dl:last-child {
  margin-bottom: 0;
}
.upload-content-list-block dl.noline dd {
  border-left-color: transparent;
}
.upload-content-list-block dl dt,
.upload-content-list-block dl dd {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.upload-content-list-block dl dt {
  width: 150px;
  padding: 4px 0 4px;
  font-weight: normal;
}
.upload-content-list-block dl dd {
  width: calc(100% - 150px);
  padding: 4px 0 4px 20px;
  border-left: 1px solid #ccc;
}
.upload-content-list-block dl dd.has-extra-button {
  padding-top: 6px;
  padding-bottom: 6px;
}
.upload-content-list-block dl dd.has-extra-button + .btn {
  display: inline-block;
  padding-right: 0;
  padding-left: 0;
}
.upload-content-list-block dl .btn {
  height: 34px;
  margin-top: 6px;
  line-height: 22px;
}

/* 10.1.0 ここまで */
.page-header:after, .tooltip.tooltip--shiftright:after, .tooltip.tooltip--shiftleft:after, .clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/*header custom setting*/
* {
  word-break: break-all;
}

body {
  /*line-height: 1.5;*/
  min-width: 1000px; /*管理画面の最小対象ウィンドウサイズ*/
  min-height: 100%;
  padding-bottom: 0;
  background-color: #f9f9f9;
  color: #393939;
  font-family: "Hiragino Sans", "メイリオ", "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  font-size: 14px; /* =14px */
  font-size: 1.4rem; /* =14px */
  line-height: 20px; /* baseline =20px */
  line-height: 2rem; /* baseline =20px */
}
body.is-preview {
  min-width: 800px;
}
body.navbar-fixed {
  padding-top: 0px;
}
body.modal-open, body.modal-opening {
  margin-right: 0;
  overflow: hidden;
}
body.cbox-open, body.blockui-open {
  overflow: hidden;
}
body:not(.login-layout):not(.mce-content-body) {
  padding-top: 56px;
}
@media (max-device-width: 800px) {
  body {
    min-width: inherit;
  }
}

a.disabled {
  pointer-events: none;
}

/*---------
baseline setting
--------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1.1;
}

/* grid offset ported from bootstrap 3.3.7 */
.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
/* カラムの 5 等分 */
.col-div5 {
  position: relative;
  width: 20%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
  float: left;
}

.font-narrow-95 {
  zoom: 95%;
  display: inline-block;
  transform: scaleY(1.0526315789);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-narrow-90 {
  zoom: 90%;
  display: inline-block;
  transform: scaleY(1.1111111111);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-narrow-85 {
  zoom: 85%;
  display: inline-block;
  transform: scaleY(1.1764705882);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-narrow-80 {
  zoom: 80%;
  display: inline-block;
  transform: scaleY(1.25);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-narrow-75 {
  zoom: 75%;
  display: inline-block;
  transform: scaleY(1.3333333333);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-narrow-70 {
  zoom: 70%;
  display: inline-block;
  transform: scaleY(1.4285714286);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-narrow-65 {
  zoom: 65%;
  display: inline-block;
  transform: scaleY(1.5384615385);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-narrow-60 {
  zoom: 60%;
  display: inline-block;
  transform: scaleY(1.6666666667);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-110 {
  zoom: 110%;
  display: inline-block;
  transform: scaleY(0.9090909091);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-120 {
  zoom: 120%;
  display: inline-block;
  transform: scaleY(0.8333333333);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-130 {
  zoom: 130%;
  display: inline-block;
  transform: scaleY(0.7692307692);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-140 {
  zoom: 140%;
  display: inline-block;
  transform: scaleY(0.7142857143);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-150 {
  zoom: 150%;
  display: inline-block;
  transform: scaleY(0.6666666667);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-160 {
  zoom: 160%;
  display: inline-block;
  transform: scaleY(0.625);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-170 {
  zoom: 170%;
  display: inline-block;
  transform: scaleY(0.5882352941);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-180 {
  zoom: 180%;
  display: inline-block;
  transform: scaleY(0.5555555556);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-190 {
  zoom: 190%;
  display: inline-block;
  transform: scaleY(0.5263157895);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

.font-wide-200 {
  zoom: 200%;
  display: inline-block;
  transform: scaleY(0.5);
  transform-origin: left top;
  line-height: 1lh;
  white-space: nowrap;
}

/*---------
header colorpattern
--------*/
.labadminlayout .navbar .navbar-brand {
  width: 80px;
  margin-left: 0;
  padding: 12px 24px;
}
.labadminlayout .navbar .navbar-brand .navbar-brand-inner {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../images/_sprite_common_images.png);
  background-position: 63.539445629% 20.625%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 832.8125% 600%;
}
.labadminlayout .navbar .navbar-brand .navbar-brand-inner:after {
  display: block;
  padding-top: 100%;
  content: "";
}

body:not(.labadminlayout) .navbar-button {
  width: 60px;
  padding: 0 4px 0 16px;
}
body:not(.labadminlayout) .navbar-button + .navbar-button {
  padding: 0 16px 0 4px;
}

/*---------
helper class custom settings
--------*/
.date-picker.form-control[readonly] {
  cursor: pointer;
}

.ace-file-input .file-label:before {
  transition: border-color 0.15s;
}
.ace-file-input .file-label:hover [class*="fas fa-"],
.ace-file-input .file-label:hover [class*="far fa-"] {
  border-color: transparent;
}
.ace-file-input .file-label:hover:before {
  border-color: #ffe0c1;
}
.ace-file-input .file-label .file-name i {
  margin-right: 5px;
}

.input-icon.input-icon-right {
  display: inline-block;
}
.input-icon.input-icon-right > input {
  line-height: 20px;
}
.input-icon.input-icon-right > input.larger-placeholder {
  width: 240px;
}
.input-icon.input-icon-right > input.xlarger-placeholder {
  width: 300px;
}

.font0 {
  font-size: 0;
}
.font0--forced {
  font-size: 0 !important;
}

.input-max {
  width: 100%;
}

.input-300 {
  width: 300px;
}

.input-320 {
  width: 320px;
}

.input-xxtqlarge {
  width: 400px;
}
.input-xxtqlarge + i + .dropdown-navbar {
  width: 380px;
}

.input-after-radio {
  vertical-align: 2px;
}
.input-after-radio + .input-suffix {
  display: inline-block;
  margin-left: 6px;
  vertical-align: 2px;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.no-padding-side {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-right {
  margin-right: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.no-margin-left {
  margin-left: 0;
}

.no-text-input {
  padding-top: 4px;
}

.padding_contents_custom_50 {
  padding-left: 50px;
}

.inline-block {
  display: inline-block;
}
.inline-block--forced {
  display: inline-block !important;
}

.valign-top {
  vertical-align: top;
}

.valign-middle {
  vertical-align: middle;
}

.text-align-forced.text-left {
  text-align: left !important;
}
.text-align-forced.text-right {
  text-align: right !important;
}
.text-align-forced.text-center {
  text-align: center !important;
}

[class*=space-] {
  display: block;
  clear: both;
}
[class*=space-].no-clear {
  clear: none;
}

.strong {
  font-weight: 700;
}

.small {
  font-size: 85%;
}

.underline {
  text-decoration: underline;
}

.disabled > label {
  color: #a0a0a0;
  cursor: not-allowed;
}
.disabled > .form-group label {
  color: #a0a0a0;
  cursor: not-allowed;
}
.disabled > .form-group label .requiredTag,
.disabled > .form-group label .not-requiredTag {
  color: #fff;
  opacity: 0.7;
}

label.disabled {
  color: #a0a0a0;
  cursor: not-allowed;
}

.label-sm {
  font-size: 12px;
}

.label.label-draft {
  background-color: #0090e6 !important;
}
.label.label-draft.arrowed:before {
  border-right-color: #0090e6;
}

.label.label-info {
  background-color: #0090e6 !important;
}
.label.label-info.arrowed:before {
  border-right-color: #0090e6 !important;
}
.label.label-info.arrowed-in:before {
  border-color: #0090e6 !important;
  border-left-color: transparent !important;
}
.label.label-info.arrowed-right:after {
  border-left-color: #0090e6 !important;
}
.label.label-info.arrowed-in-right:after {
  border-color: #0090e6 !important;
  border-right-color: transparent !important;
}
.label.label-success {
  background-color: #5abc5a !important;
}
.label.label-success.arrowed:before {
  border-right-color: #5abc5a !important;
}
.label.label-success.arrowed-in:before {
  border-color: #5abc5a !important;
  border-left-color: transparent !important;
}
.label.label-success.arrowed-right:after {
  border-left-color: #5abc5a !important;
}
.label.label-success.arrowed-in-right:after {
  border-color: #5abc5a !important;
  border-right-color: transparent !important;
}
.label.label-warning {
  background-color: #f5bc34 !important;
}
.label.label-warning.arrowed:before {
  border-right-color: #f5bc34 !important;
}
.label.label-warning.arrowed-in:before {
  border-color: #f5bc34 !important;
  border-left-color: transparent !important;
}
.label.label-warning.arrowed-right:after {
  border-left-color: #f5bc34 !important;
}
.label.label-warning.arrowed-in-right:after {
  border-color: #f5bc34 !important;
  border-right-color: transparent !important;
}
.label.label-danger {
  background-color: #e84d4d !important;
}
.label.label-danger.arrowed:before {
  border-right-color: #e84d4d !important;
}
.label.label-danger.arrowed-in:before {
  border-color: #e84d4d !important;
  border-left-color: transparent !important;
}
.label.label-danger.arrowed-right:after {
  border-left-color: #e84d4d !important;
}
.label.label-danger.arrowed-in-right:after {
  border-color: #e84d4d !important;
  border-right-color: transparent !important;
}

.label-rightside {
  margin-top: 4px;
}

.label {
  padding: 3px 7px 3px;
}
.label.arrowed {
  padding: 4px 7px 2px;
}
.label.arrowed + .text-after-arrow {
  display: inline-block;
  height: 18px;
  vertical-align: middle;
}
.label > span,
.label > [class*="fas fa-"],
.label > [class*="far fa-"] {
  vertical-align: -1px;
}

/* サイドバーの構成変更 */
.main-container {
  min-height: calc(100vh - 56px);
}

.main-container-inner {
  display: flex;
  min-height: calc(100vh - 56px);
  overflow: hidden;
  font-size: 0;
}
.main-container-inner .sidebar,
.main-container-inner .main-content {
  display: inline-block;
  min-height: calc(100vh - 56px);
  font-size: 14px;
  vertical-align: top;
}

.main-content {
  z-index: 1;
  position: relative;
  margin-left: 0 !important;
}

.sidebar {
  z-index: 2;
  position: fixed;
  top: 56px;
  left: 0;
  width: 215px;
  height: calc(100vh - 56px) !important;
  padding-top: 16px;
  float: none !important;
  border-width: 0 1px 0 0 !important;
  border-color: #dfe5eb;
  background-color: #f5f6f9;
}
.sidebar:before {
  position: absolute;
  width: 215px;
}
.sidebar.menu-min {
  width: 49px;
}
.sidebar.menu-min:before {
  width: 49px;
}
.sidebar.menu-min + .main-content {
  width: 100vw;
  margin-left: 0;
  padding-left: 49px;
}
.sidebar.menu-min .sidebar-collapse {
  width: 48px;
}
.sidebar.menu-min .sidebar-collapse > [class^="fas fa-"],
.sidebar.menu-min .sidebar-collapse > [class^="far fa-"] {
  transform: scale(-1, 1);
  transform-origin: center;
}
.sidebar + .main-content {
  width: 100vw;
  margin-left: 0;
  padding-left: 215px;
}

.sidebar-collapse {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 214px;
  height: 36px;
  padding: 0;
  border-bottom: none;
  background-color: #fff;
}
@media only screen and (max-height: 600px) {
  .sidebar-collapse {
    position: relative;
    width: 100%;
    margin-top: 16px;
  }
}
.sidebar-collapse:before {
  display: none;
}
.sidebar-collapse > [class^="fas fa-"],
.sidebar-collapse > [class^="far fa-"] {
  display: inline-flex !important;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 36px;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #44485b;
  transition: transform 0.4s ease-in-out;
}
.sidebar-collapse > [class^="fas fa-"]:hover,
.sidebar-collapse > [class^="far fa-"]:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

hr.darker {
  border-color: #ccc;
}

/* utilities */
/* space */
.space-40 {
  min-height: 1px;
  max-height: 1px;
  margin: 40px 0 39px;
  clear: both;
  overflow: hidden;
}

.space-39 {
  min-height: 1px;
  max-height: 1px;
  margin: 39px 0 38px;
  clear: both;
  overflow: hidden;
}

.space-38 {
  min-height: 1px;
  max-height: 1px;
  margin: 38px 0 37px;
  clear: both;
  overflow: hidden;
}

.space-37 {
  min-height: 1px;
  max-height: 1px;
  margin: 37px 0 36px;
  clear: both;
  overflow: hidden;
}

.space-36 {
  min-height: 1px;
  max-height: 1px;
  margin: 36px 0 35px;
  clear: both;
  overflow: hidden;
}

.space-35 {
  min-height: 1px;
  max-height: 1px;
  margin: 35px 0 34px;
  clear: both;
  overflow: hidden;
}

.space-34 {
  min-height: 1px;
  max-height: 1px;
  margin: 34px 0 33px;
  clear: both;
  overflow: hidden;
}

.space-33 {
  min-height: 1px;
  max-height: 1px;
  margin: 33px 0 32px;
  clear: both;
  overflow: hidden;
}

.space-32 {
  min-height: 1px;
  max-height: 1px;
  margin: 32px 0 31px;
  clear: both;
  overflow: hidden;
}

.space-31 {
  min-height: 1px;
  max-height: 1px;
  margin: 31px 0 30px;
  clear: both;
  overflow: hidden;
}

.space-30 {
  min-height: 1px;
  max-height: 1px;
  margin: 30px 0 29px;
  clear: both;
  overflow: hidden;
}

.space-29 {
  min-height: 1px;
  max-height: 1px;
  margin: 29px 0 28px;
  clear: both;
  overflow: hidden;
}

.space-28 {
  min-height: 1px;
  max-height: 1px;
  margin: 28px 0 27px;
  clear: both;
  overflow: hidden;
}

.space-27 {
  min-height: 1px;
  max-height: 1px;
  margin: 27px 0 26px;
  clear: both;
  overflow: hidden;
}

.space-26 {
  min-height: 1px;
  max-height: 1px;
  margin: 26px 0 25px;
  clear: both;
  overflow: hidden;
}

.space-25 {
  min-height: 1px;
  max-height: 1px;
  margin: 25px 0 24px;
  clear: both;
  overflow: hidden;
}

.space-24 {
  min-height: 1px;
  max-height: 1px;
  margin: 24px 0 23px;
  clear: both;
  overflow: hidden;
}

.space-23 {
  min-height: 1px;
  max-height: 1px;
  margin: 23px 0 22px;
  clear: both;
  overflow: hidden;
}

.space-22 {
  min-height: 1px;
  max-height: 1px;
  margin: 22px 0 21px;
  clear: both;
  overflow: hidden;
}

.space-21 {
  min-height: 1px;
  max-height: 1px;
  margin: 21px 0 20px;
  clear: both;
  overflow: hidden;
}

.space-20 {
  min-height: 1px;
  max-height: 1px;
  margin: 20px 0 19px;
  clear: both;
  overflow: hidden;
}

.space-19 {
  min-height: 1px;
  max-height: 1px;
  margin: 19px 0 18px;
  clear: both;
  overflow: hidden;
}

.space-18 {
  min-height: 1px;
  max-height: 1px;
  margin: 18px 0 17px;
  clear: both;
  overflow: hidden;
}

.space-17 {
  min-height: 1px;
  max-height: 1px;
  margin: 17px 0 16px;
  clear: both;
  overflow: hidden;
}

.space-16 {
  min-height: 1px;
  max-height: 1px;
  margin: 16px 0 15px;
  clear: both;
  overflow: hidden;
}

.space-15 {
  min-height: 1px;
  max-height: 1px;
  margin: 15px 0 14px;
  clear: both;
  overflow: hidden;
}

.space-14 {
  min-height: 1px;
  max-height: 1px;
  margin: 14px 0 13px;
  clear: both;
  overflow: hidden;
}

.space-13 {
  min-height: 1px;
  max-height: 1px;
  margin: 13px 0 12px;
  clear: both;
  overflow: hidden;
}

.space-12 {
  min-height: 1px;
  max-height: 1px;
  margin: 12px 0 11px;
  clear: both;
  overflow: hidden;
}

.space-11 {
  min-height: 1px;
  max-height: 1px;
  margin: 11px 0 10px;
  clear: both;
  overflow: hidden;
}

.space-10 {
  min-height: 1px;
  max-height: 1px;
  margin: 10px 0 9px;
  clear: both;
  overflow: hidden;
}

.space-9 {
  min-height: 1px;
  max-height: 1px;
  margin: 9px 0 8px;
  clear: both;
  overflow: hidden;
}

.space-8 {
  min-height: 1px;
  max-height: 1px;
  margin: 8px 0 7px;
  clear: both;
  overflow: hidden;
}

.space-7 {
  min-height: 1px;
  max-height: 1px;
  margin: 7px 0 6px;
  clear: both;
  overflow: hidden;
}

.space-6 {
  min-height: 1px;
  max-height: 1px;
  margin: 6px 0 5px;
  clear: both;
  overflow: hidden;
}

.space-5 {
  min-height: 1px;
  max-height: 1px;
  margin: 5px 0 4px;
  clear: both;
  overflow: hidden;
}

.space-4 {
  min-height: 1px;
  max-height: 1px;
  margin: 4px 0 3px;
  clear: both;
  overflow: hidden;
}

.space-3 {
  min-height: 1px;
  max-height: 1px;
  margin: 3px 0 2px;
  clear: both;
  overflow: hidden;
}

.space-2 {
  min-height: 1px;
  max-height: 1px;
  margin: 2px 0 1px;
  clear: both;
  overflow: hidden;
}

.space-1 {
  min-height: 1px;
  max-height: 1px;
  margin: 1px 0 0px;
  clear: both;
  overflow: hidden;
}

/* hr */
.hr, .hr-1,
.hr1, .hr-2,
.hr2, .hr-3,
.hr3, .hr-4,
.hr4, .hr-5,
.hr5, .hr-6,
.hr6, .hr-7,
.hr7, .hr-8,
.hr8, .hr-9,
.hr9, .hr-10,
.hr10, .hr-11,
.hr11, .hr-12,
.hr12, .hr-13,
.hr13, .hr-14,
.hr14, .hr-15,
.hr15, .hr-16,
.hr16, .hr-17,
.hr17, .hr-18,
.hr18, .hr-19,
.hr19, .hr-20,
.hr20, .hr-21,
.hr21, .hr-22,
.hr22, .hr-23,
.hr23, .hr-24,
.hr24, .hr-25,
.hr25, .hr-26,
.hr26, .hr-27,
.hr27, .hr-28,
.hr28, .hr-29,
.hr29, .hr-30,
.hr30, .hr-31,
.hr31, .hr-32,
.hr32, .hr-33,
.hr33, .hr-34,
.hr34, .hr-35,
.hr35, .hr-36,
.hr36, .hr-37,
.hr37, .hr-38,
.hr38, .hr-39,
.hr39, .hr-40,
.hr40 {
  display: block;
  height: 0px;
  margin: 12px 0;
  overflow: hidden;
  border-top: 1px solid #e3e3e3;
  font-size: 0;
}

.hr-double {
  height: 3px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.hr-40,
.hr40 {
  margin: 40px 0;
}

.hr-39,
.hr39 {
  margin: 39px 0;
}

.hr-38,
.hr38 {
  margin: 38px 0;
}

.hr-37,
.hr37 {
  margin: 37px 0;
}

.hr-36,
.hr36 {
  margin: 36px 0;
}

.hr-35,
.hr35 {
  margin: 35px 0;
}

.hr-34,
.hr34 {
  margin: 34px 0;
}

.hr-33,
.hr33 {
  margin: 33px 0;
}

.hr-32,
.hr32 {
  margin: 32px 0;
}

.hr-31,
.hr31 {
  margin: 31px 0;
}

.hr-30,
.hr30 {
  margin: 30px 0;
}

.hr-29,
.hr29 {
  margin: 29px 0;
}

.hr-28,
.hr28 {
  margin: 28px 0;
}

.hr-27,
.hr27 {
  margin: 27px 0;
}

.hr-26,
.hr26 {
  margin: 26px 0;
}

.hr-25,
.hr25 {
  margin: 25px 0;
}

.hr-24,
.hr24 {
  margin: 24px 0;
}

.hr-23,
.hr23 {
  margin: 23px 0;
}

.hr-22,
.hr22 {
  margin: 22px 0;
}

.hr-21,
.hr21 {
  margin: 21px 0;
}

.hr-20,
.hr20 {
  margin: 20px 0;
}

.hr-19,
.hr19 {
  margin: 19px 0;
}

.hr-18,
.hr18 {
  margin: 18px 0;
}

.hr-17,
.hr17 {
  margin: 17px 0;
}

.hr-16,
.hr16 {
  margin: 16px 0;
}

.hr-15,
.hr15 {
  margin: 15px 0;
}

.hr-14,
.hr14 {
  margin: 14px 0;
}

.hr-13,
.hr13 {
  margin: 13px 0;
}

.hr-12,
.hr12 {
  margin: 12px 0;
}

.hr-11,
.hr11 {
  margin: 11px 0;
}

.hr-10,
.hr10 {
  margin: 10px 0;
}

.hr-9,
.hr9 {
  margin: 9px 0;
}

.hr-8,
.hr8 {
  margin: 8px 0;
}

.hr-7,
.hr7 {
  margin: 7px 0;
}

.hr-6,
.hr6 {
  margin: 6px 0;
}

.hr-5,
.hr5 {
  margin: 5px 0;
}

.hr-4,
.hr4 {
  margin: 4px 0;
}

.hr-3,
.hr3 {
  margin: 3px 0;
}

.hr-2,
.hr2 {
  margin: 2px 0;
}

.hr-1,
.hr1 {
  margin: 1px 0;
}

/*---------
tooltip settings
--------*/
.tooltip {
  display: inline-block;
  z-index: 1050;
  width: -moz-max-content;
  width: max-content;
  max-width: inherit;
}
.tooltip.tooltip-align-left .tooltip-inner {
  text-align: left;
}
.tooltip.tooltip-auto {
  width: auto !important;
}
.tooltip.tooltip-auto .tooltip-inner {
  max-width: none;
}
.tooltip.tooltip-width250 {
  width: 250px !important;
}
.tooltip.tooltip-width250 .tooltip-inner {
  max-width: none;
}
.tooltip.tooltip-maxwidth300 {
  width: auto !important;
}
.tooltip.tooltip-maxwidth300 .tooltip-inner {
  max-width: 300px;
}
.tooltip.tooltip--overtox {
  z-index: 1305;
}
.tooltip {
  /* error tooltip */
}
.tooltip.tooltip-error > .tooltip-inner {
  border-radius: 0;
  background-color: #e84d4d;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(100, 60, 20, 0.3);
}
.tooltip.tooltip-error.top .tooltip-arrow {
  border-top-color: #e84d4d;
}
.tooltip.tooltip-error.right .tooltip-arrow {
  border-right-color: #e84d4d;
}
.tooltip.tooltip-error.bottom .tooltip-arrow {
  border-bottom-color: #e84d4d;
}
.tooltip.tooltip-error.left .tooltip-arrow {
  border-left-color: #e84d4d;
}
.tooltip {
  /* success tooltip */
}
.tooltip.tooltip-success > .tooltip-inner {
  border-radius: 0;
  background-color: #5abc5a;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(60, 100, 20, 0.3);
}
.tooltip.tooltip-success.top .tooltip-arrow {
  border-top-color: #5abc5a;
}
.tooltip.tooltip-success.right .tooltip-arrow {
  border-right-color: #5abc5a;
}
.tooltip.tooltip-success.bottom .tooltip-arrow {
  border-bottom-color: #5abc5a;
}
.tooltip.tooltip-success.left .tooltip-arrow {
  border-left-color: #5abc5a;
}
.tooltip {
  /* warning tooltip */
}
.tooltip.tooltip-warning > .tooltip-inner {
  border-radius: 0;
  background-color: #f5bc34;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(100, 90, 10, 0.3);
}
.tooltip.tooltip-warning.top .tooltip-arrow {
  border-top-color: #f5bc34;
}
.tooltip.tooltip-warning.right .tooltip-arrow {
  border-right-color: #f5bc34;
}
.tooltip.tooltip-warning.bottom .tooltip-arrow {
  border-bottom-color: #f5bc34;
}
.tooltip.tooltip-warning.left .tooltip-arrow {
  border-left-color: #f5bc34;
}
.tooltip {
  /* info tooltip */
}
.tooltip.tooltip-info > .tooltip-inner {
  border-radius: 0;
  background-color: #0090e6;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(40, 50, 100, 0.3);
}
.tooltip.tooltip-info.top .tooltip-arrow {
  border-top-color: #0090e6;
}
.tooltip.tooltip-info.right .tooltip-arrow {
  border-right-color: #0090e6;
}
.tooltip.tooltip-info.bottom .tooltip-arrow {
  border-bottom-color: #0090e6;
}
.tooltip.tooltip-info.left .tooltip-arrow {
  border-left-color: #0090e6;
}
.tooltip {
  /* 左にずらす */
}
.tooltip.tooltip--shiftleft {
  width: 27px;
}
.tooltip.tooltip--shiftleft .tooltip-inner {
  max-width: none !important;
  float: right;
  white-space: nowrap;
}
.tooltip {
  /* 右にずらす */
}
.tooltip.tooltip--shiftright {
  width: 27px;
}
.tooltip.tooltip--shiftright .tooltip-inner {
  max-width: none !important;
  float: left;
  white-space: nowrap;
}
.tooltip.tooltip-delete .tooltip-inner {
  background-color: #e9141c !important;
  color: #fff;
  text-shadow: none;
}
.tooltip.tooltip-delete.top .tooltip-arrow, .tooltip.tooltip-delete.top-left .tooltip-arrow, .tooltip.tooltip-delete.top-right .tooltip-arrow {
  border-top-color: #e9141c;
}
.tooltip.tooltip-delete.right .tooltip-arrow {
  border-right-color: #e9141c;
}
.tooltip.tooltip-delete.left .tooltip-arrow {
  border-left-color: #e9141c;
}
.tooltip.tooltip-delete.bottom .tooltip-arrow, .tooltip.tooltip-delete.bottom-left .tooltip-arrow, .tooltip.tooltip-delete.bottom-right .tooltip-arrow {
  border-bottom-color: #e9141c;
}
.tooltip.tooltip-avatar {
  z-index: 6010;
}
.tooltip.tooltip-avatar .tooltip-inner {
  text-align: left;
}

.tooltip-text-left .tooltip-inner {
  text-align: left;
}

/* メニュー */
.nav-list > li > a {
  white-space: nowrap;
}
.nav-list > li > a > [class*=ccc-]:first-child {
  display: inline-block;
  min-width: 24px;
  margin-right: 0;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

/*---------
slimScrollBar
--------*/
.slimScrollBarY, .slimScrollBarX,
.slimScrollRailY,
.slimScrollRailX {
  border-radius: 0 !important;
}

/*---------
progress modal
--------*/
.blockUI.blockMsg {
  cursor: default !important;
}
.blockUI.blockMsg .loadingProgressArea {
  margin: 5px 0 1px;
}
.blockUI.blockMsg .loadingProgressArea .progress {
  margin: 0 20px;
  background-color: #666;
}
.blockUI.blockMsg .loadingProgressArea .progress:after {
  color: #fff;
  line-height: 18px;
}
.blockUI.blockMsg .loadingProgressArea .cancelProgress {
  margin-top: 6px;
  font-size: 12px;
}
.blockUI.blockMsg .loadingProgressArea .cancelProgress a {
  color: #fff;
}
.blockUI.blockMsg .loadingProgressArea .cancelProgress a:hover {
  color: #bbb;
  text-decoration: none;
}
.blockUI .fa-spinner {
  width: 18px;
  height: 18px;
  font-size: 17px;
  line-height: 17px;
}

/*---------
toggle pills settings
--------*/
.nav-pills {
  margin-right: 5px;
  font-size: 14px;
}
.nav-pills > li.active > a {
  background-color: #dce6eb !important;
  color: #3f6678 !important;
  cursor: default;
}
.nav-pills > li.active > a:hover {
  background-color: #dce6eb !important;
  color: #3f6678 !important;
}
.nav-pills > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 10px;
  border-radius: 0;
  background-color: #e0e4e5 !important;
  color: #666 !important;
}
.nav-pills > li > a:hover {
  background-color: #c4ccce !important;
  color: #666 !important;
}

/*---------
login page settings
--------*/
.login-layout {
  background-color: #f9f9f9;
}
.login-layout.login-layout .main-container {
  margin-top: 50px;
}
.login-layout .main-container {
  padding-top: 56px;
}
.login-layout .widget-box {
  visibility: visible;
  position: static;
  width: 100%;
  padding: 6px;
  overflow: hidden;
  transform: scale(0, 1) translate(-150px);
  border-bottom: 0px;
  background-color: transparent !important;
  box-shadow: none;
}
.login-layout .widget-box .widget-main {
  margin-bottom: 20px;
  padding: 12px;
  border-top: #efefef 1px solid;
  background: #fff !important;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.login-layout .widget-box h4 {
  margin-top: 20px;
  font-size: 24px;
  font-size: 2.4rem;
}
.login-layout .widget-box h4 .small {
  margin-left: 10px;
  font-size: 11px;
  font-weight: 400;
  vertical-align: baseline;
}
.login-layout .widget-box.login-newsbox .widget-body {
  height: 14.5em;
  overflow: auto;
}
.login-layout .widget-box.login-newsbox .widget-main {
  margin-bottom: 0;
  padding: 10px;
  border-top: #efefef 1px solid;
  background: transparent !important;
  box-shadow: none;
}
.login-layout .widget-box.login-newsbox .widget-main dl {
  margin-top: 0;
  margin-bottom: 0;
}
.login-layout .widget-box.login-newsbox .widget-main dl:last-of-type dd {
  margin-bottom: 0;
}
.login-layout .widget-box.login-newsbox .widget-main dd {
  margin-bottom: 15px;
}
.login-layout .form-actions {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 20px 20px 8px;
  border-top: 1px solid rgb(229, 229, 229);
  background-color: transparent;
}
.login-layout .form-actions .btn {
  padding: 0 12px;
}

.login-container {
  width: 440px;
  margin: 0px auto;
}

.login-logo {
  margin: 0 auto 34px;
  background-repeat: no-repeat;
  font-size: 0;
}
.login-logo .login-logo-inner {
  display: inline-block;
  width: 148px;
  height: 192px;
  background-image: url(../images/_sprite_common_images.png);
  background-position: 0% 0;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 180.0675675676% 100%;
}
.login-logo .login-logo-inner:after {
  display: block;
  padding-top: 129.7297297297%;
  content: "";
}

.login-navigate {
  font-size: 13px;
}

/*---------
table settings
--------*/
.ui-jqgrid .ui-jqgrid-bdiv {
  overflow-x: hidden;
  overflow-y: auto;
}
.ui-jqgrid #jqgh_grid-table_current_state small {
  font-size: 10px;
  font-weight: normal;
}

.ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
  background-color: #f3f3f3;
  background-image: none;
  opacity: 1;
}
.ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
  background-color: rgb(228, 239, 201);
}
.ui-jqgrid-btable .ui-widget-content.row-blocked {
  background-color: #ddd !important;
}
.ui-jqgrid-btable .ui-widget-content.row-blocked td {
  border-color: #ccc !important;
}

.editRowBox {
  min-width: 50px;
  margin: 0 0 0px !important;
  text-align: center;
}
.editRowBox a {
  display: inline-block;
  position: static;
  width: 18px;
  margin: 0px 2px;
  float: none;
  color: #999;
  font-size: 17px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.85;
  transition: all 0.12s;
}
.editRowBox a:hover {
  color: #333;
  font-size: 20px;
  text-decoration: none;
  transition: font-size color 0.2s linear;
}

th.table-highlight, td.table-highlight {
  background: #efefef;
}

.table-vm thead > tr > th,
.table-vm thead > tr > td,
.table-vm tbody > tr > th,
.table-vm tbody > tr > td {
  vertical-align: middle;
}

/*---------
popover settings
--------*/
.popover.fade {
  z-index: -1;
}
.popover.fade.in {
  z-index: 100000;
}
.popover.popover-customcontent01 {
  max-width: 373px;
}
.popover.popover-quizexplain {
  max-width: 450px;
}
.popover.popover-imgcenter img {
  display: block;
  margin: 0 auto;
}

.popover-content {
  font-size: 12px;
}

.popover-indented {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

.mov-thumbnail {
  display: none;
}

/*---------
btn settings
--------*/
.btn {
  display: inline-block;
  position: relative;
  margin: 0px;
  padding: 1px 12px;
  border-radius: 0px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  /*border: 5px solid rgb(255, 255, 255);*/
  border-image-source: none;
  border-image-width: 1;
  background-image: none;
  box-shadow: none;
  color: rgb(255, 255, 255);
  text-shadow: rgba(0, 0, 0, 0.24706) 0px -1px 0px;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.15s ease;
}
.btn[disabled] {
  cursor: not-allowed;
}
.btn:not(.btn-minier):not(.btn-xs):not(.btn-sm):not(.btn-lg) {
  height: 34px;
  line-height: 1;
}
.btn.btn-icononly i {
  margin-right: 0;
}
.btn {
  /* 日本語用にパッディングを調節　英語の場合はもう少しパッディングが必要 */
}
.input-group-btn .btn {
  padding: 2px 12px;
  /* 日本語用にパッディングを調節　英語の場合はもう少しパッディングが必要 */
}

.btn-max {
  width: 100%;
}

.multiselect-btn {
  margin-left: 15px;
}
.multiselect-btn:not(.hide) {
  display: inline-block !important;
}
.multiselect-btn button {
  height: 34px;
}

.input-group-justify {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: justify;
}
.input-group-justify .max-length {
  width: 100%;
  height: 32px;
}
.input-group-justify span, .input-group-justify button {
  display: table-cell;
}
.input-group-justify > .btn {
  padding: 1px 12px;
}

.form-control {
  height: 34px;
}

/*---------
maincontents title settings
--------*/
.page_access_log .page-header .alert_message {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  padding-left: 15px;
  vertical-align: middle;
}

/* 重要！ */
/* .page-header は、その下の項目の間隔調整のため、改行文字によるスペーシングが発生しないように font-size: 0; を当てています。 */
/* この指定は変更しないでください。 */
/* これにより、.page-header 下に置いた要素が見えなくなる場合、フォントサイズの指定を個別に行ってください。標準のフォントサイズは 14px です。 */
.page-header {
  width: 100%;
  min-height: 56px;
  margin-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 0;
}
.page-header.page-header--title-only {
  margin-top: -10px;
  padding: 0;
}
.page-header.page-header--title-only h1 {
  margin-top: -1px;
  margin-bottom: 0px;
  padding: 14px 0 8px;
}
.page-header button, .page-header select, .page-header input {
  display: inline-block;
  /*	margin-top: -8px;
  */
}
.page-header h1 {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 5px 0px 12px;
  margin-right: 30px;
  padding: 0;
  float: left;
  color: #666;
  font-size: 24px;
  font-weight: lighter;
}
.page-header h1 + button {
  vertical-align: middle;
}
.page-header .header-title i[class*=ccc-] {
  font-size: 26px;
  vertical-align: -2px;
}
.page-header .btn-autowidth {
  width: auto;
}
.page-header .input-group .btn {
  display: inline-block;
  height: 34px;
}
.page-header .input-group .btn:not(.btn-newitem):not(.btn-autowidth) {
  width: 60px;
}
.page-header .alert_message {
  position: absolute;
  top: 56px;
  left: 280px;
  font-size: 13px;
  font-weight: normal;
}
.page-header .btn-group {
  margin-left: 15px;
}
.page-header .btn-group.fade:not(.in) .btn {
  pointer-events: none;
}
.page-header .btn-group.btn-group--multiselect {
  font-size: 0;
}
.page-header .btn-group.btn-group--multiselect .btn {
  margin-right: 8px;
  margin-left: 0;
}
.page-header .btn-group.btn-group--multiselect .btn:last-child {
  margin-right: 0;
}
.page-header .btn-group > .btn {
  border-width: 1px !important;
}
.page-header .btn-group .btn {
  display: inline-flex;
  height: 34px;
}
.page-header .btn + .btn {
  margin-left: 8px;
}
.page-header + .alert {
  margin-bottom: 12px;
}

.input-group {
  display: inline-block;
}
.input-group.header-search .btn {
  display: inline-block;
  min-width: 60px;
  height: 34px;
}
.input-group.header-search.header-search--flex {
  display: flex;
}
.input-group.input-group--datepicker {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.input-group.input-group--datepicker .input-group-addon {
  width: 38px;
  height: 34px;
  padding-top: 8px;
}
.input-group.input-group--datepicker .date-picker {
  width: calc(100% - 72px);
  min-width: 97px;
  max-width: 97px;
}
.input-group.input-group--datepicker .date-picker.input-max {
  max-width: none;
}
.input-group.input-group--datepicker .datepicker-suffix {
  display: table-cell;
  height: 34px;
  vertical-align: middle;
  white-space: nowrap;
}

.no-overflowhide {
  overflow: visible !important;
}

.publish-date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.publish-date .input-group-addon {
  width: 38px !important;
  float: left;
}

.ace-nav > li.user-platform-info {
  padding: 2px 10px 2px;
  font-size: 12px;
  line-height: 20px;
  line-height: 2rem;
}

.page-content {
  margin: 0;
  padding: 8px 20px 36px;
  background: #f9f9f9;
  /*display: table;*/
}

.main-container:after {
  display: block;
  z-index: -2;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: inherit;
  background-color: #f9f9f9;
  content: "";
}

.header-search {
  vertical-align: middle;
}
.header-search .fas.fa-caret-down.tooltip-info {
  right: 1px;
  width: 25px;
  margin: 0px;
  /*border-left:#ccc 1px solid;*/
  padding: 0px 8px 8px 8px;
  background: #efefef;
}
.header-search .fas.fa-caret-down.tooltip-info:hover, .header-search .fas.fa-caret-down.tooltip-info.active {
  background: #E7E7E7;
  cursor: pointer;
}
.header-search .widget-toolbar > .dropdown > .dropdown-menu::before, .header-search .dropdown-menu.dropdown-caret::before {
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgb(188, 212, 229) !important;
  border-left: 7px solid transparent;
}
.header-search .widget-toolbar > .dropdown > .dropdown-menu::before, .header-search .dropdown-menu.dropdown-caret::after {
  top: -5px;
  right: 9px !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgb(236, 242, 247) !important;
  border-left: 7px solid transparent;
}
.header-search .fas.fa-search {
  margin-right: 0;
}

.multiple_action {
  display: inline-block;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active {
  background: none;
  color: #428bca;
}
.dropdown-menu li.active a {
  background: none;
  color: #428bca;
}
.dropdown-menu li.active a:hover {
  background: none;
  color: #428bca;
}
.dropdown-menu .dropdown-submenu:hover > a {
  background: none;
  color: #428bca;
}
.dropdown-menu.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu.dropdown-menu--350 {
  width: 350px;
}

.nav-tabs .dropdown-menu li > a:focus {
  background: none;
  color: #428bca;
}

.input-group .dropdown-navbar {
  width: 340px;
  padding: 0px 0px 10px;
  border-color: rgb(188, 212, 229);
  box-shadow: rgba(30, 30, 100, 0.24706) 0px 2px 4px;
}
.input-group .dropdown-navbar li {
  width: 100%;
  margin-bottom: 10px;
  float: left;
}
.input-group .dropdown-navbar li:last-child .form-group {
  margin-bottom: 0;
}
.input-group .dropdown-navbar > li:hover {
  background-color: rgb(255, 255, 255) !important;
}
.input-group .dropdown-navbar > li.dropdown-header:hover {
  background-color: rgb(236, 242, 247) !important;
}

.dropdown-header a:hover {
  background: none !important;
  color: #428bca !important;
}

.header-search .dropdown-navbar {
  padding-bottom: 0;
}
.header-search .dropdown-header {
  margin-bottom: 0 !important;
}
.header-search .dropdown-body {
  margin-bottom: 0 !important;
  padding: 15px 8px;
}
.header-search .dropdown-body .form-group + .form-group {
  margin-top: 20px;
}
.header-search .dropdown-body .form-group:last-child {
  margin-bottom: 0 !important;
}

/*---------
header-navbar settings
--------*/
.user-info {
  display: inline-flex;
  position: relative;
  top: 0;
  align-items: center;
  justify-content: flex-start;
  min-width: calc(100% - 24px);
  max-width: inherit;
  height: 100%;
  margin: 0 24px 0px 0px;
  padding-right: 23px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.user-info.dropdown-toggle i[class^="fas fa-"],
.user-info.dropdown-toggle i[class^="far fa-"] {
  position: absolute;
  right: 0;
  font-size: 16px;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  margin: 0;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.078);
}
.navbar .navbar-brand {
  width: 153px;
  height: 56px;
  margin-left: 12px;
  padding-top: 10px;
  padding-left: 12px;
}
.navbar .navbar-brand .navbar-brand-inner {
  display: inline-block;
  width: 118px;
  height: 32px;
  background-image: url(../images/_sprite_common_images.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 226.8085106383% 600%;
}
.navbar .navbar-brand .navbar-brand-inner:after {
  display: block;
  padding-top: 27.1186440678%;
  content: "";
}
.navbar .navbar-container {
  height: 100%;
  padding-right: 0;
  padding-left: 0 !important;
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
}

.navbar-header.pull-left {
  font-size: 0;
}
.navbar-header.pull-right {
  height: 56px !important;
}
.navbar-header.pull-right .ace-nav > li {
  height: 100%;
  line-height: 1;
}
.navbar-header .btn {
  width: 52px;
  height: 56px;
  margin-top: -1px;
  padding: 0;
  background: transparent;
  color: #666;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
}
.navbar-header .btn:active {
  top: 0px;
  left: 0px;
  margin: 0px;
}
.navbar-header .btn [class*="fas fa-"],
.navbar-header .btn [class*="far fa-"] {
  margin-right: 0;
}
.navbar-header .ace-nav > li > a > [class*="fas fa-"],
.navbar-header .ace-nav > li > a > [class*="far fa-"] {
  font-size: 30px;
}
.navbar-header .tooltip {
  height: 18px;
  line-height: 12px;
}

.navbar-position {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 56px;
  padding: 0 20px;
  background-color: #949598;
  color: #fff;
  font-size: 14px;
}

.header-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
}
.header-avatar.header-avatar--proxylogin {
  position: relative;
}
.header-avatar.header-avatar--proxylogin:after {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  font-family: "CloudCIRCUSCommon";
  font-size: 18px;
  line-height: 18px;
  content: "\e926";
  opacity: 0.5;
}

.navbar-separator {
  width: 1px;
  height: 100%;
  border: none !important;
  background-color: #e0e0e0;
}

.navbar-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 100%;
  float: none;
  border: none !important;
}
.navbar-button .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 0;
  height: 40px;
  padding: 0;
  border-color: transparent !important;
  background-color: transparent !important;
  color: #adadad !important;
  font-size: 24px;
}
.navbar-button .btn:hover {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #939393 !important;
}

.headerInfo01 {
  min-width: 250px;
}
.headerInfo01 .dropdown-toggle:hover {
  cursor: pointer;
}

.profBox01 {
  width: 250px;
  padding: 5px 10px;
  line-height: 18px;
}

.headerInfo01 .slabdlBox01,
.widget-detail-countbox .slabdlBox01 {
  margin: 0;
}

/*---------
sidebar
--------*/
.sidebar.fixed, .sidebar.sidebar-fixed {
  z-index: 1029;
  position: fixed;
  top: 56px;
  left: 0;
}
.sidebar.fixed + .main-content, .sidebar.sidebar-fixed + .main-content {
  margin-left: 190px;
}
.sidebar {
  /*position: static;*/
}
.sidebar .icon-slab-page_parts {
  margin-left: -2px;
}

.icon-slab-page_parts:before {
  width: 16px;
}

[class^=icon-slab-], [class*=" icon-slab-"] {
  display: inline-block;
}
[class^=icon-slab-].icon-slab-cube, [class*=" icon-slab-"].icon-slab-cube {
  vertical-align: middle;
}

/*---------
selectbox
--------*/
.select2-results {
  font-size: 12px;
  font-size: 1.2rem;
}

.select2-drop {
  border-bottom-width: 2px;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-bottom: 1px solid #f59942;
  border-top-color: #f59942;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-dropdown-open.select2-drop-above .select2-choices {
  background-image: none;
}

.input-group .dropdown-navbar li.select2-search-choice {
  width: auto;
  max-width: calc(100% - 16px);
}

/*---------
daterangepicker
--------*/
.daterangepicker .applyBtn, .daterangepicker .cancelBtn {
  padding: 1px 9px;
}

/*---------
datepicker
--------*/
.datepicker {
  z-index: 10000 !important;
}
.datepicker .datepicker-days .day.disabled {
  background-color: #ddd;
  color: #fff;
}
.datepicker .datepicker-months .month {
  width: 25%;
  margin: 0;
}
.datepicker .datepicker-months .month.disabled {
  background-color: #ddd;
  color: #fff;
}
.datepicker .datepicker-years .year {
  width: 25%;
  margin: 0;
}
.datepicker .datepicker-years .year.disabled {
  background-color: #ddd;
  color: #fff;
}

.input-group .form-control.datepicker {
  width: 130px;
  margin-bottom: 0;
}

/*---------
timepicker
--------*/
.timepicker-button {
  border-right: none;
}

/*---------
form settings
--------*/
.form-horizontal .form-group {
  margin-bottom: 20px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table-cell;
  content: " ";
}
.form-horizontal .control-label {
  text-align: left;
}

.control-label.no-padding-left {
  padding-left: 38px !important;
}
.control-label.no-padding-left .not-requiredTag,
.control-label.no-padding-left .requiredTag {
  left: 0;
}
.control-label label {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

input[type=text],
input[type=password],
select {
  height: 34px;
}

select:hover {
  border-color: #b5b5b5;
}
select:focus {
  border-color: #f59942;
}

.select2-search-field input[type=text] {
  height: auto;
}

.form-group {
  display: table;
  width: 100%;
}
.form-group > [class*=col-] > label {
  margin-bottom: 4px;
  padding-top: 4px;
}
.form-group > [class*=col-] > label + .help-button {
  margin-top: 2px;
  margin-left: 8px;
}
.form-group .support-text {
  color: #999;
}

.support-text.small {
  font-size: 11px;
}

.ime-half {
  ime-mode: disabled;
}

/*indent for require state mark*/
.control-label {
  position: relative;
  padding-left: 50px !important;
  padding-left: 5rem !important;
}
.control-label.control-label-middle {
  padding-top: 12px;
  text-align: left;
  vertical-align: middle;
}
.control-label.control-label-middle + .help-button {
  vertical-align: -4px;
}
.form-group.is-preview .control-label {
  position: relative;
  padding-left: 15px !important;
  padding-left: 1.5rem !important;
}
.control-label span.requiredTag,
.control-label span.not-requiredTag {
  position: absolute;
  top: 4px;
  left: 12px;
  margin-right: 0;
  padding: 0px 4px;
}
.login-layout .control-label {
  position: relative;
  padding-left: 20px !important;
  padding-left: 2rem !important;
}
.control-label + .help-button {
  margin-top: 4px;
  vertical-align: top;
}

.form-group.is-preview .control-label {
  position: relative;
  padding-left: 15px !important;
  padding-left: 1.5rem !important;
}

.control-label-disabled {
  color: #ccc;
  cursor: not-allowed;
}

.requiredTag {
  margin-right: 0.5em;
  padding: 4px 4px;
  background-color: #ff7272;
  color: #fff;
  font-family: "MSP ゴシック";
  font-size: 12px;
  transition: all 0.3s ease;
}
.requiredTag.requiredTag--important {
  background-color: #fc2626;
}

.not-requiredTag {
  margin-right: 0.5em;
  padding: 4px 4px;
  background-color: #bbb;
  color: #fff;
  font-family: "MSP ゴシック";
  font-size: 12px;
  transition: all 0.3s ease;
}

[disabled] .requiredTag,
[disabled] .not-requiredTag {
  background-color: #ccc;
}

.requiredTag.controldummy,
.not-requiredTag.controldummy {
  position: absolute;
  top: 4px;
  left: 12px;
  margin-right: 0;
  padding: 0px 4px;
}
.requiredTag + label,
.not-requiredTag + label {
  padding-top: 4px;
}

.help-block,
.alert-block,
.follow-block,
.explain-block,
.hint-block,
.count-block {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 12px !important;
  line-height: 16px;
  transition: all 0.1s ease;
}
.help-block.checkradio-indented,
.alert-block.checkradio-indented,
.follow-block.checkradio-indented,
.explain-block.checkradio-indented,
.hint-block.checkradio-indented,
.count-block.checkradio-indented {
  padding-left: 2em;
}

.help-block {
  display: none;
  margin-top: 0;
}
.help-block + .help-block {
  margin-top: 0;
}

.alert-block {
  color: #d68273;
}
.alert-block:empty {
  display: none;
}

.count-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #9b9b9b;
}
.count-block > * + * {
  margin-left: 5px;
}

.count-value.count-value--error {
  color: #d68273;
  font-weight: 700;
}

table.table_suboptions {
  margin-bottom: 10px;
}
table.table_suboptions + .follow-block {
  margin-top: 0;
  margin-bottom: 0;
}

.follow-block {
  color: #9b9b9b;
}
.follow-block:empty {
  display: none;
}
.follow-block.error-state {
  color: #d68273;
}
.follow-block .inline-block {
  margin-top: 0;
}

.follow-inline {
  display: inline-block;
  margin-left: 10px;
  color: #9b9b9b;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}

.explain-block {
  color: #393939;
}
.explain-block:empty {
  display: none;
}
.explain-block.disabled {
  color: #ccc;
}

.suboption-label {
  vertical-align: top;
}

.input-wrap {
  display: inline-block;
  vertical-align: top;
}

.form-group:not(.has-error) .help-block,
.form-group:not(.has-error) .help-block--fieldset,
fieldset:not(.has-error) .help-block,
fieldset:not(.has-error) .help-block--fieldset,
.td-has-input:not(.has-error) .help-block,
.td-has-input:not(.has-error) .help-block--fieldset,
.widget-main:has(.table-alike--flowquestion):not(.has-error) .help-block,
.widget-main:has(.table-alike--flowquestion):not(.has-error) .help-block--fieldset,
.widget-main:has(.slide-text):not(.has-error) .help-block,
.widget-main:has(.slide-text):not(.has-error) .help-block--fieldset {
  display: none;
}
.form-group.has-error--labelonly.has-error--imagetarget .follow-block.questionchoice-image-follow,
fieldset.has-error--labelonly.has-error--imagetarget .follow-block.questionchoice-image-follow,
.td-has-input.has-error--labelonly.has-error--imagetarget .follow-block.questionchoice-image-follow,
.widget-main:has(.table-alike--flowquestion).has-error--labelonly.has-error--imagetarget .follow-block.questionchoice-image-follow,
.widget-main:has(.slide-text).has-error--labelonly.has-error--imagetarget .follow-block.questionchoice-image-follow {
  color: #d68273 !important;
}
.form-group.has-error--labelonly label,
.form-group.has-error--labelonly .label-text,
fieldset.has-error--labelonly label,
fieldset.has-error--labelonly .label-text,
.td-has-input.has-error--labelonly label,
.td-has-input.has-error--labelonly .label-text,
.widget-main:has(.table-alike--flowquestion).has-error--labelonly label,
.widget-main:has(.table-alike--flowquestion).has-error--labelonly .label-text,
.widget-main:has(.slide-text).has-error--labelonly label,
.widget-main:has(.slide-text).has-error--labelonly .label-text {
  color: #d68273;
}
.form-group.has-error--labelonly .help-block,
.form-group.has-error--labelonly .help-inline,
fieldset.has-error--labelonly .help-block,
fieldset.has-error--labelonly .help-inline,
.td-has-input.has-error--labelonly .help-block,
.td-has-input.has-error--labelonly .help-inline,
.widget-main:has(.table-alike--flowquestion).has-error--labelonly .help-block,
.widget-main:has(.table-alike--flowquestion).has-error--labelonly .help-inline,
.widget-main:has(.slide-text).has-error--labelonly .help-block,
.widget-main:has(.slide-text).has-error--labelonly .help-inline {
  color: #d68273;
}
.form-group.has-error--labelonly .follow-block:not(.follow-block--nored),
fieldset.has-error--labelonly .follow-block:not(.follow-block--nored),
.td-has-input.has-error--labelonly .follow-block:not(.follow-block--nored),
.widget-main:has(.table-alike--flowquestion).has-error--labelonly .follow-block:not(.follow-block--nored),
.widget-main:has(.slide-text).has-error--labelonly .follow-block:not(.follow-block--nored) {
  color: #d68273;
}
.form-group.has-error--labelonly .help-block,
fieldset.has-error--labelonly .help-block,
.td-has-input.has-error--labelonly .help-block,
.widget-main:has(.table-alike--flowquestion).has-error--labelonly .help-block,
.widget-main:has(.slide-text).has-error--labelonly .help-block {
  display: block;
}
.form-group.has-error label:not(.no-error),
fieldset.has-error label:not(.no-error),
.td-has-input.has-error label:not(.no-error),
.widget-main:has(.table-alike--flowquestion).has-error label:not(.no-error),
.widget-main:has(.slide-text).has-error label:not(.no-error) {
  color: #d68273;
}
.form-group.has-error .label-text,
fieldset.has-error .label-text,
.td-has-input.has-error .label-text,
.widget-main:has(.table-alike--flowquestion).has-error .label-text,
.widget-main:has(.slide-text).has-error .label-text {
  color: #d68273;
}
.form-group.has-error select:not(.no-error), .form-group.has-error textarea:not(.no-error),
fieldset.has-error select:not(.no-error),
fieldset.has-error textarea:not(.no-error),
.td-has-input.has-error select:not(.no-error),
.td-has-input.has-error textarea:not(.no-error),
.widget-main:has(.table-alike--flowquestion).has-error select:not(.no-error),
.widget-main:has(.table-alike--flowquestion).has-error textarea:not(.no-error),
.widget-main:has(.slide-text).has-error select:not(.no-error),
.widget-main:has(.slide-text).has-error textarea:not(.no-error) {
  border-color: #f09784;
  background-color: #ffc !important;
  box-shadow: none;
  color: #d68273;
}
.form-group.has-error select:not(.no-error):focus, .form-group.has-error textarea:not(.no-error):focus,
fieldset.has-error select:not(.no-error):focus,
fieldset.has-error textarea:not(.no-error):focus,
.td-has-input.has-error select:not(.no-error):focus,
.td-has-input.has-error textarea:not(.no-error):focus,
.widget-main:has(.table-alike--flowquestion).has-error select:not(.no-error):focus,
.widget-main:has(.table-alike--flowquestion).has-error textarea:not(.no-error):focus,
.widget-main:has(.slide-text).has-error select:not(.no-error):focus,
.widget-main:has(.slide-text).has-error textarea:not(.no-error):focus {
  border-color: #DB8978;
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
  color: #866;
}
.form-group.has-error select:not(.no-error):focus + [class*="fas fa-"],
.form-group.has-error select:not(.no-error):focus + [class*="far fa-"], .form-group.has-error textarea:not(.no-error):focus + [class*="fas fa-"],
.form-group.has-error textarea:not(.no-error):focus + [class*="far fa-"],
fieldset.has-error select:not(.no-error):focus + [class*="fas fa-"],
fieldset.has-error select:not(.no-error):focus + [class*="far fa-"],
fieldset.has-error textarea:not(.no-error):focus + [class*="fas fa-"],
fieldset.has-error textarea:not(.no-error):focus + [class*="far fa-"],
.td-has-input.has-error select:not(.no-error):focus + [class*="fas fa-"],
.td-has-input.has-error select:not(.no-error):focus + [class*="far fa-"],
.td-has-input.has-error textarea:not(.no-error):focus + [class*="fas fa-"],
.td-has-input.has-error textarea:not(.no-error):focus + [class*="far fa-"],
.widget-main:has(.table-alike--flowquestion).has-error select:not(.no-error):focus + [class*="fas fa-"],
.widget-main:has(.table-alike--flowquestion).has-error select:not(.no-error):focus + [class*="far fa-"],
.widget-main:has(.table-alike--flowquestion).has-error textarea:not(.no-error):focus + [class*="fas fa-"],
.widget-main:has(.table-alike--flowquestion).has-error textarea:not(.no-error):focus + [class*="far fa-"],
.widget-main:has(.slide-text).has-error select:not(.no-error):focus + [class*="fas fa-"],
.widget-main:has(.slide-text).has-error select:not(.no-error):focus + [class*="far fa-"],
.widget-main:has(.slide-text).has-error textarea:not(.no-error):focus + [class*="fas fa-"],
.widget-main:has(.slide-text).has-error textarea:not(.no-error):focus + [class*="far fa-"] {
  color: #d68273;
}
.form-group.has-error select:not(.no-error):disabled, .form-group.has-error textarea:not(.no-error):disabled,
fieldset.has-error select:not(.no-error):disabled,
fieldset.has-error textarea:not(.no-error):disabled,
.td-has-input.has-error select:not(.no-error):disabled,
.td-has-input.has-error textarea:not(.no-error):disabled,
.widget-main:has(.table-alike--flowquestion).has-error select:not(.no-error):disabled,
.widget-main:has(.table-alike--flowquestion).has-error textarea:not(.no-error):disabled,
.widget-main:has(.slide-text).has-error select:not(.no-error):disabled,
.widget-main:has(.slide-text).has-error textarea:not(.no-error):disabled {
  border-color: #ccc !important;
  background-color: #eee !important;
  color: #848484 !important;
}
.form-group.has-error select.no-error, .form-group.has-error textarea.no-error,
fieldset.has-error select.no-error,
fieldset.has-error textarea.no-error,
.td-has-input.has-error select.no-error,
.td-has-input.has-error textarea.no-error,
.widget-main:has(.table-alike--flowquestion).has-error select.no-error,
.widget-main:has(.table-alike--flowquestion).has-error textarea.no-error,
.widget-main:has(.slide-text).has-error select.no-error,
.widget-main:has(.slide-text).has-error textarea.no-error {
  border-color: #d5d5d5;
  color: #858585;
}
.form-group.has-error select.no-error:focus, .form-group.has-error textarea.no-error:focus,
fieldset.has-error select.no-error:focus,
fieldset.has-error textarea.no-error:focus,
.td-has-input.has-error select.no-error:focus,
.td-has-input.has-error textarea.no-error:focus,
.widget-main:has(.table-alike--flowquestion).has-error select.no-error:focus,
.widget-main:has(.table-alike--flowquestion).has-error textarea.no-error:focus,
.widget-main:has(.slide-text).has-error select.no-error:focus,
.widget-main:has(.slide-text).has-error textarea.no-error:focus {
  border-color: #f59942;
  color: #696969;
}
.form-group.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error),
fieldset.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error),
.td-has-input.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error),
.widget-main:has(.table-alike--flowquestion).has-error input:not([type=radio]):not([type=checkbox]):not(.no-error),
.widget-main:has(.slide-text).has-error input:not([type=radio]):not([type=checkbox]):not(.no-error) {
  border-color: #f09784;
  box-shadow: none;
}
.form-group.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):focus,
fieldset.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):focus,
.td-has-input.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):focus,
.widget-main:has(.table-alike--flowquestion).has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):focus,
.widget-main:has(.slide-text).has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):focus {
  border-color: #DB8978;
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
}
.form-group.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):disabled,
fieldset.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):disabled,
.td-has-input.has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):disabled,
.widget-main:has(.table-alike--flowquestion).has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):disabled,
.widget-main:has(.slide-text).has-error input:not([type=radio]):not([type=checkbox]):not(.no-error):disabled {
  border-color: #ccc !important;
}
.form-group.has-error input:not([type=radio]):not([type=checkbox]).no-error,
fieldset.has-error input:not([type=radio]):not([type=checkbox]).no-error,
.td-has-input.has-error input:not([type=radio]):not([type=checkbox]).no-error,
.widget-main:has(.table-alike--flowquestion).has-error input:not([type=radio]):not([type=checkbox]).no-error,
.widget-main:has(.slide-text).has-error input:not([type=radio]):not([type=checkbox]).no-error {
  border-color: #d5d5d5;
}
.form-group.has-error input:not([type=radio]):not([type=checkbox]).no-error:focus,
fieldset.has-error input:not([type=radio]):not([type=checkbox]).no-error:focus,
.td-has-input.has-error input:not([type=radio]):not([type=checkbox]).no-error:focus,
.widget-main:has(.table-alike--flowquestion).has-error input:not([type=radio]):not([type=checkbox]).no-error:focus,
.widget-main:has(.slide-text).has-error input:not([type=radio]):not([type=checkbox]).no-error:focus {
  border-color: #f59942;
}
.form-group.has-error input:not(.no-error),
fieldset.has-error input:not(.no-error),
.td-has-input.has-error input:not(.no-error),
.widget-main:has(.table-alike--flowquestion).has-error input:not(.no-error),
.widget-main:has(.slide-text).has-error input:not(.no-error) {
  background-color: #ffc !important;
  box-shadow: none;
  color: #d68273;
}
.form-group.has-error input:not(.no-error):focus,
fieldset.has-error input:not(.no-error):focus,
.td-has-input.has-error input:not(.no-error):focus,
.widget-main:has(.table-alike--flowquestion).has-error input:not(.no-error):focus,
.widget-main:has(.slide-text).has-error input:not(.no-error):focus {
  color: #866;
}
.form-group.has-error input:not(.no-error):focus + [class*="fas fa-"],
.form-group.has-error input:not(.no-error):focus + [class*="far fa-"],
fieldset.has-error input:not(.no-error):focus + [class*="fas fa-"],
fieldset.has-error input:not(.no-error):focus + [class*="far fa-"],
.td-has-input.has-error input:not(.no-error):focus + [class*="fas fa-"],
.td-has-input.has-error input:not(.no-error):focus + [class*="far fa-"],
.widget-main:has(.table-alike--flowquestion).has-error input:not(.no-error):focus + [class*="fas fa-"],
.widget-main:has(.table-alike--flowquestion).has-error input:not(.no-error):focus + [class*="far fa-"],
.widget-main:has(.slide-text).has-error input:not(.no-error):focus + [class*="fas fa-"],
.widget-main:has(.slide-text).has-error input:not(.no-error):focus + [class*="far fa-"] {
  color: #d68273;
}
.form-group.has-error input:not(.no-error):disabled,
fieldset.has-error input:not(.no-error):disabled,
.td-has-input.has-error input:not(.no-error):disabled,
.widget-main:has(.table-alike--flowquestion).has-error input:not(.no-error):disabled,
.widget-main:has(.slide-text).has-error input:not(.no-error):disabled {
  background-color: #eee !important;
  color: #848484 !important;
}
.form-group.has-error input.no-error,
fieldset.has-error input.no-error,
.td-has-input.has-error input.no-error,
.widget-main:has(.table-alike--flowquestion).has-error input.no-error,
.widget-main:has(.slide-text).has-error input.no-error {
  color: #858585;
}
.form-group.has-error input.no-error:focus,
fieldset.has-error input.no-error:focus,
.td-has-input.has-error input.no-error:focus,
.widget-main:has(.table-alike--flowquestion).has-error input.no-error:focus,
.widget-main:has(.slide-text).has-error input.no-error:focus {
  color: #696969;
}
.form-group.has-error .ace-file-input .file-label,
fieldset.has-error .ace-file-input .file-label,
.td-has-input.has-error .ace-file-input .file-label,
.widget-main:has(.table-alike--flowquestion).has-error .ace-file-input .file-label,
.widget-main:has(.slide-text).has-error .ace-file-input .file-label {
  border-color: #f09784;
  background-color: #ffc !important;
  color: #d68273;
}
.form-group.has-error .ace-file-input .file-label .file-name,
fieldset.has-error .ace-file-input .file-label .file-name,
.td-has-input.has-error .ace-file-input .file-label .file-name,
.widget-main:has(.table-alike--flowquestion).has-error .ace-file-input .file-label .file-name,
.widget-main:has(.slide-text).has-error .ace-file-input .file-label .file-name {
  color: #d68273;
}
.form-group.has-error .ace-file-input .file-label [class*="fas fa-"],
.form-group.has-error .ace-file-input .file-label [class*="far fa-"],
fieldset.has-error .ace-file-input .file-label [class*="fas fa-"],
fieldset.has-error .ace-file-input .file-label [class*="far fa-"],
.td-has-input.has-error .ace-file-input .file-label [class*="fas fa-"],
.td-has-input.has-error .ace-file-input .file-label [class*="far fa-"],
.widget-main:has(.table-alike--flowquestion).has-error .ace-file-input .file-label [class*="fas fa-"],
.widget-main:has(.table-alike--flowquestion).has-error .ace-file-input .file-label [class*="far fa-"],
.widget-main:has(.slide-text).has-error .ace-file-input .file-label [class*="fas fa-"],
.widget-main:has(.slide-text).has-error .ace-file-input .file-label [class*="far fa-"] {
  border-color: #ffc !important;
  background-color: #d68273;
  color: #fff;
}
.form-group.has-error .selectize-control .selectize-input,
fieldset.has-error .selectize-control .selectize-input,
.td-has-input.has-error .selectize-control .selectize-input,
.widget-main:has(.table-alike--flowquestion).has-error .selectize-control .selectize-input,
.widget-main:has(.slide-text).has-error .selectize-control .selectize-input {
  border-color: #f09784 !important;
  background-color: #ffc;
}
.form-group.has-error .selectize-control .selectize-input input[type=text]::-moz-placeholder, fieldset.has-error .selectize-control .selectize-input input[type=text]::-moz-placeholder, .td-has-input.has-error .selectize-control .selectize-input input[type=text]::-moz-placeholder, .widget-main:has(.table-alike--flowquestion).has-error .selectize-control .selectize-input input[type=text]::-moz-placeholder, .widget-main:has(.slide-text).has-error .selectize-control .selectize-input input[type=text]::-moz-placeholder {
  color: #d68273;
}
.form-group.has-error .selectize-control .selectize-input input[type=text]::placeholder,
fieldset.has-error .selectize-control .selectize-input input[type=text]::placeholder,
.td-has-input.has-error .selectize-control .selectize-input input[type=text]::placeholder,
.widget-main:has(.table-alike--flowquestion).has-error .selectize-control .selectize-input input[type=text]::placeholder,
.widget-main:has(.slide-text).has-error .selectize-control .selectize-input input[type=text]::placeholder {
  color: #d68273;
}
.form-group.has-error .follow-block,
.form-group.has-error .help-block,
.form-group.has-error .help-inline,
fieldset.has-error .follow-block,
fieldset.has-error .help-block,
fieldset.has-error .help-inline,
.td-has-input.has-error .follow-block,
.td-has-input.has-error .help-block,
.td-has-input.has-error .help-inline,
.widget-main:has(.table-alike--flowquestion).has-error .follow-block,
.widget-main:has(.table-alike--flowquestion).has-error .help-block,
.widget-main:has(.table-alike--flowquestion).has-error .help-inline,
.widget-main:has(.slide-text).has-error .follow-block,
.widget-main:has(.slide-text).has-error .help-block,
.widget-main:has(.slide-text).has-error .help-inline {
  color: #d68273;
}
.form-group.has-error .help-block,
fieldset.has-error .help-block,
.td-has-input.has-error .help-block,
.widget-main:has(.table-alike--flowquestion).has-error .help-block,
.widget-main:has(.slide-text).has-error .help-block {
  display: block;
  margin-top: 5px;
}
.form-group.has-error .help-block:empty,
fieldset.has-error .help-block:empty,
.td-has-input.has-error .help-block:empty,
.widget-main:has(.table-alike--flowquestion).has-error .help-block:empty,
.widget-main:has(.slide-text).has-error .help-block:empty {
  margin-top: 0;
}
.form-group.has-error .chosen-single, .form-group.has-error .select2-choice, .form-group.has-error .select2-choices,
fieldset.has-error .chosen-single,
fieldset.has-error .select2-choice,
fieldset.has-error .select2-choices,
.td-has-input.has-error .chosen-single,
.td-has-input.has-error .select2-choice,
.td-has-input.has-error .select2-choices,
.widget-main:has(.table-alike--flowquestion).has-error .chosen-single,
.widget-main:has(.table-alike--flowquestion).has-error .select2-choice,
.widget-main:has(.table-alike--flowquestion).has-error .select2-choices,
.widget-main:has(.slide-text).has-error .chosen-single,
.widget-main:has(.slide-text).has-error .select2-choice,
.widget-main:has(.slide-text).has-error .select2-choices {
  border-color: #f09784 !important;
}
.form-group.has-error td.CaptionTD,
fieldset.has-error td.CaptionTD,
.td-has-input.has-error td.CaptionTD,
.widget-main:has(.table-alike--flowquestion).has-error td.CaptionTD,
.widget-main:has(.slide-text).has-error td.CaptionTD {
  color: #d16e6c !important;
}
.form-group.has-error .help-inline,
fieldset.has-error .help-inline,
.td-has-input.has-error .help-inline,
.widget-main:has(.table-alike--flowquestion).has-error .help-inline,
.widget-main:has(.slide-text).has-error .help-inline {
  display: inline-block;
}
.form-group.has-error .textarea-wrapper,
fieldset.has-error .textarea-wrapper,
.td-has-input.has-error .textarea-wrapper,
.widget-main:has(.table-alike--flowquestion).has-error .textarea-wrapper,
.widget-main:has(.slide-text).has-error .textarea-wrapper {
  border-color: #f09784;
}
.form-group.has-error .textarea-wrapper textarea,
fieldset.has-error .textarea-wrapper textarea,
.td-has-input.has-error .textarea-wrapper textarea,
.widget-main:has(.table-alike--flowquestion).has-error .textarea-wrapper textarea,
.widget-main:has(.slide-text).has-error .textarea-wrapper textarea {
  background-color: #ffc !important;
  box-shadow: none;
  color: #d68273;
}
.form-group.has-error .textarea-wrapper.has-focus,
fieldset.has-error .textarea-wrapper.has-focus,
.td-has-input.has-error .textarea-wrapper.has-focus,
.widget-main:has(.table-alike--flowquestion).has-error .textarea-wrapper.has-focus,
.widget-main:has(.slide-text).has-error .textarea-wrapper.has-focus {
  border-color: #DB8978;
}
.form-group.has-error .textarea-wrapper.has-focus textarea,
fieldset.has-error .textarea-wrapper.has-focus textarea,
.td-has-input.has-error .textarea-wrapper.has-focus textarea,
.widget-main:has(.table-alike--flowquestion).has-error .textarea-wrapper.has-focus textarea,
.widget-main:has(.slide-text).has-error .textarea-wrapper.has-focus textarea {
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
  color: #866;
}
.form-group.has-error .tinymce-textarea + .tox-tinymce,
.form-group.has-error .tinymce-footerlink-textarea + .tox-tinymce,
fieldset.has-error .tinymce-textarea + .tox-tinymce,
fieldset.has-error .tinymce-footerlink-textarea + .tox-tinymce,
.td-has-input.has-error .tinymce-textarea + .tox-tinymce,
.td-has-input.has-error .tinymce-footerlink-textarea + .tox-tinymce,
.widget-main:has(.table-alike--flowquestion).has-error .tinymce-textarea + .tox-tinymce,
.widget-main:has(.table-alike--flowquestion).has-error .tinymce-footerlink-textarea + .tox-tinymce,
.widget-main:has(.slide-text).has-error .tinymce-textarea + .tox-tinymce,
.widget-main:has(.slide-text).has-error .tinymce-footerlink-textarea + .tox-tinymce {
  border-color: #f09784;
}
.form-group.has-error .tinymce-textarea + .tox-tinymce.tox-edit-focus,
.form-group.has-error .tinymce-footerlink-textarea + .tox-tinymce.tox-edit-focus,
fieldset.has-error .tinymce-textarea + .tox-tinymce.tox-edit-focus,
fieldset.has-error .tinymce-footerlink-textarea + .tox-tinymce.tox-edit-focus,
.td-has-input.has-error .tinymce-textarea + .tox-tinymce.tox-edit-focus,
.td-has-input.has-error .tinymce-footerlink-textarea + .tox-tinymce.tox-edit-focus,
.widget-main:has(.table-alike--flowquestion).has-error .tinymce-textarea + .tox-tinymce.tox-edit-focus,
.widget-main:has(.table-alike--flowquestion).has-error .tinymce-footerlink-textarea + .tox-tinymce.tox-edit-focus,
.widget-main:has(.slide-text).has-error .tinymce-textarea + .tox-tinymce.tox-edit-focus,
.widget-main:has(.slide-text).has-error .tinymce-footerlink-textarea + .tox-tinymce.tox-edit-focus {
  border-color: #DB8978;
}
.form-group .help-block--fieldset,
fieldset .help-block--fieldset,
.td-has-input .help-block--fieldset,
.widget-main:has(.table-alike--flowquestion) .help-block--fieldset,
.widget-main:has(.slide-text) .help-block--fieldset {
  padding-left: 20px;
}

input:disabled, select:disabled, textarea:disabled {
  cursor: not-allowed;
}
input.has-error, select.has-error, textarea.has-error {
  border-color: #f09784;
  background-color: #ffc !important;
  box-shadow: none;
  color: #d68273;
}
input.has-error:focus, select.has-error:focus, textarea.has-error:focus {
  border-color: #DB8978;
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
  color: #866;
}
input.has-error:focus + [class*="fas fa-"],
input.has-error:focus + [class*="far fa-"], select.has-error:focus + [class*="fas fa-"],
select.has-error:focus + [class*="far fa-"], textarea.has-error:focus + [class*="fas fa-"],
textarea.has-error:focus + [class*="far fa-"] {
  color: #d68273;
}
input.has-error:disabled, select.has-error:disabled, textarea.has-error:disabled {
  border-color: #ccc !important;
  background-color: #eee !important;
  color: #848484 !important;
}

select:disabled {
  background-color: #eee !important;
}

.help-block--admin-log {
  margin-top: 0;
  padding-left: 64px;
}

input[type=radio], input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0;
  margin-top: 1px \9 ;
  line-height: normal;
  vertical-align: sub;
}
input[type=radio]:focus, input[type=checkbox]:focus {
  outline: none;
}

#jqgh_grid-table_cb input[type=checkbox] {
  margin: 0px 0 0;
}

/*---------
maincontents width settings
--------*/
.exExLargeWrap {
  max-width: 1200px;
}

.exLargeWrap {
  max-width: 1000px;
}

.xlargeWrap {
  max-width: 900px;
}
.xlargeWrap.xlargeWrap--diagnosis2, .xlargeWrap.xlargeWrap--quiz2 {
  max-width: 1052px;
}
.xlargeWrap.xlargeWrap--diagnosis2 .register-wizard,
.xlargeWrap.xlargeWrap--diagnosis2 .submitter, .xlargeWrap.xlargeWrap--quiz2 .register-wizard,
.xlargeWrap.xlargeWrap--quiz2 .submitter {
  width: 900px;
}
.xlargeWrap.xlargeWrap--diagnosis2 .form-group, .xlargeWrap.xlargeWrap--quiz2 .form-group {
  max-width: 900px;
}
.xlargeWrap.xlargeWrap--diagnosis2 .form-group.form-group--over, .xlargeWrap.xlargeWrap--quiz2 .form-group.form-group--over {
  max-width: 100%;
}
.xlargeWrap.xlargeWrap--diagnosis2 .form-group.form-group--over .col-sm-3, .xlargeWrap.xlargeWrap--quiz2 .form-group.form-group--over .col-sm-3 {
  width: 225px;
}
.xlargeWrap.xlargeWrap--diagnosis2 .form-group.form-group--over .col-sm-9, .xlargeWrap.xlargeWrap--quiz2 .form-group.form-group--over .col-sm-9 {
  width: calc(100% - 225px);
}

.largeWrap {
  max-width: 800px;
}

.largeMiddleWrap {
  max-width: 700px;
}

.middleWrap {
  max-width: 600px;
}

.smallWrap {
  max-width: 400px;
}

/*---------
file uploader setting
--------*/
.uploadfileBox {
  margin-top: 10px;
}
.uploadfileBox .ace-file-multiple .file-label.selected .file-name {
  color: #666;
}
.uploadfileBox .ace-file-multiple .file-label.selected .file-name i {
  color: #fff;
}
.uploadfileBox .ace-file-multiple .file-label:before {
  color: #d5d5d5;
  transition: color 0.2s ease;
}
.uploadfileBox .ace-file-multiple .file-label:hover:before {
  color: #999;
}
.uploadfileBox .ace-file-multiple .file-label:hover .file-name i {
  color: #999;
}
.uploadfileBox .ace-file-multiple .file-label .file-name.large {
  margin: 0 4px !important;
  text-align: left;
}
.uploadfileBox .ace-file-multiple .file-label .file-name.large:after {
  display: inline-block;
  position: initial;
  position: static;
  top: initial;
  top: auto;
  right: initial;
  right: auto;
  bottom: initial;
  bottom: auto;
  left: initial;
  left: auto;
  padding: initial;
  padding: 0;
  background-color: transparent !important;
  color: #666 !important;
  white-space: pre;
  opacity: initial;
  opacity: 1;
}
.uploadfileBox .ace-file-multiple .file-label .file-name.large img {
  display: none !important;
}
.uploadfileBox .ace-file-multiple .file-label .file-name.large [class*="fas fa-"],
.uploadfileBox .ace-file-multiple .file-label .file-name.large [class*="far fa-"],
.uploadfileBox .ace-file-multiple .file-label .file-name.large [class*=icon-slab-] {
  display: inline-block;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: auto;
  margin: 4px 4px 4px 2px;
  border: 2px solid #fff;
  background-color: transparent;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}
.uploadfileBox .ace-file-multiple .file-label .file-name i {
  border: none;
  color: #d5d5d5;
  transition: color 0.2s ease;
}
.uploadfileBox.uploadfileBox--custom-marker, .uploadfileBox.uploadfileBox--content-file {
  margin-top: 0;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label, .uploadfileBox.uploadfileBox--content-file .file-label {
  height: 100%;
  padding: 16px 0;
  color: #bbb;
  line-height: normal;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label:before, .uploadfileBox.uploadfileBox--content-file .file-label:before {
  display: none;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label:not(.selected) .file-name, .uploadfileBox.uploadfileBox--content-file .file-label:not(.selected) .file-name {
  margin: 0 !important;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label.selected.thumbnail-fit .file-name, .uploadfileBox.uploadfileBox--content-file .file-label.selected.thumbnail-fit .file-name {
  display: inline-block;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label.selected.thumbnail-fit .file-name img, .uploadfileBox.uploadfileBox--content-file .file-label.selected.thumbnail-fit .file-name img {
  display: inline !important;
  width: 156px !important;
  height: 156px !important;
  border: 1px solid #aaa;
  background-color: #eee;
  background-size: contain;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label.selected.thumbnail-fit + .remove, .uploadfileBox.uploadfileBox--content-file .file-label.selected.thumbnail-fit + .remove {
  top: 11px;
  right: calc((100% - 156px) / 2 - 16px);
  width: 32px;
  height: 32px;
  padding-top: 3px;
  border: none;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.22);
  color: #fa5e5e;
  font-size: 24px;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label.selected .file-label-inner, .uploadfileBox.uploadfileBox--content-file .file-label.selected .file-label-inner {
  display: none;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label .file-label-inner, .uploadfileBox.uploadfileBox--content-file .file-label .file-label-inner {
  display: inline-block;
  padding: 14px 0;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label .file-label-main, .uploadfileBox.uploadfileBox--content-file .file-label .file-label-main {
  display: inline-block;
  font-size: 18px !important;
  font-weight: bold;
  line-height: 24px !important;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label .file-label-sub, .uploadfileBox.uploadfileBox--content-file .file-label .file-label-sub {
  display: inline-block;
  margin-top: 16px !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 22px !important;
}
.uploadfileBox.uploadfileBox--custom-marker .file-label .file-label-follow, .uploadfileBox.uploadfileBox--content-file .file-label .file-label-follow {
  display: inline-block;
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}
.uploadfileBox.uploadfileBox--custom-marker .ace-file-input .file-label .file-name i, .uploadfileBox.uploadfileBox--content-file .ace-file-input .file-label .file-name i {
  display: none !important;
}
.uploadfileBox.uploadfileBox--custom-marker .ace-file-input .file-label .file-name:after, .uploadfileBox.uploadfileBox--content-file .ace-file-input .file-label .file-name:after {
  display: none;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected .file-name {
  font-size: 13px;
  line-height: 28px;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected .file-name:after {
  display: inline-block !important;
  white-space: pre;
  content: attr(data-title);
}
.uploadfileBox.uploadfileBox--content-file .dropzone {
  min-height: 129px;
  padding: 0;
  background-color: transparent;
}
.uploadfileBox.uploadfileBox--content-file .dropzone.dz-started:not(.dz-max-files-reached):after {
  display: inline-flex;
  align-items: center;
  /* flex */
  justify-content: center;
  width: 94px;
  height: 116px;
  margin: 10px;
  background-color: #f8f8f8;
  color: #d1d1d1;
  font-family: "Font Awesome 5 Free";
  font-size: 38px;
  content: "\f067";
}
.uploadfileBox.uploadfileBox--content-file .dropzone .dz-default.dz-message .file-label:hover span {
  color: #999;
}
.uploadfileBox.uploadfileBox--content-file .dropzone .dz-default.dz-message span {
  margin: 0;
  color: #bbb;
  font-size: 0;
  line-height: normal;
}
.uploadfileBox.uploadfileBox--content-file .dropzone .dz-preview {
  box-shadow: none;
}
.uploadfileBox.uploadfileBox--content-file .dropzone .dz-preview .dz-success-mark {
  display: inline-flex;
  top: -9px;
  right: auto;
  left: -9px;
  align-items: center;
  /* flex */
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  line-height: 11px;
}
.uploadfileBox.uploadfileBox--content-file .dropzone .dz-preview .dz-success-mark:before {
  font-size: 14px;
}
.uploadfileBox.uploadfileBox--content-file .dropzone .dz-preview .dz-details {
  width: 80px;
  height: 80px;
  padding: 0;
}
.uploadfileBox.uploadfileBox--content-file .dropzone .dz-preview .dz-details img {
  width: 80px;
  height: 80px;
}
.uploadfileBox.uploadfileBox--content-file .dropzone .dz-preview .dz-details .dz-size {
  position: static;
  bottom: auto;
  left: auto;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploadfileBox.uploadfileBox--content-file .dropzone a.dz-remove {
  display: inline-flex;
  z-index: 510;
  position: absolute;
  top: -9px;
  right: -9px;
  align-items: center;
  /* flex */
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0;
  border-radius: 50%;
  background-color: #fb7142;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.uploadfileBox.uploadfileBox--content-file .dropzone a.dz-remove:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
}
.uploadfileBox.uploadfileBox--content-file .dropzone a.dz-remove:hover {
  opacity: 0.7;
}
.uploadfileBox.uploadfileBox--content-file .ace-file-input.ace-file-multiple {
  height: 120px;
}
.uploadfileBox.uploadfileBox--content-file .ace-file-input.ace-file-multiple.ace-file-input-has-file {
  height: auto;
}
.uploadfileBox.uploadfileBox--content-file .file-label {
  padding: 11px 0 0;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected {
  height: auto;
  padding-top: 0;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected .file-name {
  margin: 1px 4px;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected .file-name i {
  display: inline-block !important;
  color: #fff;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected + .remove {
  display: inline-flex;
  top: 11px;
  right: 8px;
  align-items: center;
  /* flex */
  justify-content: center;
  width: 18px;
  height: 18px;
  border: none;
  background-color: #fb7142;
  color: #fff;
  transition: opacity 0.3s ease-in-out;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected + .remove:hover {
  opacity: 0.7;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected + .remove i {
  margin-left: 1px;
}
.uploadfileBox.uploadfileBox--content-file .file-label .file-label-inner {
  padding: 0;
}
.uploadfileBox.uploadfileBox--content-file .file-label .file-label-sub {
  margin-top: 8px !important;
}

.ace-file-multiple .file-label .file-name [class*="fas fa-"],
.ace-file-multiple .file-label .file-name [class*="far fa-"] {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  margin: 4px 0px;
  background-color: transparent;
  color: rgb(213, 213, 213);
  font-size: 64px;
  line-height: 64px;
  text-align: center;
}
.ace-file-multiple .file-label::before {
  display: inline-block;
  position: relative;
  right: 0px;
  left: 0px;
  margin: 12px;
  border: 0px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  background-color: transparent;
  color: rgb(204, 204, 204);
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  white-space: pre;
  content: attr(data-title);
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.contentContainer {
  padding-bottom: 0;
}
.contentContainer.hovered .file-label {
  background-color: #ffe0c1;
}
.contentContainer.hovered .file-label:before {
  color: #999 !important;
}
.contentContainer.hovered .file-label .file-name i {
  color: #999;
  cursor: pointer !important;
}
.contentContainer.hovered .dropzone .dz-default.dz-message {
  opacity: 1;
}
.contentContainer.hovered .dropzone .dz-default.dz-message .ace-file-input .file-label {
  background-color: #ffe0c1;
}
.contentContainer.hovered .dropzone .dz-default.dz-message .ace-file-input .file-label i {
  border-color: transparent !important;
}
.contentContainer.hovered .dropzone .dz-default.dz-message span {
  color: transparent !important;
}
.contentContainer.hovered .dropzone .dz-default.dz-message span i {
  color: transparent !important;
}
.contentContainer.hovered .dropzone:not(.dz-started) .dz-default.dz-message span {
  color: #999 !important;
}
.contentContainer.hovered .dropzone:not(.dz-started) .dz-default.dz-message span i {
  color: #999 !important;
}
.contentContainer .file-label:before {
  color: #d5d5d5;
  transition: color 0.2s ease;
}
.contentContainer .file-label .file-name i {
  border-color: transparent !important;
  color: #d5d5d5;
  cursor: pointer !important;
  transition: color 0.2s ease;
}

.file-label:hover {
  background-color: #ffe0c1;
  color: #999 !important;
}

.contentContainer-inner {
  overflow-x: hidden;
  overflow-y: auto;
}

.thumb_item_placeholder {
  width: 75px;
  height: 59px;
  margin: 5px 15px 5px 5px;
  border: 3px dashed #00a3d9 !important;
  background-color: rgba(0, 163, 217, 0.5) !important;
}

.text-message-box, .nonUploadBox {
  margin-top: 10px;
}

.ace-file-multiple {
  height: 190px;
}

#modal-form .ace-file-multiple, #modal-form .file-label {
  height: 250px;
}
#modal-form .ace-file-multiple .file-label::before {
  margin: 48px 0px 0px;
}

.ace-file-input input[type=file] {
  height: auto;
}

/*---------
lightbox setting
--------*/
#colorbox,
#cboxWrapper {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#colorbox #cboxClose {
  z-index: 2;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 3.5px;
}
#colorbox #cboxClose:focus {
  outline: none;
}

body.cbox_exist #cboxContent {
  padding: 0;
  background-image: url("../img/bg_transparent.png");
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
}
body.cbox_exist #cboxLoadedContent {
  margin-bottom: 0;
}

a[data-rel=colorbox]:active, a[data-rel=colorbox]:focus {
  outline: none;
}

.img_file_left {
  display: inline-block;
  width: 150px;
  height: 100%;
  margin-left: 10px;
  float: left;
}
.img_file_left.img_file_left_100 {
  width: 108px;
  margin-left: 11px;
}
.img_file_left.img_file_left_100 .img-responsive {
  max-width: 100px !important;
  max-height: 100px !important;
}
.img_file_left.img_file_left_100 + .img_file_right {
  width: calc(100% - 145px);
}
.img_file_left.img_file_left_100 .ace-thumbnails > li {
  margin: 0 1px;
  border: 1px solid #d5d5d5;
}
.img_file_left.img_file_left_content_100 {
  width: 102px !important;
}
.img_file_left.img_file_left_content_100 .img-responsive {
  max-width: 100px !important;
  max-height: 100px !important;
}
.img_file_left.img_file_left_content_100 + .img_file_right {
  width: calc(100% - 122px) !important;
}
.img_file_left li {
  display: table;
  text-align: center;
}
.img_file_left li > a {
  display: table-cell;
  background-color: #000;
}
.img_file_left .ace-thumbnails {
  font-size: 0;
}
.img_file_left .ace-thumbnails a.cboxElement {
  display: inline-block;
}
.img_file_left .ace-thumbnails a.cboxElement[href*=no_banner_image], .img_file_left .ace-thumbnails a.cboxElement[href*=no_link_image] {
  cursor: default;
}
.img_file_left .img-responsive {
  max-width: 142px;
  max-height: 142px;
}

.thumholder a.cboxElement[href^="assets/img/no_banner_image"], .thumholder a.cboxElement[href^="assets/img/no_ad_image"], .thumholder a.cboxElement[href^="assets/img/no_bg_image"], .thumholder a.cboxElement[href^="assets/img/no_parts_image"], .thumholder a.cboxElement[href^="assets/img/img_cover@2x"], .thumholder a.cboxElement[href^="assets/img/img_event_cover.png"], .thumholder a.cboxElement[href^="assets/img/dummy_appli_"], .thumholder a.cboxElement[href^="assets/img/app-material/icon-"],
.ace-thumbnails a.cboxElement[href^="assets/img/no_banner_image"],
.ace-thumbnails a.cboxElement[href^="assets/img/no_ad_image"],
.ace-thumbnails a.cboxElement[href^="assets/img/no_bg_image"],
.ace-thumbnails a.cboxElement[href^="assets/img/no_parts_image"],
.ace-thumbnails a.cboxElement[href^="assets/img/img_cover@2x"],
.ace-thumbnails a.cboxElement[href^="assets/img/img_event_cover.png"],
.ace-thumbnails a.cboxElement[href^="assets/img/dummy_appli_"],
.ace-thumbnails a.cboxElement[href^="assets/img/app-material/icon-"] {
  cursor: default;
}
.thumholder a.cboxElement:focus,
.ace-thumbnails a.cboxElement:focus {
  outline: none;
}
.thumholder a.cboxElement .img-responsive,
.ace-thumbnails a.cboxElement .img-responsive {
  display: inline-block;
}

.img_file_right {
  display: inline-block;
  width: calc(100% - 185px);
  margin-right: 10px;
  float: right;
}
.img_file_right .ace-file-input {
  margin-bottom: 0;
}
.img_file_right .hint-block {
  color: #888;
  font-size: 80%;
}

.ace-file-input {
  height: 30px;
}
.ace-file-input.ace-file-input-nothumbs {
  height: 30px;
  margin-bottom: 0;
}
.ace-file-input.ace-file-input-nothumbs + .help-block {
  margin-bottom: 0;
}
.ace-file-input.ace-file-multiple {
  height: 190px;
}
.ace-file-input input[type=file].ace_file_input {
  z-index: -2 !important;
  position: absolute;
  top: -100px;
  left: 0;
}
.ace-file-input .ace_file_input--nothumbs + .file-label {
  margin-bottom: 0;
}
.ace-file-input label {
  margin-bottom: 0;
}

input[type=checkbox].ace.ace-switch:disabled {
  cursor: not-allowed;
}
input[type=checkbox].ace.ace-switch:disabled + .lbl {
  cursor: not-allowed;
}
input[type=checkbox].ace.ace-switch:checked + .lbl[data-lbl]:before {
  text-indent: 5px;
}
input[type=checkbox].ace.ace-switch + .lbl {
  font-family: Arial, Helvetica, sans-serif !important;
}
input[type=checkbox].ace.ace-switch + .lbl:after {
  box-shadow: none;
  content: "";
}
input[type=checkbox].ace.ace-switch + .lbl[data-lbl]:before {
  font-family: Arial, Helvetica, sans-serif !important;
  text-indent: -24px;
  content: attr(data-lbl);
}

/*---------
tab element setting
--------*/
.tab-content {
  background: #fff;
}
.tab-content:before {
  display: table;
  content: " ";
}
.tab-content:after {
  display: table;
  clear: both;
  content: " ";
}
.widget-main .tab-content {
  z-index: 11;
  position: relative;
  padding: 16px 12px;
  border: 1px solid rgb(197, 208, 220);
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
}

.nav-tabs > li > a > .badge {
  margin: 0px 0px 0px 12px;
  padding: 0px 5px;
  line-height: 15px;
  opacity: 0.7;
}

.widget-main.thin {
  padding: 8px;
}
.widget-main.thick {
  padding: 20px;
}
.widget-main:before {
  display: table;
  content: " ";
}
.widget-main:after {
  display: table;
  clear: both;
  content: " ";
}
.widget-main .table:last-child, .widget-main .table:has(+ .help-block) {
  margin-bottom: 0;
}

.help-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #adbabe;
  box-shadow: none;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
}
.help-button:hover {
  background-color: #82969c;
}
.help-button.help-button--header {
  margin-left: 12px;
  vertical-align: 5px;
}
.help-button.help-button--displaysettings {
  vertical-align: 3px;
}
.help-button.help-button--top {
  vertical-align: top !important;
}

h4 .help-button {
  margin-left: 5px;
  vertical-align: 2px;
}
h4 .small {
  margin-left: 10px;
  font-size: 11px;
  font-weight: 400;
  vertical-align: baseline;
}

/*---------
submit area setting
--------*/
.submitter .btn {
  min-width: 120px;
  margin-right: 0;
}
.submitter .btn:not(:first-child) {
  margin-left: 8px;
}

/*---------
pager buttons
--------*/
.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled {
  pointer-events: none;
}
.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
  display: inline-block;
  position: static;
  width: 24px;
  height: 24px;
  margin: 0px 2px;
  padding: 0px;
  float: none;
  border: 1px solid #abbac3;
  border-radius: 100%;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  background-color: #abbac3;
  color: #fff;
  line-height: 22px;
  text-align: center;
  transition: background-color 0.1s linear;
}
.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:hover {
  border-color: rgb(105, 154, 181);
  color: #fff;
}
.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled > .ui-icon:hover {
  border-color: rgb(221, 221, 221);
  color: rgb(176, 176, 176);
}

/*---------
dl list setting
--------*/
.dl-horizontal dt {
  width: 160px;
  margin-bottom: 10px;
  float: left;
  clear: left;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-bottom: 10px;
}
.dl-horizontal.smaller {
  margin-bottom: 10px;
  font-size: 80%;
}
.dl-horizontal.smaller dt {
  width: 80px;
  margin-bottom: 5px;
  float: left;
  clear: left;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal.smaller dd {
  margin-bottom: 5px;
  margin-left: 90px;
}

/*---------
dialog settings
--------*/
.EditButton a {
  display: inline-block;
  min-width: 100px;
  margin-right: 10px;
  float: none;
}
.EditButton a:last-child {
  margin-right: 0px;
}

.ui-jqdialog-content td.EditButton.EditButton {
  text-align: center;
}

.EditButton.btn {
  display: inline-block;
}

/*---------
user_contents settings
--------*/
.thumWrap {
  margin-right: 15px;
  margin-right: 1.5rem;
  float: left;
}
.thumWrap img {
  max-width: 80px;
  max-height: 100px;
}

.thumWrapText {
  padding: 5px;
}

.hideControls {
  /*display: none;*/
  visibility: hidden;
}
.hideControls a {
  margin-right: 1rem;
  margin-left: 1rem;
}
.hideControls a:first-child {
  margin-right: 1rem;
  margin-left: 0rem;
}
.ui-jqgrid-btable tr.ui-state-hover .hideControls {
  /*display: block;*/
  visibility: visible;
}

.thumTitle {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.id_pass {
  color: #999;
}

/*---------
user_contents detail settings
--------*/
.thumWrap_large {
  text-align: center;
}
.thumWrap_large img {
  max-width: 160px;
  max-height: 160px;
}

.thumBox_detail dl {
  margin: 0px;
}
.thumBox_detail dl dl {
  margin-bottom: 10px;
  color: #999;
}
.thumBox_detail hr {
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}

.slabdlBox01 {
  width: 100%;
  float: left;
}
.slabdlBox01.separated {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e3e3e3;
}
.slabdlBox01.separated dt.full {
  margin-top: 0;
}
.slabdlBox01 dt {
  width: 80px;
  float: left;
  color: #666;
  font-size: 12px;
  line-height: inherit;
}
.slabdlBox01 dt.narrow {
  width: 60px;
}
.slabdlBox01 dt.wide {
  width: 100px;
}
.slabdlBox01 dt.full {
  width: 100%;
  margin-top: 4px;
  float: none;
}
.slabdlBox01 dt.full + dd {
  width: 100%;
  float: none;
}
.slabdlBox01 dd {
  width: auto;
  float: left;
  color: #666;
  font-size: 12px;
  line-height: inherit;
}

/*---------
thumnail view setting
--------*/
.tools {
  padding-top: 5px;
}

.ace-thumbnails > li.thumAddBox {
  width: 150px;
  padding: 2px;
  border: none;
  line-height: normal;
}
.ace-thumbnails > li.thumAddBox a {
  display: block;
  position: relative;
  height: 100% !important;
}
.ace-thumbnails > li.thumAddBox a > [class*="fas fa-"],
.ace-thumbnails > li.thumAddBox a > [class*="far fa-"] {
  margin-right: 0;
}
.ace-thumbnails > li.thumAddBox-small {
  width: 100px;
  height: 100px;
}
.ace-thumbnails > li.markerAdding {
  border-color: rgba(0, 0, 0, 0.4);
  cursor: default !important;
}
.ace-thumbnails > li.markerAdding > a > img {
  opacity: 0.4;
}
.ace-thumbnails > li.markerAdding a {
  cursor: default !important;
}
.ace-thumbnails > li.markerAdding .tags {
  display: none !important;
}
.ace-thumbnails > li.markerAdding > .tools {
  display: none !important;
}
.ace-thumbnails > li.markerAdding > .loadingArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ace-thumbnails > li.markerAdding > .loadingArea .loading {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  margin: 47px 0 0 59px;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
}
.ace-thumbnails > li.markerAdding > .loadingArea .progress {
  top: calc(100% - 19px) !important;
  margin: 0 7px;
}
.ace-thumbnails > li:not(.markerAdding) > .loadingArea {
  display: none !important;
}
.ace-thumbnails > li > :first-child {
  display: inline;
  position: static;
}
.ace-thumbnails > li .tags {
  top: 0px;
}
.ace-thumbnails > li .tags > .label-holder {
  margin-top: 0;
  text-align: right;
}
.ace-thumbnails > li .tags > .label-holder .label-icon-mini {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  padding: 2px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 20px;
  text-align: center;
  cursor: default;
}
.ace-thumbnails > li .tags > .label-holder .label-icon-mini.label {
  top: 2px;
  padding: 4px;
  font-size: 14px;
}
.ace-thumbnails > li .tags > .label-holder .label.arrowed:first-child {
  margin-bottom: 2px;
}
.ace-thumbnails a:focus, .ace-thumbnails img:focus {
  outline: none;
  outline-offset: 0px;
}

.thumAdd {
  font-size: 84px;
}

/*---------
thumnail view for movie setting
--------*/
.thumbnailBox {
  /*display: table;*/
  width: 100%;
  margin: 0px;
}
.thumbnailBox > li {
  display: inline-block;
  width: 180px;
  height: 220px;
  margin-right: 10px;
}
.thumbnailBox.markerBox > li {
  height: 265px;
}

.thumbBoxInner {
  min-height: 20px;
  max-height: 220px;
  margin-bottom: 20px;
  padding: 0px;
  float: left;
  overflow: hidden;
  background-color: #fff;
  /*border: 1px solid $border-color;*/
  /*border-radius: 4px;*/
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.thumbnailBox.markerBox .thumbBoxInner {
  max-height: 255px;
}

.timeStamp {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0px 5px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFF;
  font-size: 10px;
  line-height: 18px;
}

.photoBox {
  overflow: hidden;
}
.photoBox > a > img {
  width: 100%;
  height: auto;
}

.thumbTitle01 {
  word-wrap: break-word;
  display: block;
  width: 162px;
  height: 34px;
  margin: 0px 8px 0px 8px;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

.thumbInfoBox {
  width: 163px;
  margin: 2px 8px 4px 8px;
  float: left;
  color: #666;
  font-size: 70%;
  line-height: 14px;
}
.thumbInfoBox .play_count {
  display: block;
  width: 100%;
  font-weight: bold;
}
.thumbInfoBox .lastupdate {
  display: block;
  width: 100%;
  text-align: left;
}
.thumbInfoBox .apptype {
  display: block;
  width: 100%;
  font-size: 13px;
  text-align: left;
}

.thumbnailBox {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumbnailBox .adminOnly {
  height: 28px;
  height: 1.5rem;
  margin: 1px 8px 0;
  overflow: hidden;
}
.thumbnailBox.markerBox .photoBox {
  position: relative;
  width: 100%;
  height: 150px;
}
.thumbnailBox.markerBox .photoBox > a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  line-height: 150px;
  text-align: center;
}
.thumbnailBox .photoBox {
  position: relative;
  width: 100%;
  height: 101px;
  line-height: 98px;
  text-align: center;
}
.thumbnailBox .photoBox .tools {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -30px;
  width: 24px;
  background-color: rgba(0, 0, 0, 0.55);
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s ease;
}
.thumbnailBox .photoBox .tools.tools-bottom {
  z-index: 3;
  top: auto;
  right: 0;
  bottom: -30px;
  left: 0;
  width: auto;
  height: 28px;
  line-height: 18px;
}
.thumbnailBox .photoBox:hover .tools {
  bottom: 0px;
}
.thumbnailBox .photoBox > .tools > a, .thumbnailBox .photoBox > :first-child .inner a {
  padding: 0px 4px;
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
}
.thumbnailBox .photoBox > .tools > a:hover, .thumbnailBox .photoBox > :first-child .inner a:hover {
  color: rgb(201, 226, 234);
  text-decoration: none;
}

/*---------
colorbox setting
--------*/
#cboxOverlay {
  background: rgba(255, 255, 255, 0.85) !important;
}

#cboxContent {
  border: none;
}

/*---------
contents and marker thumbnails setting
--------*/
.edit-preview-wrap {
  margin: 10px auto;
  padding: 5px;
  border: #ccc 1px solid;
}

.edit-preview-tablist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.edit-preview-tablist .edit-preview-tablist-item {
  display: none;
}
.edit-preview-tablist .edit-preview-tablist-item.active {
  display: block;
}

.edit-preview-wrap-nav-list-item.active {
  outline: 2px #468FCC solid;
}
.edit-preview-wrap-nav-list-item .tags {
  line-height: 120%;
}

.edit-preview-wrap-nav .list-inline li {
  width: 100px;
  height: 100px;
  padding-right: 0;
  padding-left: 0;
  background: #fff;
  line-height: 100px;
}
.edit-preview-wrap-nav .list-inline li .tools {
  line-height: 16px;
}

/* 複数ファイルアップロード用（dropzone） */
.dropzone {
  height: auto;
  min-height: 190px;
}
.dropzone:hover .dz-default.dz-message span {
  color: #999;
}
.dropzone:hover .dz-default.dz-message span i {
  color: #999;
}
.dropzone.dz-started .dz-default.dz-message .ace-file-input .file-label {
  border: 1px solid transparent !important;
  border-radius: 0;
}
.dropzone.dz-started .dz-default.dz-message span {
  color: transparent !important;
}
.dropzone.dz-started .dz-default.dz-message span i {
  color: transparent !important;
}
.dropzone:not(.dz-started) {
  border: none;
}
.dropzone.dz-drag-hover {
  background-color: transparent;
}
.dropzone.dz-drag-hover:not(.dz-started) .dz-default.dz-message {
  opacity: 1;
}
.dropzone.dz-drag-hover:not(.dz-started) .dz-default.dz-message .ace-file-input .file-label {
  background-color: transparent;
}
.dropzone.dz-drag-hover:not(.dz-started) .dz-default.dz-message span {
  color: #d5d5d5;
}
.dropzone.dz-drag-hover:not(.dz-started) .dz-default.dz-message span i {
  color: #d5d5d5;
}
.dropzone .dz-default.dz-message {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: none;
}
.dropzone .dz-default.dz-message span {
  display: block;
  margin: 12px;
  background-color: transparent;
  color: #d5d5d5;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  transition: color 0.2s ease;
}
.dropzone .dz-default.dz-message span i {
  color: #d5d5d5;
  transition: color 0.2s ease;
}
.dropzone .ace-file-multiple .file-label::before {
  display: none;
}
.dropzone .dz-preview .dz-details .dz-filename {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropzone .dz-preview .dz-success-mark {
  background-image: none;
}
.dropzone a.dz-remove {
  background-color: #b74635;
  background-image: none;
  color: #FFF;
}

.modal .dropzone {
  height: auto;
  min-height: 360px;
}
.modal .dropzone .dz-default.dz-message span {
  margin: 25px;
  line-height: 40px;
}

.uploadfileBoxMultiple {
  margin-top: 10px;
}
.uploadfileBoxMultiple .ace-file-multiple {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.uploadfileBoxMultiple .ace-file-multiple .file-label {
  height: 100%;
}

.dropzone .dz-preview, .dropzone-previews .dz-preview {
  margin: 10px;
}
.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark {
  width: 100%;
  border-radius: 0;
}
.dropzone .dz-preview.suspended, .dropzone-previews .dz-preview.suspended {
  display: none; /* コンテンツ追加の保留 */
}
.dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
}
.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
  width: 120px;
  height: 120px;
}
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
  box-sizing: border-box;
  display: none;
  z-index: 500;
  position: absolute;
  top: 0px;
  right: 1px;
  left: 1px;
  min-width: 0;
  max-width: 500px;
  max-height: 120px;
  padding: 8px 10px;
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(245, 245, 245, 0.8);
  color: #800;
  font-size: 12px;
  line-height: 120%;
}
.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
  top: 0;
  right: 0;
  background-image: none;
}
.dropzone .dz-preview .dz-error-mark:before, .dropzone-previews .dz-preview .dz-error-mark:before {
  color: #db6262;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
  font-size: 12px;
  content: "\30a8\30e9\30fc";
}

.dropzone-previews a.dz-remove, .dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover {
  background-color: #b74635;
  background-image: none;
  color: #FFF;
}

.edit-preview-wrap-nav-list-item-btn img {
  width: 100px;
  height: auto;
}

.thumAddBox.thumAddBox-small .thumAdd {
  font-size: 30px;
  line-height: 65px;
}
.thumAddBox.thumAddBox-small .btn {
  height: 100px;
}

.edit-preview-picture a {
  display: block;
  width: 270px;
  height: 200px;
  margin-right: 1em;
  float: left;
  overflow: hidden;
  background: #666666;
  line-height: 200px;
  text-align: center;
}

.picture-marker-wrap {
  display: block;
  max-height: 400px;
  text-align: center;
}

.edit-preview-picture a img {
  width: 100%;
  height: auto;
}

.markerBox .label-holder {
  position: absolute;
  top: 5px;
  right: 0;
  line-height: 14px;
}

/*---------
contents_picture setting
--------*/
.photoBox {
  display: inline-block;
  /*border:#666 2px solid;*/
  background-color: #666;
}
.contentsAnimationGIF .photoBox {
  background-color: #fff;
}

.contentsPicture {
  display: block;
  width: 100%;
  overflow: hidden;
  line-height: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contentsPicture .photoBox {
  display: block;
  width: 94px;
  height: 94px;
  margin-right: 1em;
  float: left;
  overflow: hidden;
  line-height: auto;
  text-align: center;
}
.contentsPicture .photoBox img {
  width: 100%;
  height: auto;
  line-height: 100%;
}

/*---------
modal size setting overwraite bootstrap
--------*/
@media screen and (min-width: 768px) {
  .modal.mini .modal-dialog {
    width: 360px !important;
  }
  .modal.smaller .modal-dialog {
    width: 480px !important;
  }
  .modal.smallmiddle .modal-dialog {
    width: 580px !important;
  }
  .modal.middle .modal-dialog {
    width: 700px !important;
  }
  .modal.middlelarge .modal-dialog {
    width: 820px !important;
  }
  .modal.large .modal-dialog {
    width: 880px !important;
  }
  .modal.xlarge .modal-dialog {
    width: 1000px !important;
  }
  .modal.xlarge1080 .modal-dialog {
    width: 1080px !important;
  }
  .modal.xxlarge .modal-dialog {
    width: 1260px !important;
  }
  .modal-dialog {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .modal-dialog.mini {
    width: 320px !important;
  }
  .modal-dialog.smaller {
    width: 480px !important;
  }
  .modal-dialog.smallmiddle {
    width: 580px !important;
  }
  .modal-dialog.middle {
    width: 700px !important;
  }
  .modal-dialog.middlelarge {
    width: 820px !important;
  }
  .modal-dialog.large {
    width: 880px !important;
  }
  .modal-dialog.xlarge {
    width: 1000px !important;
  }
  .modal-dialog.xlarge1080 {
    width: 1080px !important;
  }
  .modal-dialog.xxlarge {
    width: 1260px !important;
  }
  .modal.large .modal-body {
    /*max-height:400px;*/
    /* - height - 100*/
  }
}
.modal-footer {
  margin-top: 0;
  font-size: 0;
}
.modal-footer .btn {
  min-width: 120px;
}
.modal-footer .btn + .tooltip + .btn {
  margin-left: 10px;
}
.modal-footer .btn + .btn {
  margin-left: 10px;
}
.modal-footer .button-order {
  position: relative;
  margin-left: 10px;
  float: right;
}
.modal-footer .button-order:last-child {
  margin-left: 0;
}

.modal {
  overflow: hidden;
}
.modal.modal-on-modal {
  z-index: 1060;
}
.modal.modal-on-modal + .modal-backdrop {
  z-index: 1050;
}

.modal-backdrop + .modal-backdrop {
  z-index: 1050;
}
.modal-backdrop + .modal-backdrop + .modal-on-modal {
  z-index: 1160;
}
.modal-backdrop + .modal-backdrop + .modal-on-modal + .modal-backdrop {
  z-index: 1100;
}

/*---------
notificacion
--------*/
#gritter-notice-wrapper {
  z-index: 999;
}

.gritter-item-wrapper {
  z-index: 1030;
}
.gritter-item-wrapper.gritter-info, .gritter-item-wrapper.gritter-primary {
  background-color: #0090e6;
}
.gritter-item-wrapper.gritter-success {
  background-color: #5abc5a;
}
.gritter-item-wrapper.gritter-warning {
  background-color: #f5bc34;
}
.gritter-item-wrapper.gritter-danger, .gritter-item-wrapper.gritter-error {
  background-color: #e84d4d;
}

.gritter-center {
  position: fixed;
  top: 15%;
  right: 33%;
  left: 33%;
}

.gritter-top-center {
  position: fixed;
  top: 10%;
  right: 33%;
  left: 33%;
}

.gritter-item {
  position: relative;
  padding: 8px 20px 8px 11px;
}
.gritter-item .gritter-title {
  padding: 0;
}
.gritter-item p {
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}

.gritter-info .gritter-close,
.gritter-success .gritter-close,
.gritter-warning .gritter-close,
.gritter-danger .gritter-close {
  color: #fff;
}

.gritter-close {
  position: absolute;
  top: 3px;
  right: 3px;
  left: auto;
  width: 17px;
  height: 17px;
  border-radius: 0;
  background: none;
  cursor: pointer;
}
.gritter-close:before, .gritter-close:after {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: -2px;
  width: 17px;
  height: 1px;
  background-color: #fff;
  content: "";
}
.gritter-close:before {
  transform: rotate(45deg);
}
.gritter-close:after {
  transform: rotate(135deg);
}

/*---------
subnaviをマウスオーバーで展開するとき
--------*/
/*.nav-list>li.open .submenu {
	display: block;
}
.nav-list>li.maintainHover .submenu {
	display: block;
}*/
/*---------
media queries
--------*/
@media only screen and (max-width: 991px) {
  .page-header {
    padding-left: 77px;
  }
  body.is-preview .page-header {
    padding-left: 0px;
  }
}
#modal-movieplayer .col-xs-12 .dl-horizontal,
#modal-audioplayer .col-xs-12 .dl-horizontal {
  margin: 0 0 10px 0 !important;
}
#modal-movieplayer .dl-horizontal dt,
#modal-audioplayer .dl-horizontal dt {
  width: 70px !important;
  margin: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#modal-movieplayer .dl-horizontal dd,
#modal-audioplayer .dl-horizontal dd {
  width: 237px !important;
  margin: 0 0 0 70px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mejs-container {
  margin: 0 auto;
}

.edit-preview-box01 .mejs-container, .edit-preview-box01 #playerFallBack {
  margin: 0;
  float: left;
}

div#videoplayer {
  width: 510px !important;
  height: 264px !important;
  margin: 0px auto !important;
}
div#videoplayer.edit {
  width: 270px !important;
  height: 200px !important;
  /*margin: 0px auto !important;*/
  float: left;
}
div#videoplayer.edit.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  margin: 0px auto !important;
  /*float: left;*/
}
div#videoplayer.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  margin: 0px auto !important;
  /*float: left;*/
}
div#videoplayer .vjs-big-play-button {
  top: 93px !important;
  left: 195px !important;
}
div#videoplayer.edit .vjs-big-play-button {
  top: 59px !important;
  left: 50% !important;
  margin-left: -58px;
}

.audioplayer .vjs-fullscreen-control {
  display: none !important;
}
.audioplayer .vjs-volume-control {
  margin-right: 15px !important;
}

/* オーディオプレイヤー */
div#audioplayer, .audioplayer div#videoplayer {
  height: 50px !important;
}

div#audioplayer .vjs-big-play-button {
  top: 5px !important;
  left: 50% !important;
  width: 60px !important;
  height: 40px !important;
  margin-left: -30px;
  border-radius: 0.4em !important;
}

.audioplayer div#videoplayer .vjs-big-play-button {
  top: 5px !important;
  left: 50% !important;
  width: 60px !important;
  height: 40px !important;
  margin-left: -30px;
  border-radius: 0.4em !important;
}
.audioplayer .vjs-big-play-button:before {
  top: -0.75em !important;
}
.audioplayer .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible !important;
  opacity: 1 !important;
  transition-duration: 0s !important;
}

/* マーカー追加 */
.fixed-img-box150 li {
  width: 150px;
  height: 150px;
  overflow: hidden;
  background: #666;
  line-height: 150px;
  text-align: center;
}
.fixed-img-box150 li.loadingFailed {
  background: #FFF;
}
.fixed-img-box150 li.needAddBox {
  display: table;
  border: 2px dashed #aaa;
  background-color: #eee;
  color: #aaa;
  line-height: normal;
}
.fixed-img-box150 li.needAddBox .needAddBox__inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.fixed-img-box150 li > a {
  width: 146px;
  height: 146px;
  overflow: hidden;
  text-align: center;
}
.fixed-img-box150 li .tags, .fixed-img-box150 li .tools, .fixed-img-box150 li .marker-error-message {
  line-height: 18px;
}
.fixed-img-box150 li .tools {
  z-index: 3;
}
.fixed-img-box150 li .tools a {
  text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 3px;
}

/*marker thumbnail fixed width and height*/
.loadingFailed img {
  opacity: 0.2;
}

.marker-error-message {
  position: absolute;
  top: 40px;
  left: 15px;
  text-align: center;
}

/* contents edit page setting*/
div#audioplayer, .edit-preview-box01 .audioplayer div#videoplayer {
  width: 100% !important;
  max-width: 270px !important;
  height: 50px !important;
  float: left;
}

.edit-info-box01 {
  margin-left: 280px;
}
.edit-info-box01 .btn {
  width: 150px;
  margin-bottom: 1em;
}

.edit-preview-picture {
  width: 270px;
  float: left;
}
.edit-preview-picture img {
  width: 270px;
  height: auto;
}

.file {
  display: inline-block;
  position: relative;
  overflow: hidden;
  /*padding: .5em;*/
  /*border: 1px solid #999;*/
  background-color: #eee;
}
.file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity: 0;
}
.edit-preview-box01 .file {
  margin-right: 10px;
}

.picture-marker-wrap img {
  /*width: 100%;*/
  max-width: 100%;
  height: auto;
}

.sound .edit-info-box01 {
  margin-left: 292px;
}

.edit-preview-sound {
  width: 280px;
  float: left;
}

.edit-preview-box01 #playerFallBack {
  width: 270px;
  font-size: 80%;
}

@media (max-width: 1210px) {
  .sound .edit-info-box01, .edit-info-box01 {
    width: 100%;
    margin-top: 12px;
    margin-left: 0px;
    float: left;
    text-align: center;
  }
  .edit-preview-sound, .edit-preview-picture {
    margin: 0 auto;
    float: none;
  }
  .edit-preview-box01 .mejs-container, .edit-preview-box01 #playerFallBack {
    margin: 0 auto;
    float: none;
  }
}
.edit-info-box01 p {
  word-wrap: break-word;
}

.picture-marker-wrap img {
  /*width: 100%;*/
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.tooltip-inner a {
  color: inherit !important;
  text-decoration: underline;
}
.tooltip-inner a:hover {
  color: inherit !important;
}

.tags {
  width: 100%;
}
.tags input[type=text] {
  line-height: 20px;
}
.tags input[type=text]:focus {
  line-height: 20px;
}

/*---------
loading message setting
--------*/
.close-unabled .gritter-close {
  display: none !important;
}

/*---------
feed back btn settings
--------*/
.feedbackbtn {
  z-index: 20;
  position: fixed;
  right: 20px;
  bottom: 0;
  line-height: 24px;
}

/*---------
head alert
--------*/
body.page_alert_exist .navbar {
  height: 111px;
}
body.page_alert_exist .navbar .navbar-container {
  height: 59px;
  border-top: #616161 solid 3px;
}
.alert.global {
  margin-bottom: 0;
  text-align: center;
}
.alert.global.alert-warning {
  background-color: #feecd3;
  color: #d6804c;
}

/*---------
select menu (jQuery UI)
ported from Ace 1.3.3
--------*/
.ui-selectmenu-button {
  border: 1px solid #aaa;
}
.ui-selectmenu-button span.ui-icon {
  margin-top: -10px;
  text-indent: 0;
}
.ui-selectmenu-button .ui-icon:before {
  display: inline-block;
  color: #888;
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  content: "\f0d7";
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: 0 !important;
}

.ui-selectmenu-menu .ui-menu {
  padding: 0;
}
.ui-selectmenu-menu .ui-menu .ui-state-focus {
  background-color: #3399ff;
  color: #fff;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item {
  padding: 6px 17px 6px 9px;
}

/*---------
fixing page-header
--------*/
body.page_header_fixed {
  padding-top: 56px;
}
body.page_header_fixed.page_alert_exist {
  padding-top: 120px;
}
body.page_header_fixed.page_alert_exist .navbar {
  height: 108px;
}
body.page_header_fixed.page_alert_exist .sidebar.sidebar-fixed {
  top: 108px;
}
body.page_header_fixed.admin-log--has-error .page-content {
  padding-top: 61px;
}
body.page_header_fixed .page-content {
  padding-top: 49px;
}
body.page_header_fixed .page-header {
  z-index: 2000;
  position: fixed;
  top: 56px;
  width: calc(100% - 230px);
  padding: 0;
  overflow: visible;
  border-bottom: none;
}
body.page_header_fixed .page-header h1 {
  position: relative;
  margin-top: -1px;
  margin-bottom: 0;
  padding: 14px 0 8px;
  border-bottom: 1px dotted #e2e2e2;
  background-color: #f9f9f9;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0);
  transition: box-shadow 0.8s ease;
}
body.page_header_fixed .page-header h1:before, body.page_header_fixed .page-header h1:after {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: -6px;
  width: 4px;
  background-color: #f9f9f9;
  content: "";
}
body.page_header_fixed .page-header h1:before {
  left: -4px;
}
body.page_header_fixed .page-header h1:after {
  right: -4px;
}
body.page_header_fixed.scrolling .page-header h1 {
  position: relative;
  border-bottom: 1px solid #f9f9f9;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.4s ease;
}
body.page_header_fixed.page_alert_exist .page-header {
  top: 109px;
}

@media (max-width: 992px) {
  body.page_header_fixed .page-content {
    padding-top: 8px;
  }
}
@media (max-width: 1020px) {
  body.page_header_fixed .page-header {
    width: 100%;
  }
}
@media (max-width: 992px) {
  body.page_header_fixed .page-header {
    position: static;
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  body.page_header_fixed .page-header h1 {
    padding-left: 77px;
  }
}
.navbar-fixed-top {
  z-index: 6000;
}

body.page_header_fixed .modal-backdrop {
  z-index: 6100;
}
body.page_header_fixed .modal {
  z-index: 6200;
}

/*---------
form in page-header
--------*/
.header_form {
  display: inline-block;
  margin: 0 0 5px 30px;
  font-size: 0;
  list-style-type: none;
  vertical-align: middle;
}
.header_form.header_form--widget-header {
  margin: 0;
  vertical-align: top;
}
.header_form.header_form--widget-header.has-error .header_form_item_string {
  color: #d68273;
}
.header_form.header_form--widget-header.has-error + .help-block {
  display: block;
  margin-top: 5px;
  color: #d68273;
}
.header_form .header_form_item {
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 14px;
  vertical-align: middle;
}
.header_form .header_form_item:last-child {
  margin-right: 0;
}
.header_form .header_form_item .alert {
  padding: 6px 10px 4px;
}
.header_form .input-group.pull-left {
  display: table;
  width: auto;
}
.header_form .input-group-addon {
  width: 40px;
  height: 34px;
}

.ui-datepicker {
  z-index: 5000 !important;
}

/*---------
log_head
--------*/
.log_head {
  margin-bottom: 12px;
}
.log_head .log_head_str {
  color: #666;
  vertical-align: baseline;
}
.log_head .log_head_title {
  margin: 0 25px 0 5px;
}
.log_head .log_head_title.log_head_title_suffix {
  margin: 0 0 0 5px;
}
.log_head .log_head_name {
  font-size: 130%;
  font-weight: bold;
}
.log_head .log_head_access_count {
  margin-left: 40px;
}
.log_head .log_head_access_count:first-child {
  margin-left: 0;
}
.log_head .log_head_access_count:first-child .log_head_title {
  margin-left: 0;
}
.log_head .log_head_access_count:first-child .log_head_title.log_head_title_suffix {
  margin: 0 0 0 5px;
}
.log_head .log_head_count {
  font-size: 200%;
  font-weight: bold;
  vertical-align: -2px;
}

/*---------
widget specified
contents_select_widget
--------*/
#contents_select_widget .widget-main {
  padding: 0;
}
#contents_select_widget .widget_main_head {
  padding: 12px 12px 0;
}

.header-search {
  font-size: 0;
}
.header-search > .input-icon.input-icon-right, .header-search > button {
  font-size: 14px;
  vertical-align: top;
}
.header-search > .input-icon.input-icon-right {
  height: 34px;
}
.header-search > .input-icon.input-icon-right > input {
  height: 34px;
}
.header-search > .input-icon.input-icon-right .fas.fa-caret-down {
  padding: 0;
  line-height: 31px;
}
.header-search + div {
  margin-left: 10px;
}

.widget_main_head .form-group > label {
  margin-right: 10px;
  padding-top: 7px;
}
.widget_main_head .form-group .select_wrap, .widget_main_head .form-group .search_wrap {
  display: inline-block;
  vertical-align: middle;
}
.widget_main_head .form-group .select_wrap {
  margin-right: 15px;
}
.widget_main_head select#classification {
  height: 34px;
}
.widget_main_head .input-group .btn-search {
  display: inline-block;
  width: 60px;
  height: 34px;
}
.widget_main_head .input-group .btn:not(:last-child) {
  margin-right: 10px;
}
.widget_main_head .input-group .btn i[class*="fas fa-"],
.widget_main_head .input-group .btn i[class*="far fa-"] {
  margin-right: 5px;
}

#display_log {
  height: 34px;
  margin: 0 10px 0 15px;
  padding-right: 20px;
  padding-left: 20px;
}

#contents_select_widget #grid_wrap tr, #contents_select_widget #grid-table {
  border-left: none !important;
}
#contents_select_widget #grid-pager {
  border-bottom: none !important;
}

.widget-header {
  color: #777;
}
.widget-header[data-action=collapse] {
  cursor: pointer;
}
.widget-header[data-action=collapse] .widget-toolbar a {
  color: #aaa;
}
.widget-header > .widget-caption,
.widget-header > :first-child {
  line-height: 38px;
}
.widget-header h3,
.widget-header h4,
.widget-header h5 {
  color: #777;
  font-weight: 700;
}
.widget-header h3 small,
.widget-header h4 small,
.widget-header h5 small {
  margin-left: 10px;
  font-weight: 400;
}

/*---------
widget specified
access_graph_widget
--------*/
.line_graph_widget .btn-group {
  margin: 5px 24px 0 0;
  float: right;
}

/*---------
widget specified
age_graph_widget
--------*/
#age_graph_widget {
  margin: 20px 0 0;
}

/*---------
widget specified
gender_graph_widget
--------*/
.gender_graph_widget {
  display: inline-block;
  width: calc((100% - 45px) / 2);
  margin: 20px 40px 0 0;
  vertical-align: top;
}

/*---------
widget specified
area_graph_widget
--------*/
.area_graph_widget {
  display: inline-block;
  width: calc((100% - 45px) / 2);
  margin: 20px 0 0;
  vertical-align: top;
}
#areaHorizontalBarWrap {
  padding-bottom: 27px;
}

.widget_footer {
  height: 55px;
  border-top: 1px solid #e1e1e1;
  background-color: #eff3f8;
}

.footer_select_title {
  display: inline-block;
  padding: 18px 15px 16px 25px;
  vertical-align: middle;
}

.footer_select_wrap {
  display: inline-block;
  height: 32px;
  vertical-align: middle;
}
.footer_select_wrap .ui-selectmenu-button {
  width: 159px !important;
  background-color: #fff;
}

/*ウィジェット ヘッダ透明*/
.widget-header-color-transparent {
  padding-left: 16px;
  border-color: #ddd #ddd transparent #ddd;
  background: #fff;
  color: #333 !important;
}

.widget-header-color-transparent + .widget-body {
  border-color: #ddd;
}

/*ウィジェットヘッダ非表示*/
.widget-header-headless {
  min-height: 0;
  padding-top: 16px !important;
}

.widget-box--card .widget-header {
  padding: 12px 28px 0;
}
.widget-box--card .widget-main {
  padding: 0 28px 28px;
}

/*ウィジェット ダッシュボード　インフォボックス　override ace setting */
.infobox {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 0 14px;
  border: none;
  border-radius: 0;
  border-color: #D8D8D8 !important;
  background-color: #FFF;
  box-shadow: none;
  color: #555;
  text-align: left;
  vertical-align: middle;
}
.infobox-header {
  margin-bottom: 7px;
}
.infobox-header h4 {
  margin: 0;
}

/*---------
Charts
--------*/
.graph-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40% 0 0;
}

.graph-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.canvas-wrap {
  display: inline-block;
  position: relative;
  height: 100%;
}

.graph {
  width: 100% !important;
  height: 100% !important;
}

.graphtooltip-small {
  color: #888;
  font-size: 90%;
}

.graph_legend {
  display: inline-block;
  width: 100px;
  height: 100%;
  padding: 20px 0 0;
  vertical-align: top;
}
.graph_legend ul {
  margin: 0;
  list-style-type: none;
}
.graph_legend li {
  margin: 0 0 20px;
}
.graph_legend li:last-child {
  margin-bottom: 0;
}
.graph_legend ul span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

.graph-error-wrap {
  display: table;
  width: 100%;
}
.graph-error-wrap.accessLine-error-wrap, .graph-error-wrap.ageBar-error-wrap, .graph-error-wrap.genderPie-error-wrap, .graph-error-wrap.areaHorizontalBar-error-wrap, .graph-error-wrap.aroLine-error-wrap, .graph-error-wrap.pushLine-error-wrap {
  height: 320px;
}

.graph-error-body {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.graph-error-body-inner {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}

/*---------
Line Chart
--------*/
.accessLine-wrap.graph-wrap, .ageBar-wrap.graph-wrap, .aroLine-wrap.graph-wrap, .pushLine-wrap.graph-wrap {
  height: 320px;
  padding: 0;
}
.accessLine-wrap .canvas-wrap, .ageBar-wrap .canvas-wrap, .aroLine-wrap .canvas-wrap, .pushLine-wrap .canvas-wrap {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
}

/*---------
Bar Chart
--------*/
/*---------
Pie Chart
--------*/
.genderPie-wrap.graph-wrap {
  height: 320px;
  padding: 0;
}
.genderPie-wrap .canvas-wrap {
  top: calc((100% - 220px) / 2);
  left: calc((100% - 330px) / 2);
  max-width: 220px;
  max-height: 220px;
}

#genderPieLegend {
  margin-right: 10px;
  float: right;
}

/*---------
Horizontal Bar Chart
(not Chart.js, full-scratched)
--------*/
#noneSpecifiedCheckWrap {
  display: inline-block;
  margin: 7px 15px 0 0;
  float: right;
}
#noneSpecifiedCheckWrap label.disabled {
  color: #9e9e9e;
  cursor: not-allowed;
}
#noneSpecifiedCheckWrap.nouse label {
  color: #9e9e9e !important;
  cursor: not-allowed !important;
}

.areaHorizontalBar-wrap {
  width: 100%;
  padding: 25px 0 0 4px;
  font-size: 13px;
  line-height: calc(1em + 2px);
}
.areaHorizontalBar-wrap .barRankItem {
  display: block;
  width: 100%;
  height: calc(2em + 4px);
  margin: 0 0 6px;
}
.areaHorizontalBar-wrap .barRankItem:last-child {
  margin-bottom: 0;
}
.areaHorizontalBar-wrap .barRankItem .bar_rank {
  display: table-cell;
  width: 25px;
  height: 100%;
  vertical-align: middle;
}
.areaHorizontalBar-wrap .barRankItem .bar_name {
  display: table-cell;
  height: 100%;
  padding: 0 8px 0 0;
  vertical-align: middle;
}
.areaHorizontalBar-wrap .barRankItem .bar_body_wrap {
  display: table-cell;
  height: 20px;
  vertical-align: middle;
  cursor: default;
}
.areaHorizontalBar-wrap .barRankItem .bar_body {
  display: table-cell;
  width: 1px;
  height: 100%;
  vertical-align: middle;
}
.areaHorizontalBar-wrap .barRankItem .bar_body_inner {
  display: inline-block;
  width: 100%;
  height: 20px;
  vertical-align: middle;
}
.areaHorizontalBar-wrap .barRankItem .bar_value {
  display: table-cell;
  width: 60px;
  height: 100%;
  padding: 2px 0 0 8px;
  vertical-align: middle;
}

/* gritter */
.gritter-item-wrapper.gritter-center.gritter-error {
  top: 338px;
  left: calc((100% - 330px) / 2);
  width: 330px;
}

.header_form_item .has-error input[type=text] {
  background-color: #fdf2f2;
}

.input-max,
.btn-max {
  width: 100%;
}

.ui-state-disabled {
  /*color: #ccc;*/
}
.ui-state-disabled a {
  /*color: #ccc;*/
}

.ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  /*color: #ccc;*/
}

.ui-state-disabled .ui-icon {
  /*color: #ccc;*/
}
.ui-state-disabled:hover {
  /*color: #ccc;*/
}
.ui-state-disabled:hover a {
  /*color: #ccc;*/
}

.ui-widget-content .ui-state-disabled:hover, .ui-widget-header .ui-state-disabled:hover {
  /*color: #ccc;*/
}

.ui-state-disabled:hover .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

.ui-jqgrid-disablePointerEvents td:first-child {
  cursor: not-allowed !important;
  pointer-events: none;
}

textarea[readonly] {
  background: #f5f5f5 !important;
  color: #939192;
  cursor: default;
}
textarea[readonly]:hover, textarea[readonly]:focus, textarea[readonly]:active {
  border-color: #c3c3c3;
}
textarea[readonly]:focus {
  border-color: #aaa;
}

.textarea-wrapper {
  border: 1px solid #d5d5d5;
  transition: border-color 0.1s ease;
}
.textarea-wrapper.has-hover {
  border-color: #b5b5b5;
}
.textarea-wrapper.has-focus {
  border-color: #f59942;
}
.textarea-wrapper textarea {
  border-width: 0 !important;
}

.form-group.is-preview label {
  width: 150px;
  margin-right: 10px;
  float: left;
}
.form-group.is-preview .preview-form-description {
  width: 580px;
  float: left;
  font-size: 14px;
}

pre.preview-wrap {
  padding: 0;
  border: none;
}

.preview-follow {
  font-size: 14px;
}

/* timeline */
.widget-eye-catch-newrelease {
  width: 500px;
  margin: 0 auto;
}
.widget-eye-catch-newrelease h3 {
  margin: 1.5rem 0 1.5rem;
  line-height: 140%;
}

.widget-eye-catch-thumbnail {
  width: 190px;
  float: left;
}

.widget-eye-catch-description {
  position: relative;
  height: 385px;
  margin-left: 220px;
  padding-top: 45px;
}
.widget-eye-catch-description .btn-block {
  position: absolute;
  bottom: 44px;
  left: 0;
}

.help-inline {
  display: none;
}

.timeline_settings_wrap label.shownews {
  margin: 7px 0 0 10px;
}
.timeline_settings_wrap label[for=timeline-switcher] {
  padding-left: 22px !important;
}
.timeline_settings_wrap .timeline_settings {
  margin-top: 5px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
.timeline_settings_wrap .timeline_settings .form-group.has-error .help-inline {
  display: inline-block;
}
.timeline_settings_wrap .timeline_settings .form-group.has-error .ace-file-input .file-label {
  border-color: #f09784;
  background-color: #FFFFCC;
}
.timeline_settings_wrap .timeline_settings .form-group.has-error .ace-file-input .file-label:before {
  border-color: #FFFFCC;
}
.timeline_settings_wrap .timeline_settings .form-group.has-error .ace-file-input .file-label .file-name {
  color: #d16e6c;
}
.timeline_settings_wrap .timeline_settings .form-group:last-child {
  padding-bottom: 0;
}
.timeline_settings_wrap .timeline_settings .form-group .ace-file-input {
  height: 30px;
}
.timeline_settings_wrap .timeline_settings .form-group .ace-file-input .file-label {
  margin-bottom: 0;
}
.timeline_settings_wrap .timeline_settings .timeline-textarea-countable {
  min-height: 6em;
  resize: vertical;
}
.timeline_settings_wrap .timeline_settings[disabled] label,
.timeline_settings_wrap .timeline_settings[disabled] .count_area,
.timeline_settings_wrap .timeline_settings[disabled] .help-inline {
  color: #999 !important;
  cursor: not-allowed;
}
.timeline_settings_wrap .timeline_settings[disabled] .help-inline {
  display: none !important;
}
.timeline_settings_wrap .timeline_settings[disabled] select, .timeline_settings_wrap .timeline_settings[disabled] textarea {
  border-color: #d5d5d5 !important;
  background-color: #eee !important;
  color: #848484 !important;
}
.timeline_settings_wrap .timeline_settings[disabled] select {
  cursor: not-allowed !important;
}
.timeline_settings_wrap .timeline_settings[disabled] .ace-file-input .file-label {
  border-color: #d5d5d5 !important;
  background-color: #eee !important;
}
.timeline_settings_wrap .timeline_settings[disabled] .ace-file-input .file-label:before {
  border-color: #eee !important;
  background-color: #abbac3 !important;
}
.timeline_settings_wrap .timeline_settings[disabled] .ace-file-input .file-label .file-name {
  color: #848484 !important;
}

.count_area {
  margin-top: 5px;
  font-size: 12px;
}
.count_area .message_count_wrap {
  display: inline-block;
  margin-right: 20px;
}
.count_area .message_count_wrap .message_count_number.warning {
  color: #d16e6c;
}
.count_area .message_count_wrap .message_count_number.fat {
  font-weight: bold;
}

#timeline_image_select_wrap {
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 0;
}
#timeline_image_select_wrap .ace-file-input {
  max-width: 300px;
}
#timeline_image_select_wrap .help-text {
  margin-bottom: 0;
}
#timeline_image_select_wrap .help-text small {
  margin-right: 20px;
}

#timeline_preview {
  margin-right: 12px;
}

/* timeline preview */
.preview-timeline {
  min-width: 500px !important;
}
.preview-timeline .page-content {
  width: 100%;
}
.preview-timeline .page-header {
  min-height: auto;
  margin-bottom: 5px;
  padding: 10px 0 0;
  border-bottom: none;
}
.preview-timeline .page-header h1 span:not(.submitter) {
  display: inline-block;
  margin-top: 4px;
}
.preview-timeline h4 {
  margin: 0 10px 20px;
  padding: 0 0 4px 10px;
  border-bottom: 1px solid #999;
  font-size: 20px;
}
.preview-timeline .mobile {
  position: relative;
  width: 380px;
  height: 800px;
  margin: 0 auto;
}
.preview-timeline .mobile .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 380px;
  height: 800px;
  /*z-index: 1000;*/
  background: url(../img/mat_iphone5_port.png) no-repeat left top;
}
.preview-timeline .mobile .preview_content {
  z-index: 100;
  position: absolute;
  top: 116px;
  left: 33px;
  width: 348px; /*スクロールバーの大きさを含む幅を設定すること*/
  height: 568px;
  overflow-x: hidden;
  overflow-y: hidden;
  /*background: red;*/
}

/* timeline category */
.category-list .ui-jqdialog-content td.CaptionTD {
  padding-top: 11px;
  vertical-align: top;
}
.category-list .ui-jqdialog-content #newCategoryName {
  width: 21em;
}

.edit-thumbnail-wrap {
  width: 100px;
  float: left;
}
.edit-thumbnail-wrap img {
  max-width: 100px;
  max-height: 100px;
}

.edit-description-wrap {
  margin-left: 116px;
}

.warning-about-marker > * {
  vertical-align: top;
}

.logo_cocoar_old {
  display: inline-block;
  width: 144px;
  height: 108px;
  margin-right: 14px;
  background-image: url("../img/logo_cocoar.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 144px 108px;
  vertical-align: middle;
}

.logo_cocoar {
  display: inline-block;
  width: 108px;
  height: 108px;
  margin-right: 14px;
  background-image: url("../img/logo_cocoar_new.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 108px 108px;
  vertical-align: middle;
}

.small-info--image {
  margin-left: 30px;
  font-size: 13px;
  line-height: 20px;
}
.small-info--image img {
  width: 77px;
  height: 24px;
  margin-right: 10px;
}

.inline_form {
  display: inline-block;
  margin: 0 0 5px 0px;
  font-size: 0;
  list-style-type: none;
  vertical-align: middle;
}
.inline_form_item {
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 14px;
  vertical-align: middle;
}
.inline_form_item:last-child {
  margin-right: 0;
}
.inline_form_item .alert {
  padding: 6px 10px 4px;
}
.inline_form .input-group.pull-left {
  display: table;
  width: 170px;
}
.inline_form .input-group-addon {
  width: 40px;
  height: 34px;
}

.ui-jqdialog-content select.FormElement {
  min-width: 80px;
}

.help-text > label {
  margin-bottom: 0;
  line-height: 30px;
}

.input-group-addon + select.form-control {
  height: 34px;
}

.bootstrap-timepicker .dropdown-menu + .input-group-addon {
  border-right: 0;
}

.layout-fixed-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
}
.layout-fixed-footer__dismiss {
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 23px;
  height: 23px;
  border: 2px solid #fff;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.5;
}
.layout-fixed-footer__dismiss:before, .layout-fixed-footer__dismiss:after {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 1px;
  width: 17px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #fff;
  content: "";
}
.layout-fixed-footer__dismiss:before {
  transform: rotate(45deg);
}
.layout-fixed-footer__dismiss:after {
  transform: rotate(-45deg);
}
.layout-fixed-footer__dismiss:hover {
  opacity: 0.8;
  transition: opacity 0.2s;
}
.layout-fixed-footer__inner {
  width: 600px;
  margin: 0 auto;
}
.layout-fixed-footer .btn-link {
  position: fixed;
  right: 20px;
  bottom: 40px;
  color: #FFF !important;
  font-size: 24px;
}
.layout-fixed-footer .btn-link:hover {
  text-decoration: none;
}

/* eye catch */
.widget-eye-catch-newrelease {
  width: 500px;
  margin: 0 auto;
}
.widget-eye-catch-newrelease h3 {
  margin: 1.5rem 0 1.5rem;
  line-height: 140%;
}
.widget-eye-catch-newrelease .widget-eye-catch-thumbnail {
  width: 214px;
  /* デバイスイメージに影が付いているため、左の余白をずらす */
  margin-left: -20px;
  float: left;
}
.widget-eye-catch-newrelease .widget-eye-catch-thumbnail img {
  width: 244px;
  height: 417px;
}
.widget-eye-catch-newrelease .widget-eye-catch-description {
  position: relative;
  height: 417px;
  margin-left: 214px;
  padding-top: 45px;
}
.widget-eye-catch-newrelease a {
  word-break: break-all;
}

/* Pircus モーダル */
#form-group_cocoar_comments textarea {
  min-height: 12rem;
}

#cocoar_availability__wrap {
  font-size: 0;
}
#cocoar_availability__wrap > * {
  font-size: 14px;
}
#cocoar_availability__wrap > label {
  width: 165px;
  padding-top: 8px;
}
#cocoar_availability__wrap > .input-group {
  width: calc(100% - 165px);
}

#cocoar_availability__input-group {
  display: inline-table;
}

/*---------
Wysiwyg editor
--------*/
.wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
  z-index: 10000;
  height: 30px;
}

.cke_dialog_background_cover {
  z-index: 1010 !important;
}

.cke_dialog {
  z-index: 1020 !important;
}

.modal-header {
  background-color: #fff;
}
.modal-header h4 {
  margin: 0;
}
.modal-header h4 .small {
  margin-left: 20px;
  font-size: 12px;
  vertical-align: baseline;
}

.modal-body {
  background-color: #fff;
}
.modal-body .form-horizontal .form-group:last-child {
  margin-bottom: 0;
}

label.no-control-label {
  margin-right: 10px;
  margin-bottom: 0;
  line-height: 28px;
}

.widget-toolbox {
  font-size: 0;
}

.autosize,
.autosize-transition {
  min-height: 120px;
  max-height: 200px;
  resize: none;
}
.autosize.result-title,
.autosize-transition.result-title {
  min-height: 83px;
}
.autosize.link_message,
.autosize-transition.link_message {
  min-height: 46px;
  max-height: 120px;
}
.autosize.project-description,
.autosize-transition.project-description {
  min-height: 104px;
  max-height: 250px;
}
.autosize.question-text,
.autosize-transition.question-text {
  min-height: 62px;
}
.autosize.explanation-text,
.autosize-transition.explanation-text {
  min-height: 83px;
}

.autosize-transition {
  transition: height 0.35s ease-in-out;
}

.autosize-noresize {
  resize: none;
}

.wizard-line-steps {
  display: flex;
  position: relative;
  align-items: flex-start;
  /* flex */
  justify-content: space-between;
  width: 650px;
  height: 21px;
  margin: 0 auto 35px;
  border-bottom: 1px solid #CED1D6;
}
.wizard-line-steps li {
  display: inline-block;
  position: relative;
  height: 41px;
  padding: 0 10px;
  background-color: #f9f9f9;
}
.wizard-line-steps li:first-child {
  padding-left: 0;
}
.wizard-line-steps li:first-child:after {
  content: none;
}
.wizard-line-steps li:last-child {
  padding-right: 0;
}
.wizard-line-steps li:after {
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: -7px;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  transform-origin: bottom right;
  border-bottom: 1px solid #CED1D6;
  content: "";
}
.wizard-line-steps li.active .step, .wizard-line-steps li.passed .step {
  border-color: #4c92c6;
  color: #2b2b2b;
}
.wizard-line-steps li.passed .step {
  color: transparent;
  font-size: 0;
}
.wizard-line-steps li.passed .step:before {
  color: #87ba21;
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 900;
  content: "\f00c";
}
.wizard-line-steps li.passed + .active:before,
.wizard-line-steps li.passed + .passed:before {
  position: absolute;
  top: 0;
  left: -140px;
  width: 140px;
  height: 21px;
  border-bottom: 1px solid #707070;
  background-color: #f9f9f9;
  content: "";
}
.wizard-line-steps li.passed + .active:after,
.wizard-line-steps li.passed + .passed:after {
  border-color: #707070;
}
.wizard-line-steps li .step {
  display: inline-flex;
  position: relative;
  align-items: center;
  /* flex */
  justify-content: center;
  width: 27px;
  height: 27px;
  margin: 6px 6px 0 0;
  border: 2px solid #ced1d6;
  border-radius: 50%;
  background-color: #fff;
  color: #9d9ea7;
  font-size: 14px;
  line-height: 14px;
  vertical-align: top;
}
.wizard-line-steps li .title {
  display: inline-flex;
  align-items: center;
  /* flex */
  justify-content: flex-start;
  height: 41px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
}
.wizard-line-steps.wizard-line-steps--3 li:nth-child(1) {
  z-index: 3;
}
.wizard-line-steps.wizard-line-steps--3 li:nth-child(2) {
  z-index: 2;
}
.wizard-line-steps.wizard-line-steps--3 li:nth-child(3) {
  z-index: 1;
}
.wizard-line-steps.wizard-line-steps--4 li:nth-child(1) {
  z-index: 4;
}
.wizard-line-steps.wizard-line-steps--4 li:nth-child(2) {
  z-index: 3;
}
.wizard-line-steps.wizard-line-steps--4 li:nth-child(3) {
  z-index: 2;
}
.wizard-line-steps.wizard-line-steps--4 li:nth-child(4) {
  z-index: 1;
}
.wizard-line-steps.wizard-line-steps--5 li:nth-child(1) {
  z-index: 5;
}
.wizard-line-steps.wizard-line-steps--5 li:nth-child(2) {
  z-index: 4;
}
.wizard-line-steps.wizard-line-steps--5 li:nth-child(3) {
  z-index: 3;
}
.wizard-line-steps.wizard-line-steps--5 li:nth-child(4) {
  z-index: 2;
}
.wizard-line-steps.wizard-line-steps--5 li:nth-child(5) {
  z-index: 1;
}
.wizard-line-steps + .form-horizontal {
  padding-top: 1px;
}

/* プレビュー付き ace input */
.img-file-wrap {
  overflow: visible;
  font-size: 0;
}
.img-file-wrap.img-file-wrap--vertical .img-file-input,
.img-file-wrap.img-file-wrap--vertical .img-file-display {
  width: 100%;
}
.img-file-wrap > div {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.img-file-wrap .img-file-left {
  margin-right: 20px;
  margin-left: 0;
}
.img-file-wrap .img-file-left .ace-thumbnails > li {
  box-sizing: content-box;
  display: inline-block;
  margin: 0;
  border: 1px solid #d5d5d5;
}
.img-file-wrap .img-file-left .ace-thumbnails > li a {
  display: block;
}
.img-file-wrap .img-file-left .ace-thumbnails > li a img {
  vertical-align: bottom;
}
.img-file-wrap .img-file-right {
  margin-right: 0;
}
.img-file-wrap .img-file-right .ace-file-input {
  margin-bottom: 0;
}
.img-file-wrap .img-file-right .ace-file-input .file-label:before {
  transition: border-color 0.15s;
}
.img-file-wrap .img-file-right .ace-file-input .file-label:hover [class*="fas fa-"],
.img-file-wrap .img-file-right .ace-file-input .file-label:hover [class*="far fa-"] {
  border-color: transparent;
}
.img-file-wrap .img-file-right .ace-file-input .file-label:hover:before {
  border-color: #ffe0c1;
}
.img-file-wrap .img-file-right .btn + .btn {
  margin-left: 8px;
}
.img-file-wrap .img-file-right .change-marker {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.img-file-wrap .img-file-to-send {
  display: none;
}
.img-file-wrap.img-file-link-image .img-file-left {
  width: 162px;
}
.img-file-wrap.img-file-link-image .img-file-left .ace-thumbnails > li {
  width: auto;
  height: auto;
}
.img-file-wrap.img-file-link-image .img-file-left .ace-thumbnails > li img {
  width: auto;
  max-width: 160px;
  height: auto;
  max-height: 160px;
}
.img-file-wrap.img-file-link-image .img-file-right {
  width: calc(100% - (160px + 22px));
}
.img-file-wrap.img-file-thumb .img-file-left {
  width: 82px;
}
.img-file-wrap.img-file-thumb .img-file-left .ace-thumbnails > li {
  width: auto;
  height: auto;
}
.img-file-wrap.img-file-thumb .img-file-left .ace-thumbnails > li img {
  width: auto;
  max-width: 80px;
  height: auto;
  max-height: 80px;
}
.img-file-wrap.img-file-thumb .img-file-right {
  width: calc(100% - (80px + 22px));
}

.img-file-display {
  margin-top: 12px;
}
.img-file-display:has(.img-file-display-entity:empty) {
  display: none;
}
.img-file-display .img-file-display-inner {
  display: inline-block;
  position: relative;
}
.img-file-display .img-file-display-inner .img-file-display-closer {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: -11px;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #666;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.img-file-display .img-file-display-inner .img-file-display-closer:hover {
  background-color: #e9141c;
}
.img-file-display .img-file-display-inner .img-file-display-closer:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
}
.img-file-display .img-file-display-inner .img-file-display-closer.img-file-display-closer--setdefault {
  display: none;
}
.img-file-display .img-file-display-inner .img-file-display-entity.img-file-display-entity--benefits-movie img {
  max-height: 200px;
}
.img-file-display .img-file-display-inner .img-file-display-entity img {
  width: auto;
  max-width: 200px;
  height: auto;
  max-height: 80px;
}

.thumbholder a.cboxElement[href^="assets/images/no_link_image"], .thumbholder a.cboxElement[href^="assets/images/noimage_thumb"], .thumbholder a.cboxElement[href^="assets/images/default_link"],
.ace-thumbnails a.cboxElement[href^="assets/images/no_link_image"],
.ace-thumbnails a.cboxElement[href^="assets/images/noimage_thumb"],
.ace-thumbnails a.cboxElement[href^="assets/images/default_link"] {
  cursor: default;
  pointer-events: none;
}
.thumbholder a.cboxElement:focus,
.ace-thumbnails a.cboxElement:focus {
  outline: none;
}

.ui-jqgrid td[aria-describedby=grid_table_myac] > div, .ui-jqgrid td[aria-describedby=grid_table_myac_clonable] > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-left: 0 !important;
}

.ui-pg-div.ui-inline-edit, .ui-pg-div.ui-inline-del {
  display: inline-flex;
  float: none !important;
}
.ui-pg-div.ui-inline-edit:hover {
  background-color: #f3e4fa;
}
.ui-pg-div.ui-inline-del:hover {
  background-color: #fce8e8;
}
.ui-pg-div .ui-icon.ui-icon-trash {
  color: #666;
}
.ui-pg-div .ui-icon.ui-icon-trash:hover {
  color: #e9141c;
}
.ui-pg-div .ui-icon.ui-icon-pencil {
  color: #666;
}
.ui-pg-div .ui-icon.ui-icon-pencil:hover {
  color: #a537db;
}
.ui-pg-div .ui-icon:hover {
  transform: scale(1);
}

.ui-jqgrid .ui-jqgrid-bdiv tbody tr:nth-child(2) .record-up {
  opacity: 0;
  pointer-events: none;
}
.ui-jqgrid .ui-jqgrid-bdiv tbody tr:last-child .record-down {
  opacity: 0;
  pointer-events: none;
}

.form-group > [class*=col-]:not(.control-label) > label.control-label {
  padding-left: 38px !important;
}
.form-group > [class*=col-]:not(.control-label) > label.control-label .requiredTag,
.form-group > [class*=col-]:not(.control-label) > label.control-label .not-requiredTag {
  left: 0;
}

.nav.nav-tabs li:not(.active) a:not([data-toggle=tab]) {
  cursor: not-allowed;
}

label:has(.ace-switch) {
  margin: -5px;
  padding: 5px;
}

.dropdown.align-right .dropdown-menu {
  right: 0;
  left: auto;
}
.dropdown.align-right .dropdown-menu li {
  text-align: left;
}
.dropdown.dropdown--hoverable .dropdown-menu li > a:hover {
  background-color: #eee;
}
.dropdown.dropdown--hoverable .dropdown-menu li > a.menu-content--disabled:hover {
  background-color: transparent;
  color: #ccc;
}
.dropdown .dropdown-menu li > a.menu-content--disabled {
  color: #ccc;
  cursor: not-allowed;
}

.table.table-th-fixed-header {
  margin-bottom: 0;
  border-bottom: none;
}
/* margin padding */
.m40 {
  margin: 40px;
}
.m40--forced {
  margin: 40px !important;
}

.m-40 {
  margin: -40px;
}
.m-40--forced {
  margin: -40px !important;
}

.p40 {
  padding: 40px;
}
.p40--forced {
  padding: 40px !important;
}

.mt40 {
  margin-top: 40px;
}
.mt40--forced {
  margin-top: 40px !important;
}

.mt-40 {
  margin-top: -40px;
}
.mt-40--forced {
  margin-top: -40px !important;
}

.pt40 {
  padding-top: 40px;
}
.pt40--forced {
  padding-top: 40px !important;
}

.mr40 {
  margin-right: 40px;
}
.mr40--forced {
  margin-right: 40px !important;
}

.mr-40 {
  margin-right: -40px;
}
.mr-40--forced {
  margin-right: -40px !important;
}

.pr40 {
  padding-right: 40px;
}
.pr40--forced {
  padding-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px;
}
.mb40--forced {
  margin-bottom: 40px !important;
}

.mb-40 {
  margin-bottom: -40px;
}
.mb-40--forced {
  margin-bottom: -40px !important;
}

.pb40 {
  padding-bottom: 40px;
}
.pb40--forced {
  padding-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px;
}
.ml40--forced {
  margin-left: 40px !important;
}

.ml-40 {
  margin-left: -40px;
}
.ml-40--forced {
  margin-left: -40px !important;
}

.pl40 {
  padding-left: 40px;
}
.pl40--forced {
  padding-left: 40px !important;
}

.m39 {
  margin: 39px;
}
.m39--forced {
  margin: 39px !important;
}

.m-39 {
  margin: -39px;
}
.m-39--forced {
  margin: -39px !important;
}

.p39 {
  padding: 39px;
}
.p39--forced {
  padding: 39px !important;
}

.mt39 {
  margin-top: 39px;
}
.mt39--forced {
  margin-top: 39px !important;
}

.mt-39 {
  margin-top: -39px;
}
.mt-39--forced {
  margin-top: -39px !important;
}

.pt39 {
  padding-top: 39px;
}
.pt39--forced {
  padding-top: 39px !important;
}

.mr39 {
  margin-right: 39px;
}
.mr39--forced {
  margin-right: 39px !important;
}

.mr-39 {
  margin-right: -39px;
}
.mr-39--forced {
  margin-right: -39px !important;
}

.pr39 {
  padding-right: 39px;
}
.pr39--forced {
  padding-right: 39px !important;
}

.mb39 {
  margin-bottom: 39px;
}
.mb39--forced {
  margin-bottom: 39px !important;
}

.mb-39 {
  margin-bottom: -39px;
}
.mb-39--forced {
  margin-bottom: -39px !important;
}

.pb39 {
  padding-bottom: 39px;
}
.pb39--forced {
  padding-bottom: 39px !important;
}

.ml39 {
  margin-left: 39px;
}
.ml39--forced {
  margin-left: 39px !important;
}

.ml-39 {
  margin-left: -39px;
}
.ml-39--forced {
  margin-left: -39px !important;
}

.pl39 {
  padding-left: 39px;
}
.pl39--forced {
  padding-left: 39px !important;
}

.m38 {
  margin: 38px;
}
.m38--forced {
  margin: 38px !important;
}

.m-38 {
  margin: -38px;
}
.m-38--forced {
  margin: -38px !important;
}

.p38 {
  padding: 38px;
}
.p38--forced {
  padding: 38px !important;
}

.mt38 {
  margin-top: 38px;
}
.mt38--forced {
  margin-top: 38px !important;
}

.mt-38 {
  margin-top: -38px;
}
.mt-38--forced {
  margin-top: -38px !important;
}

.pt38 {
  padding-top: 38px;
}
.pt38--forced {
  padding-top: 38px !important;
}

.mr38 {
  margin-right: 38px;
}
.mr38--forced {
  margin-right: 38px !important;
}

.mr-38 {
  margin-right: -38px;
}
.mr-38--forced {
  margin-right: -38px !important;
}

.pr38 {
  padding-right: 38px;
}
.pr38--forced {
  padding-right: 38px !important;
}

.mb38 {
  margin-bottom: 38px;
}
.mb38--forced {
  margin-bottom: 38px !important;
}

.mb-38 {
  margin-bottom: -38px;
}
.mb-38--forced {
  margin-bottom: -38px !important;
}

.pb38 {
  padding-bottom: 38px;
}
.pb38--forced {
  padding-bottom: 38px !important;
}

.ml38 {
  margin-left: 38px;
}
.ml38--forced {
  margin-left: 38px !important;
}

.ml-38 {
  margin-left: -38px;
}
.ml-38--forced {
  margin-left: -38px !important;
}

.pl38 {
  padding-left: 38px;
}
.pl38--forced {
  padding-left: 38px !important;
}

.m37 {
  margin: 37px;
}
.m37--forced {
  margin: 37px !important;
}

.m-37 {
  margin: -37px;
}
.m-37--forced {
  margin: -37px !important;
}

.p37 {
  padding: 37px;
}
.p37--forced {
  padding: 37px !important;
}

.mt37 {
  margin-top: 37px;
}
.mt37--forced {
  margin-top: 37px !important;
}

.mt-37 {
  margin-top: -37px;
}
.mt-37--forced {
  margin-top: -37px !important;
}

.pt37 {
  padding-top: 37px;
}
.pt37--forced {
  padding-top: 37px !important;
}

.mr37 {
  margin-right: 37px;
}
.mr37--forced {
  margin-right: 37px !important;
}

.mr-37 {
  margin-right: -37px;
}
.mr-37--forced {
  margin-right: -37px !important;
}

.pr37 {
  padding-right: 37px;
}
.pr37--forced {
  padding-right: 37px !important;
}

.mb37 {
  margin-bottom: 37px;
}
.mb37--forced {
  margin-bottom: 37px !important;
}

.mb-37 {
  margin-bottom: -37px;
}
.mb-37--forced {
  margin-bottom: -37px !important;
}

.pb37 {
  padding-bottom: 37px;
}
.pb37--forced {
  padding-bottom: 37px !important;
}

.ml37 {
  margin-left: 37px;
}
.ml37--forced {
  margin-left: 37px !important;
}

.ml-37 {
  margin-left: -37px;
}
.ml-37--forced {
  margin-left: -37px !important;
}

.pl37 {
  padding-left: 37px;
}
.pl37--forced {
  padding-left: 37px !important;
}

.m36 {
  margin: 36px;
}
.m36--forced {
  margin: 36px !important;
}

.m-36 {
  margin: -36px;
}
.m-36--forced {
  margin: -36px !important;
}

.p36 {
  padding: 36px;
}
.p36--forced {
  padding: 36px !important;
}

.mt36 {
  margin-top: 36px;
}
.mt36--forced {
  margin-top: 36px !important;
}

.mt-36 {
  margin-top: -36px;
}
.mt-36--forced {
  margin-top: -36px !important;
}

.pt36 {
  padding-top: 36px;
}
.pt36--forced {
  padding-top: 36px !important;
}

.mr36 {
  margin-right: 36px;
}
.mr36--forced {
  margin-right: 36px !important;
}

.mr-36 {
  margin-right: -36px;
}
.mr-36--forced {
  margin-right: -36px !important;
}

.pr36 {
  padding-right: 36px;
}
.pr36--forced {
  padding-right: 36px !important;
}

.mb36 {
  margin-bottom: 36px;
}
.mb36--forced {
  margin-bottom: 36px !important;
}

.mb-36 {
  margin-bottom: -36px;
}
.mb-36--forced {
  margin-bottom: -36px !important;
}

.pb36 {
  padding-bottom: 36px;
}
.pb36--forced {
  padding-bottom: 36px !important;
}

.ml36 {
  margin-left: 36px;
}
.ml36--forced {
  margin-left: 36px !important;
}

.ml-36 {
  margin-left: -36px;
}
.ml-36--forced {
  margin-left: -36px !important;
}

.pl36 {
  padding-left: 36px;
}
.pl36--forced {
  padding-left: 36px !important;
}

.m35 {
  margin: 35px;
}
.m35--forced {
  margin: 35px !important;
}

.m-35 {
  margin: -35px;
}
.m-35--forced {
  margin: -35px !important;
}

.p35 {
  padding: 35px;
}
.p35--forced {
  padding: 35px !important;
}

.mt35 {
  margin-top: 35px;
}
.mt35--forced {
  margin-top: 35px !important;
}

.mt-35 {
  margin-top: -35px;
}
.mt-35--forced {
  margin-top: -35px !important;
}

.pt35 {
  padding-top: 35px;
}
.pt35--forced {
  padding-top: 35px !important;
}

.mr35 {
  margin-right: 35px;
}
.mr35--forced {
  margin-right: 35px !important;
}

.mr-35 {
  margin-right: -35px;
}
.mr-35--forced {
  margin-right: -35px !important;
}

.pr35 {
  padding-right: 35px;
}
.pr35--forced {
  padding-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px;
}
.mb35--forced {
  margin-bottom: 35px !important;
}

.mb-35 {
  margin-bottom: -35px;
}
.mb-35--forced {
  margin-bottom: -35px !important;
}

.pb35 {
  padding-bottom: 35px;
}
.pb35--forced {
  padding-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px;
}
.ml35--forced {
  margin-left: 35px !important;
}

.ml-35 {
  margin-left: -35px;
}
.ml-35--forced {
  margin-left: -35px !important;
}

.pl35 {
  padding-left: 35px;
}
.pl35--forced {
  padding-left: 35px !important;
}

.m34 {
  margin: 34px;
}
.m34--forced {
  margin: 34px !important;
}

.m-34 {
  margin: -34px;
}
.m-34--forced {
  margin: -34px !important;
}

.p34 {
  padding: 34px;
}
.p34--forced {
  padding: 34px !important;
}

.mt34 {
  margin-top: 34px;
}
.mt34--forced {
  margin-top: 34px !important;
}

.mt-34 {
  margin-top: -34px;
}
.mt-34--forced {
  margin-top: -34px !important;
}

.pt34 {
  padding-top: 34px;
}
.pt34--forced {
  padding-top: 34px !important;
}

.mr34 {
  margin-right: 34px;
}
.mr34--forced {
  margin-right: 34px !important;
}

.mr-34 {
  margin-right: -34px;
}
.mr-34--forced {
  margin-right: -34px !important;
}

.pr34 {
  padding-right: 34px;
}
.pr34--forced {
  padding-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px;
}
.mb34--forced {
  margin-bottom: 34px !important;
}

.mb-34 {
  margin-bottom: -34px;
}
.mb-34--forced {
  margin-bottom: -34px !important;
}

.pb34 {
  padding-bottom: 34px;
}
.pb34--forced {
  padding-bottom: 34px !important;
}

.ml34 {
  margin-left: 34px;
}
.ml34--forced {
  margin-left: 34px !important;
}

.ml-34 {
  margin-left: -34px;
}
.ml-34--forced {
  margin-left: -34px !important;
}

.pl34 {
  padding-left: 34px;
}
.pl34--forced {
  padding-left: 34px !important;
}

.m33 {
  margin: 33px;
}
.m33--forced {
  margin: 33px !important;
}

.m-33 {
  margin: -33px;
}
.m-33--forced {
  margin: -33px !important;
}

.p33 {
  padding: 33px;
}
.p33--forced {
  padding: 33px !important;
}

.mt33 {
  margin-top: 33px;
}
.mt33--forced {
  margin-top: 33px !important;
}

.mt-33 {
  margin-top: -33px;
}
.mt-33--forced {
  margin-top: -33px !important;
}

.pt33 {
  padding-top: 33px;
}
.pt33--forced {
  padding-top: 33px !important;
}

.mr33 {
  margin-right: 33px;
}
.mr33--forced {
  margin-right: 33px !important;
}

.mr-33 {
  margin-right: -33px;
}
.mr-33--forced {
  margin-right: -33px !important;
}

.pr33 {
  padding-right: 33px;
}
.pr33--forced {
  padding-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px;
}
.mb33--forced {
  margin-bottom: 33px !important;
}

.mb-33 {
  margin-bottom: -33px;
}
.mb-33--forced {
  margin-bottom: -33px !important;
}

.pb33 {
  padding-bottom: 33px;
}
.pb33--forced {
  padding-bottom: 33px !important;
}

.ml33 {
  margin-left: 33px;
}
.ml33--forced {
  margin-left: 33px !important;
}

.ml-33 {
  margin-left: -33px;
}
.ml-33--forced {
  margin-left: -33px !important;
}

.pl33 {
  padding-left: 33px;
}
.pl33--forced {
  padding-left: 33px !important;
}

.m32 {
  margin: 32px;
}
.m32--forced {
  margin: 32px !important;
}

.m-32 {
  margin: -32px;
}
.m-32--forced {
  margin: -32px !important;
}

.p32 {
  padding: 32px;
}
.p32--forced {
  padding: 32px !important;
}

.mt32 {
  margin-top: 32px;
}
.mt32--forced {
  margin-top: 32px !important;
}

.mt-32 {
  margin-top: -32px;
}
.mt-32--forced {
  margin-top: -32px !important;
}

.pt32 {
  padding-top: 32px;
}
.pt32--forced {
  padding-top: 32px !important;
}

.mr32 {
  margin-right: 32px;
}
.mr32--forced {
  margin-right: 32px !important;
}

.mr-32 {
  margin-right: -32px;
}
.mr-32--forced {
  margin-right: -32px !important;
}

.pr32 {
  padding-right: 32px;
}
.pr32--forced {
  padding-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px;
}
.mb32--forced {
  margin-bottom: 32px !important;
}

.mb-32 {
  margin-bottom: -32px;
}
.mb-32--forced {
  margin-bottom: -32px !important;
}

.pb32 {
  padding-bottom: 32px;
}
.pb32--forced {
  padding-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px;
}
.ml32--forced {
  margin-left: 32px !important;
}

.ml-32 {
  margin-left: -32px;
}
.ml-32--forced {
  margin-left: -32px !important;
}

.pl32 {
  padding-left: 32px;
}
.pl32--forced {
  padding-left: 32px !important;
}

.m31 {
  margin: 31px;
}
.m31--forced {
  margin: 31px !important;
}

.m-31 {
  margin: -31px;
}
.m-31--forced {
  margin: -31px !important;
}

.p31 {
  padding: 31px;
}
.p31--forced {
  padding: 31px !important;
}

.mt31 {
  margin-top: 31px;
}
.mt31--forced {
  margin-top: 31px !important;
}

.mt-31 {
  margin-top: -31px;
}
.mt-31--forced {
  margin-top: -31px !important;
}

.pt31 {
  padding-top: 31px;
}
.pt31--forced {
  padding-top: 31px !important;
}

.mr31 {
  margin-right: 31px;
}
.mr31--forced {
  margin-right: 31px !important;
}

.mr-31 {
  margin-right: -31px;
}
.mr-31--forced {
  margin-right: -31px !important;
}

.pr31 {
  padding-right: 31px;
}
.pr31--forced {
  padding-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px;
}
.mb31--forced {
  margin-bottom: 31px !important;
}

.mb-31 {
  margin-bottom: -31px;
}
.mb-31--forced {
  margin-bottom: -31px !important;
}

.pb31 {
  padding-bottom: 31px;
}
.pb31--forced {
  padding-bottom: 31px !important;
}

.ml31 {
  margin-left: 31px;
}
.ml31--forced {
  margin-left: 31px !important;
}

.ml-31 {
  margin-left: -31px;
}
.ml-31--forced {
  margin-left: -31px !important;
}

.pl31 {
  padding-left: 31px;
}
.pl31--forced {
  padding-left: 31px !important;
}

.m30 {
  margin: 30px;
}
.m30--forced {
  margin: 30px !important;
}

.m-30 {
  margin: -30px;
}
.m-30--forced {
  margin: -30px !important;
}

.p30 {
  padding: 30px;
}
.p30--forced {
  padding: 30px !important;
}

.mt30 {
  margin-top: 30px;
}
.mt30--forced {
  margin-top: 30px !important;
}

.mt-30 {
  margin-top: -30px;
}
.mt-30--forced {
  margin-top: -30px !important;
}

.pt30 {
  padding-top: 30px;
}
.pt30--forced {
  padding-top: 30px !important;
}

.mr30 {
  margin-right: 30px;
}
.mr30--forced {
  margin-right: 30px !important;
}

.mr-30 {
  margin-right: -30px;
}
.mr-30--forced {
  margin-right: -30px !important;
}

.pr30 {
  padding-right: 30px;
}
.pr30--forced {
  padding-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px;
}
.mb30--forced {
  margin-bottom: 30px !important;
}

.mb-30 {
  margin-bottom: -30px;
}
.mb-30--forced {
  margin-bottom: -30px !important;
}

.pb30 {
  padding-bottom: 30px;
}
.pb30--forced {
  padding-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px;
}
.ml30--forced {
  margin-left: 30px !important;
}

.ml-30 {
  margin-left: -30px;
}
.ml-30--forced {
  margin-left: -30px !important;
}

.pl30 {
  padding-left: 30px;
}
.pl30--forced {
  padding-left: 30px !important;
}

.m29 {
  margin: 29px;
}
.m29--forced {
  margin: 29px !important;
}

.m-29 {
  margin: -29px;
}
.m-29--forced {
  margin: -29px !important;
}

.p29 {
  padding: 29px;
}
.p29--forced {
  padding: 29px !important;
}

.mt29 {
  margin-top: 29px;
}
.mt29--forced {
  margin-top: 29px !important;
}

.mt-29 {
  margin-top: -29px;
}
.mt-29--forced {
  margin-top: -29px !important;
}

.pt29 {
  padding-top: 29px;
}
.pt29--forced {
  padding-top: 29px !important;
}

.mr29 {
  margin-right: 29px;
}
.mr29--forced {
  margin-right: 29px !important;
}

.mr-29 {
  margin-right: -29px;
}
.mr-29--forced {
  margin-right: -29px !important;
}

.pr29 {
  padding-right: 29px;
}
.pr29--forced {
  padding-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px;
}
.mb29--forced {
  margin-bottom: 29px !important;
}

.mb-29 {
  margin-bottom: -29px;
}
.mb-29--forced {
  margin-bottom: -29px !important;
}

.pb29 {
  padding-bottom: 29px;
}
.pb29--forced {
  padding-bottom: 29px !important;
}

.ml29 {
  margin-left: 29px;
}
.ml29--forced {
  margin-left: 29px !important;
}

.ml-29 {
  margin-left: -29px;
}
.ml-29--forced {
  margin-left: -29px !important;
}

.pl29 {
  padding-left: 29px;
}
.pl29--forced {
  padding-left: 29px !important;
}

.m28 {
  margin: 28px;
}
.m28--forced {
  margin: 28px !important;
}

.m-28 {
  margin: -28px;
}
.m-28--forced {
  margin: -28px !important;
}

.p28 {
  padding: 28px;
}
.p28--forced {
  padding: 28px !important;
}

.mt28 {
  margin-top: 28px;
}
.mt28--forced {
  margin-top: 28px !important;
}

.mt-28 {
  margin-top: -28px;
}
.mt-28--forced {
  margin-top: -28px !important;
}

.pt28 {
  padding-top: 28px;
}
.pt28--forced {
  padding-top: 28px !important;
}

.mr28 {
  margin-right: 28px;
}
.mr28--forced {
  margin-right: 28px !important;
}

.mr-28 {
  margin-right: -28px;
}
.mr-28--forced {
  margin-right: -28px !important;
}

.pr28 {
  padding-right: 28px;
}
.pr28--forced {
  padding-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px;
}
.mb28--forced {
  margin-bottom: 28px !important;
}

.mb-28 {
  margin-bottom: -28px;
}
.mb-28--forced {
  margin-bottom: -28px !important;
}

.pb28 {
  padding-bottom: 28px;
}
.pb28--forced {
  padding-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px;
}
.ml28--forced {
  margin-left: 28px !important;
}

.ml-28 {
  margin-left: -28px;
}
.ml-28--forced {
  margin-left: -28px !important;
}

.pl28 {
  padding-left: 28px;
}
.pl28--forced {
  padding-left: 28px !important;
}

.m27 {
  margin: 27px;
}
.m27--forced {
  margin: 27px !important;
}

.m-27 {
  margin: -27px;
}
.m-27--forced {
  margin: -27px !important;
}

.p27 {
  padding: 27px;
}
.p27--forced {
  padding: 27px !important;
}

.mt27 {
  margin-top: 27px;
}
.mt27--forced {
  margin-top: 27px !important;
}

.mt-27 {
  margin-top: -27px;
}
.mt-27--forced {
  margin-top: -27px !important;
}

.pt27 {
  padding-top: 27px;
}
.pt27--forced {
  padding-top: 27px !important;
}

.mr27 {
  margin-right: 27px;
}
.mr27--forced {
  margin-right: 27px !important;
}

.mr-27 {
  margin-right: -27px;
}
.mr-27--forced {
  margin-right: -27px !important;
}

.pr27 {
  padding-right: 27px;
}
.pr27--forced {
  padding-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px;
}
.mb27--forced {
  margin-bottom: 27px !important;
}

.mb-27 {
  margin-bottom: -27px;
}
.mb-27--forced {
  margin-bottom: -27px !important;
}

.pb27 {
  padding-bottom: 27px;
}
.pb27--forced {
  padding-bottom: 27px !important;
}

.ml27 {
  margin-left: 27px;
}
.ml27--forced {
  margin-left: 27px !important;
}

.ml-27 {
  margin-left: -27px;
}
.ml-27--forced {
  margin-left: -27px !important;
}

.pl27 {
  padding-left: 27px;
}
.pl27--forced {
  padding-left: 27px !important;
}

.m26 {
  margin: 26px;
}
.m26--forced {
  margin: 26px !important;
}

.m-26 {
  margin: -26px;
}
.m-26--forced {
  margin: -26px !important;
}

.p26 {
  padding: 26px;
}
.p26--forced {
  padding: 26px !important;
}

.mt26 {
  margin-top: 26px;
}
.mt26--forced {
  margin-top: 26px !important;
}

.mt-26 {
  margin-top: -26px;
}
.mt-26--forced {
  margin-top: -26px !important;
}

.pt26 {
  padding-top: 26px;
}
.pt26--forced {
  padding-top: 26px !important;
}

.mr26 {
  margin-right: 26px;
}
.mr26--forced {
  margin-right: 26px !important;
}

.mr-26 {
  margin-right: -26px;
}
.mr-26--forced {
  margin-right: -26px !important;
}

.pr26 {
  padding-right: 26px;
}
.pr26--forced {
  padding-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px;
}
.mb26--forced {
  margin-bottom: 26px !important;
}

.mb-26 {
  margin-bottom: -26px;
}
.mb-26--forced {
  margin-bottom: -26px !important;
}

.pb26 {
  padding-bottom: 26px;
}
.pb26--forced {
  padding-bottom: 26px !important;
}

.ml26 {
  margin-left: 26px;
}
.ml26--forced {
  margin-left: 26px !important;
}

.ml-26 {
  margin-left: -26px;
}
.ml-26--forced {
  margin-left: -26px !important;
}

.pl26 {
  padding-left: 26px;
}
.pl26--forced {
  padding-left: 26px !important;
}

.m25 {
  margin: 25px;
}
.m25--forced {
  margin: 25px !important;
}

.m-25 {
  margin: -25px;
}
.m-25--forced {
  margin: -25px !important;
}

.p25 {
  padding: 25px;
}
.p25--forced {
  padding: 25px !important;
}

.mt25 {
  margin-top: 25px;
}
.mt25--forced {
  margin-top: 25px !important;
}

.mt-25 {
  margin-top: -25px;
}
.mt-25--forced {
  margin-top: -25px !important;
}

.pt25 {
  padding-top: 25px;
}
.pt25--forced {
  padding-top: 25px !important;
}

.mr25 {
  margin-right: 25px;
}
.mr25--forced {
  margin-right: 25px !important;
}

.mr-25 {
  margin-right: -25px;
}
.mr-25--forced {
  margin-right: -25px !important;
}

.pr25 {
  padding-right: 25px;
}
.pr25--forced {
  padding-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px;
}
.mb25--forced {
  margin-bottom: 25px !important;
}

.mb-25 {
  margin-bottom: -25px;
}
.mb-25--forced {
  margin-bottom: -25px !important;
}

.pb25 {
  padding-bottom: 25px;
}
.pb25--forced {
  padding-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px;
}
.ml25--forced {
  margin-left: 25px !important;
}

.ml-25 {
  margin-left: -25px;
}
.ml-25--forced {
  margin-left: -25px !important;
}

.pl25 {
  padding-left: 25px;
}
.pl25--forced {
  padding-left: 25px !important;
}

.m24 {
  margin: 24px;
}
.m24--forced {
  margin: 24px !important;
}

.m-24 {
  margin: -24px;
}
.m-24--forced {
  margin: -24px !important;
}

.p24 {
  padding: 24px;
}
.p24--forced {
  padding: 24px !important;
}

.mt24 {
  margin-top: 24px;
}
.mt24--forced {
  margin-top: 24px !important;
}

.mt-24 {
  margin-top: -24px;
}
.mt-24--forced {
  margin-top: -24px !important;
}

.pt24 {
  padding-top: 24px;
}
.pt24--forced {
  padding-top: 24px !important;
}

.mr24 {
  margin-right: 24px;
}
.mr24--forced {
  margin-right: 24px !important;
}

.mr-24 {
  margin-right: -24px;
}
.mr-24--forced {
  margin-right: -24px !important;
}

.pr24 {
  padding-right: 24px;
}
.pr24--forced {
  padding-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px;
}
.mb24--forced {
  margin-bottom: 24px !important;
}

.mb-24 {
  margin-bottom: -24px;
}
.mb-24--forced {
  margin-bottom: -24px !important;
}

.pb24 {
  padding-bottom: 24px;
}
.pb24--forced {
  padding-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px;
}
.ml24--forced {
  margin-left: 24px !important;
}

.ml-24 {
  margin-left: -24px;
}
.ml-24--forced {
  margin-left: -24px !important;
}

.pl24 {
  padding-left: 24px;
}
.pl24--forced {
  padding-left: 24px !important;
}

.m23 {
  margin: 23px;
}
.m23--forced {
  margin: 23px !important;
}

.m-23 {
  margin: -23px;
}
.m-23--forced {
  margin: -23px !important;
}

.p23 {
  padding: 23px;
}
.p23--forced {
  padding: 23px !important;
}

.mt23 {
  margin-top: 23px;
}
.mt23--forced {
  margin-top: 23px !important;
}

.mt-23 {
  margin-top: -23px;
}
.mt-23--forced {
  margin-top: -23px !important;
}

.pt23 {
  padding-top: 23px;
}
.pt23--forced {
  padding-top: 23px !important;
}

.mr23 {
  margin-right: 23px;
}
.mr23--forced {
  margin-right: 23px !important;
}

.mr-23 {
  margin-right: -23px;
}
.mr-23--forced {
  margin-right: -23px !important;
}

.pr23 {
  padding-right: 23px;
}
.pr23--forced {
  padding-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px;
}
.mb23--forced {
  margin-bottom: 23px !important;
}

.mb-23 {
  margin-bottom: -23px;
}
.mb-23--forced {
  margin-bottom: -23px !important;
}

.pb23 {
  padding-bottom: 23px;
}
.pb23--forced {
  padding-bottom: 23px !important;
}

.ml23 {
  margin-left: 23px;
}
.ml23--forced {
  margin-left: 23px !important;
}

.ml-23 {
  margin-left: -23px;
}
.ml-23--forced {
  margin-left: -23px !important;
}

.pl23 {
  padding-left: 23px;
}
.pl23--forced {
  padding-left: 23px !important;
}

.m22 {
  margin: 22px;
}
.m22--forced {
  margin: 22px !important;
}

.m-22 {
  margin: -22px;
}
.m-22--forced {
  margin: -22px !important;
}

.p22 {
  padding: 22px;
}
.p22--forced {
  padding: 22px !important;
}

.mt22 {
  margin-top: 22px;
}
.mt22--forced {
  margin-top: 22px !important;
}

.mt-22 {
  margin-top: -22px;
}
.mt-22--forced {
  margin-top: -22px !important;
}

.pt22 {
  padding-top: 22px;
}
.pt22--forced {
  padding-top: 22px !important;
}

.mr22 {
  margin-right: 22px;
}
.mr22--forced {
  margin-right: 22px !important;
}

.mr-22 {
  margin-right: -22px;
}
.mr-22--forced {
  margin-right: -22px !important;
}

.pr22 {
  padding-right: 22px;
}
.pr22--forced {
  padding-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px;
}
.mb22--forced {
  margin-bottom: 22px !important;
}

.mb-22 {
  margin-bottom: -22px;
}
.mb-22--forced {
  margin-bottom: -22px !important;
}

.pb22 {
  padding-bottom: 22px;
}
.pb22--forced {
  padding-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px;
}
.ml22--forced {
  margin-left: 22px !important;
}

.ml-22 {
  margin-left: -22px;
}
.ml-22--forced {
  margin-left: -22px !important;
}

.pl22 {
  padding-left: 22px;
}
.pl22--forced {
  padding-left: 22px !important;
}

.m21 {
  margin: 21px;
}
.m21--forced {
  margin: 21px !important;
}

.m-21 {
  margin: -21px;
}
.m-21--forced {
  margin: -21px !important;
}

.p21 {
  padding: 21px;
}
.p21--forced {
  padding: 21px !important;
}

.mt21 {
  margin-top: 21px;
}
.mt21--forced {
  margin-top: 21px !important;
}

.mt-21 {
  margin-top: -21px;
}
.mt-21--forced {
  margin-top: -21px !important;
}

.pt21 {
  padding-top: 21px;
}
.pt21--forced {
  padding-top: 21px !important;
}

.mr21 {
  margin-right: 21px;
}
.mr21--forced {
  margin-right: 21px !important;
}

.mr-21 {
  margin-right: -21px;
}
.mr-21--forced {
  margin-right: -21px !important;
}

.pr21 {
  padding-right: 21px;
}
.pr21--forced {
  padding-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px;
}
.mb21--forced {
  margin-bottom: 21px !important;
}

.mb-21 {
  margin-bottom: -21px;
}
.mb-21--forced {
  margin-bottom: -21px !important;
}

.pb21 {
  padding-bottom: 21px;
}
.pb21--forced {
  padding-bottom: 21px !important;
}

.ml21 {
  margin-left: 21px;
}
.ml21--forced {
  margin-left: 21px !important;
}

.ml-21 {
  margin-left: -21px;
}
.ml-21--forced {
  margin-left: -21px !important;
}

.pl21 {
  padding-left: 21px;
}
.pl21--forced {
  padding-left: 21px !important;
}

.m20 {
  margin: 20px;
}
.m20--forced {
  margin: 20px !important;
}

.m-20 {
  margin: -20px;
}
.m-20--forced {
  margin: -20px !important;
}

.p20 {
  padding: 20px;
}
.p20--forced {
  padding: 20px !important;
}

.mt20 {
  margin-top: 20px;
}
.mt20--forced {
  margin-top: 20px !important;
}

.mt-20 {
  margin-top: -20px;
}
.mt-20--forced {
  margin-top: -20px !important;
}

.pt20 {
  padding-top: 20px;
}
.pt20--forced {
  padding-top: 20px !important;
}

.mr20 {
  margin-right: 20px;
}
.mr20--forced {
  margin-right: 20px !important;
}

.mr-20 {
  margin-right: -20px;
}
.mr-20--forced {
  margin-right: -20px !important;
}

.pr20 {
  padding-right: 20px;
}
.pr20--forced {
  padding-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px;
}
.mb20--forced {
  margin-bottom: 20px !important;
}

.mb-20 {
  margin-bottom: -20px;
}
.mb-20--forced {
  margin-bottom: -20px !important;
}

.pb20 {
  padding-bottom: 20px;
}
.pb20--forced {
  padding-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px;
}
.ml20--forced {
  margin-left: 20px !important;
}

.ml-20 {
  margin-left: -20px;
}
.ml-20--forced {
  margin-left: -20px !important;
}

.pl20 {
  padding-left: 20px;
}
.pl20--forced {
  padding-left: 20px !important;
}

.m19 {
  margin: 19px;
}
.m19--forced {
  margin: 19px !important;
}

.m-19 {
  margin: -19px;
}
.m-19--forced {
  margin: -19px !important;
}

.p19 {
  padding: 19px;
}
.p19--forced {
  padding: 19px !important;
}

.mt19 {
  margin-top: 19px;
}
.mt19--forced {
  margin-top: 19px !important;
}

.mt-19 {
  margin-top: -19px;
}
.mt-19--forced {
  margin-top: -19px !important;
}

.pt19 {
  padding-top: 19px;
}
.pt19--forced {
  padding-top: 19px !important;
}

.mr19 {
  margin-right: 19px;
}
.mr19--forced {
  margin-right: 19px !important;
}

.mr-19 {
  margin-right: -19px;
}
.mr-19--forced {
  margin-right: -19px !important;
}

.pr19 {
  padding-right: 19px;
}
.pr19--forced {
  padding-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px;
}
.mb19--forced {
  margin-bottom: 19px !important;
}

.mb-19 {
  margin-bottom: -19px;
}
.mb-19--forced {
  margin-bottom: -19px !important;
}

.pb19 {
  padding-bottom: 19px;
}
.pb19--forced {
  padding-bottom: 19px !important;
}

.ml19 {
  margin-left: 19px;
}
.ml19--forced {
  margin-left: 19px !important;
}

.ml-19 {
  margin-left: -19px;
}
.ml-19--forced {
  margin-left: -19px !important;
}

.pl19 {
  padding-left: 19px;
}
.pl19--forced {
  padding-left: 19px !important;
}

.m18 {
  margin: 18px;
}
.m18--forced {
  margin: 18px !important;
}

.m-18 {
  margin: -18px;
}
.m-18--forced {
  margin: -18px !important;
}

.p18 {
  padding: 18px;
}
.p18--forced {
  padding: 18px !important;
}

.mt18 {
  margin-top: 18px;
}
.mt18--forced {
  margin-top: 18px !important;
}

.mt-18 {
  margin-top: -18px;
}
.mt-18--forced {
  margin-top: -18px !important;
}

.pt18 {
  padding-top: 18px;
}
.pt18--forced {
  padding-top: 18px !important;
}

.mr18 {
  margin-right: 18px;
}
.mr18--forced {
  margin-right: 18px !important;
}

.mr-18 {
  margin-right: -18px;
}
.mr-18--forced {
  margin-right: -18px !important;
}

.pr18 {
  padding-right: 18px;
}
.pr18--forced {
  padding-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px;
}
.mb18--forced {
  margin-bottom: 18px !important;
}

.mb-18 {
  margin-bottom: -18px;
}
.mb-18--forced {
  margin-bottom: -18px !important;
}

.pb18 {
  padding-bottom: 18px;
}
.pb18--forced {
  padding-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px;
}
.ml18--forced {
  margin-left: 18px !important;
}

.ml-18 {
  margin-left: -18px;
}
.ml-18--forced {
  margin-left: -18px !important;
}

.pl18 {
  padding-left: 18px;
}
.pl18--forced {
  padding-left: 18px !important;
}

.m17 {
  margin: 17px;
}
.m17--forced {
  margin: 17px !important;
}

.m-17 {
  margin: -17px;
}
.m-17--forced {
  margin: -17px !important;
}

.p17 {
  padding: 17px;
}
.p17--forced {
  padding: 17px !important;
}

.mt17 {
  margin-top: 17px;
}
.mt17--forced {
  margin-top: 17px !important;
}

.mt-17 {
  margin-top: -17px;
}
.mt-17--forced {
  margin-top: -17px !important;
}

.pt17 {
  padding-top: 17px;
}
.pt17--forced {
  padding-top: 17px !important;
}

.mr17 {
  margin-right: 17px;
}
.mr17--forced {
  margin-right: 17px !important;
}

.mr-17 {
  margin-right: -17px;
}
.mr-17--forced {
  margin-right: -17px !important;
}

.pr17 {
  padding-right: 17px;
}
.pr17--forced {
  padding-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px;
}
.mb17--forced {
  margin-bottom: 17px !important;
}

.mb-17 {
  margin-bottom: -17px;
}
.mb-17--forced {
  margin-bottom: -17px !important;
}

.pb17 {
  padding-bottom: 17px;
}
.pb17--forced {
  padding-bottom: 17px !important;
}

.ml17 {
  margin-left: 17px;
}
.ml17--forced {
  margin-left: 17px !important;
}

.ml-17 {
  margin-left: -17px;
}
.ml-17--forced {
  margin-left: -17px !important;
}

.pl17 {
  padding-left: 17px;
}
.pl17--forced {
  padding-left: 17px !important;
}

.m16 {
  margin: 16px;
}
.m16--forced {
  margin: 16px !important;
}

.m-16 {
  margin: -16px;
}
.m-16--forced {
  margin: -16px !important;
}

.p16 {
  padding: 16px;
}
.p16--forced {
  padding: 16px !important;
}

.mt16 {
  margin-top: 16px;
}
.mt16--forced {
  margin-top: 16px !important;
}

.mt-16 {
  margin-top: -16px;
}
.mt-16--forced {
  margin-top: -16px !important;
}

.pt16 {
  padding-top: 16px;
}
.pt16--forced {
  padding-top: 16px !important;
}

.mr16 {
  margin-right: 16px;
}
.mr16--forced {
  margin-right: 16px !important;
}

.mr-16 {
  margin-right: -16px;
}
.mr-16--forced {
  margin-right: -16px !important;
}

.pr16 {
  padding-right: 16px;
}
.pr16--forced {
  padding-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px;
}
.mb16--forced {
  margin-bottom: 16px !important;
}

.mb-16 {
  margin-bottom: -16px;
}
.mb-16--forced {
  margin-bottom: -16px !important;
}

.pb16 {
  padding-bottom: 16px;
}
.pb16--forced {
  padding-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px;
}
.ml16--forced {
  margin-left: 16px !important;
}

.ml-16 {
  margin-left: -16px;
}
.ml-16--forced {
  margin-left: -16px !important;
}

.pl16 {
  padding-left: 16px;
}
.pl16--forced {
  padding-left: 16px !important;
}

.m15 {
  margin: 15px;
}
.m15--forced {
  margin: 15px !important;
}

.m-15 {
  margin: -15px;
}
.m-15--forced {
  margin: -15px !important;
}

.p15 {
  padding: 15px;
}
.p15--forced {
  padding: 15px !important;
}

.mt15 {
  margin-top: 15px;
}
.mt15--forced {
  margin-top: 15px !important;
}

.mt-15 {
  margin-top: -15px;
}
.mt-15--forced {
  margin-top: -15px !important;
}

.pt15 {
  padding-top: 15px;
}
.pt15--forced {
  padding-top: 15px !important;
}

.mr15 {
  margin-right: 15px;
}
.mr15--forced {
  margin-right: 15px !important;
}

.mr-15 {
  margin-right: -15px;
}
.mr-15--forced {
  margin-right: -15px !important;
}

.pr15 {
  padding-right: 15px;
}
.pr15--forced {
  padding-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px;
}
.mb15--forced {
  margin-bottom: 15px !important;
}

.mb-15 {
  margin-bottom: -15px;
}
.mb-15--forced {
  margin-bottom: -15px !important;
}

.pb15 {
  padding-bottom: 15px;
}
.pb15--forced {
  padding-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px;
}
.ml15--forced {
  margin-left: 15px !important;
}

.ml-15 {
  margin-left: -15px;
}
.ml-15--forced {
  margin-left: -15px !important;
}

.pl15 {
  padding-left: 15px;
}
.pl15--forced {
  padding-left: 15px !important;
}

.m14 {
  margin: 14px;
}
.m14--forced {
  margin: 14px !important;
}

.m-14 {
  margin: -14px;
}
.m-14--forced {
  margin: -14px !important;
}

.p14 {
  padding: 14px;
}
.p14--forced {
  padding: 14px !important;
}

.mt14 {
  margin-top: 14px;
}
.mt14--forced {
  margin-top: 14px !important;
}

.mt-14 {
  margin-top: -14px;
}
.mt-14--forced {
  margin-top: -14px !important;
}

.pt14 {
  padding-top: 14px;
}
.pt14--forced {
  padding-top: 14px !important;
}

.mr14 {
  margin-right: 14px;
}
.mr14--forced {
  margin-right: 14px !important;
}

.mr-14 {
  margin-right: -14px;
}
.mr-14--forced {
  margin-right: -14px !important;
}

.pr14 {
  padding-right: 14px;
}
.pr14--forced {
  padding-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px;
}
.mb14--forced {
  margin-bottom: 14px !important;
}

.mb-14 {
  margin-bottom: -14px;
}
.mb-14--forced {
  margin-bottom: -14px !important;
}

.pb14 {
  padding-bottom: 14px;
}
.pb14--forced {
  padding-bottom: 14px !important;
}

.ml14 {
  margin-left: 14px;
}
.ml14--forced {
  margin-left: 14px !important;
}

.ml-14 {
  margin-left: -14px;
}
.ml-14--forced {
  margin-left: -14px !important;
}

.pl14 {
  padding-left: 14px;
}
.pl14--forced {
  padding-left: 14px !important;
}

.m13 {
  margin: 13px;
}
.m13--forced {
  margin: 13px !important;
}

.m-13 {
  margin: -13px;
}
.m-13--forced {
  margin: -13px !important;
}

.p13 {
  padding: 13px;
}
.p13--forced {
  padding: 13px !important;
}

.mt13 {
  margin-top: 13px;
}
.mt13--forced {
  margin-top: 13px !important;
}

.mt-13 {
  margin-top: -13px;
}
.mt-13--forced {
  margin-top: -13px !important;
}

.pt13 {
  padding-top: 13px;
}
.pt13--forced {
  padding-top: 13px !important;
}

.mr13 {
  margin-right: 13px;
}
.mr13--forced {
  margin-right: 13px !important;
}

.mr-13 {
  margin-right: -13px;
}
.mr-13--forced {
  margin-right: -13px !important;
}

.pr13 {
  padding-right: 13px;
}
.pr13--forced {
  padding-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px;
}
.mb13--forced {
  margin-bottom: 13px !important;
}

.mb-13 {
  margin-bottom: -13px;
}
.mb-13--forced {
  margin-bottom: -13px !important;
}

.pb13 {
  padding-bottom: 13px;
}
.pb13--forced {
  padding-bottom: 13px !important;
}

.ml13 {
  margin-left: 13px;
}
.ml13--forced {
  margin-left: 13px !important;
}

.ml-13 {
  margin-left: -13px;
}
.ml-13--forced {
  margin-left: -13px !important;
}

.pl13 {
  padding-left: 13px;
}
.pl13--forced {
  padding-left: 13px !important;
}

.m12 {
  margin: 12px;
}
.m12--forced {
  margin: 12px !important;
}

.m-12 {
  margin: -12px;
}
.m-12--forced {
  margin: -12px !important;
}

.p12 {
  padding: 12px;
}
.p12--forced {
  padding: 12px !important;
}

.mt12 {
  margin-top: 12px;
}
.mt12--forced {
  margin-top: 12px !important;
}

.mt-12 {
  margin-top: -12px;
}
.mt-12--forced {
  margin-top: -12px !important;
}

.pt12 {
  padding-top: 12px;
}
.pt12--forced {
  padding-top: 12px !important;
}

.mr12 {
  margin-right: 12px;
}
.mr12--forced {
  margin-right: 12px !important;
}

.mr-12 {
  margin-right: -12px;
}
.mr-12--forced {
  margin-right: -12px !important;
}

.pr12 {
  padding-right: 12px;
}
.pr12--forced {
  padding-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px;
}
.mb12--forced {
  margin-bottom: 12px !important;
}

.mb-12 {
  margin-bottom: -12px;
}
.mb-12--forced {
  margin-bottom: -12px !important;
}

.pb12 {
  padding-bottom: 12px;
}
.pb12--forced {
  padding-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px;
}
.ml12--forced {
  margin-left: 12px !important;
}

.ml-12 {
  margin-left: -12px;
}
.ml-12--forced {
  margin-left: -12px !important;
}

.pl12 {
  padding-left: 12px;
}
.pl12--forced {
  padding-left: 12px !important;
}

.m11 {
  margin: 11px;
}
.m11--forced {
  margin: 11px !important;
}

.m-11 {
  margin: -11px;
}
.m-11--forced {
  margin: -11px !important;
}

.p11 {
  padding: 11px;
}
.p11--forced {
  padding: 11px !important;
}

.mt11 {
  margin-top: 11px;
}
.mt11--forced {
  margin-top: 11px !important;
}

.mt-11 {
  margin-top: -11px;
}
.mt-11--forced {
  margin-top: -11px !important;
}

.pt11 {
  padding-top: 11px;
}
.pt11--forced {
  padding-top: 11px !important;
}

.mr11 {
  margin-right: 11px;
}
.mr11--forced {
  margin-right: 11px !important;
}

.mr-11 {
  margin-right: -11px;
}
.mr-11--forced {
  margin-right: -11px !important;
}

.pr11 {
  padding-right: 11px;
}
.pr11--forced {
  padding-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px;
}
.mb11--forced {
  margin-bottom: 11px !important;
}

.mb-11 {
  margin-bottom: -11px;
}
.mb-11--forced {
  margin-bottom: -11px !important;
}

.pb11 {
  padding-bottom: 11px;
}
.pb11--forced {
  padding-bottom: 11px !important;
}

.ml11 {
  margin-left: 11px;
}
.ml11--forced {
  margin-left: 11px !important;
}

.ml-11 {
  margin-left: -11px;
}
.ml-11--forced {
  margin-left: -11px !important;
}

.pl11 {
  padding-left: 11px;
}
.pl11--forced {
  padding-left: 11px !important;
}

.m10 {
  margin: 10px;
}
.m10--forced {
  margin: 10px !important;
}

.m-10 {
  margin: -10px;
}
.m-10--forced {
  margin: -10px !important;
}

.p10 {
  padding: 10px;
}
.p10--forced {
  padding: 10px !important;
}

.mt10 {
  margin-top: 10px;
}
.mt10--forced {
  margin-top: 10px !important;
}

.mt-10 {
  margin-top: -10px;
}
.mt-10--forced {
  margin-top: -10px !important;
}

.pt10 {
  padding-top: 10px;
}
.pt10--forced {
  padding-top: 10px !important;
}

.mr10 {
  margin-right: 10px;
}
.mr10--forced {
  margin-right: 10px !important;
}

.mr-10 {
  margin-right: -10px;
}
.mr-10--forced {
  margin-right: -10px !important;
}

.pr10 {
  padding-right: 10px;
}
.pr10--forced {
  padding-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px;
}
.mb10--forced {
  margin-bottom: 10px !important;
}

.mb-10 {
  margin-bottom: -10px;
}
.mb-10--forced {
  margin-bottom: -10px !important;
}

.pb10 {
  padding-bottom: 10px;
}
.pb10--forced {
  padding-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px;
}
.ml10--forced {
  margin-left: 10px !important;
}

.ml-10 {
  margin-left: -10px;
}
.ml-10--forced {
  margin-left: -10px !important;
}

.pl10 {
  padding-left: 10px;
}
.pl10--forced {
  padding-left: 10px !important;
}

.m9 {
  margin: 9px;
}
.m9--forced {
  margin: 9px !important;
}

.m-9 {
  margin: -9px;
}
.m-9--forced {
  margin: -9px !important;
}

.p9 {
  padding: 9px;
}
.p9--forced {
  padding: 9px !important;
}

.mt9 {
  margin-top: 9px;
}
.mt9--forced {
  margin-top: 9px !important;
}

.mt-9 {
  margin-top: -9px;
}
.mt-9--forced {
  margin-top: -9px !important;
}

.pt9 {
  padding-top: 9px;
}
.pt9--forced {
  padding-top: 9px !important;
}

.mr9 {
  margin-right: 9px;
}
.mr9--forced {
  margin-right: 9px !important;
}

.mr-9 {
  margin-right: -9px;
}
.mr-9--forced {
  margin-right: -9px !important;
}

.pr9 {
  padding-right: 9px;
}
.pr9--forced {
  padding-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px;
}
.mb9--forced {
  margin-bottom: 9px !important;
}

.mb-9 {
  margin-bottom: -9px;
}
.mb-9--forced {
  margin-bottom: -9px !important;
}

.pb9 {
  padding-bottom: 9px;
}
.pb9--forced {
  padding-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px;
}
.ml9--forced {
  margin-left: 9px !important;
}

.ml-9 {
  margin-left: -9px;
}
.ml-9--forced {
  margin-left: -9px !important;
}

.pl9 {
  padding-left: 9px;
}
.pl9--forced {
  padding-left: 9px !important;
}

.m8 {
  margin: 8px;
}
.m8--forced {
  margin: 8px !important;
}

.m-8 {
  margin: -8px;
}
.m-8--forced {
  margin: -8px !important;
}

.p8 {
  padding: 8px;
}
.p8--forced {
  padding: 8px !important;
}

.mt8 {
  margin-top: 8px;
}
.mt8--forced {
  margin-top: 8px !important;
}

.mt-8 {
  margin-top: -8px;
}
.mt-8--forced {
  margin-top: -8px !important;
}

.pt8 {
  padding-top: 8px;
}
.pt8--forced {
  padding-top: 8px !important;
}

.mr8 {
  margin-right: 8px;
}
.mr8--forced {
  margin-right: 8px !important;
}

.mr-8 {
  margin-right: -8px;
}
.mr-8--forced {
  margin-right: -8px !important;
}

.pr8 {
  padding-right: 8px;
}
.pr8--forced {
  padding-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px;
}
.mb8--forced {
  margin-bottom: 8px !important;
}

.mb-8 {
  margin-bottom: -8px;
}
.mb-8--forced {
  margin-bottom: -8px !important;
}

.pb8 {
  padding-bottom: 8px;
}
.pb8--forced {
  padding-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px;
}
.ml8--forced {
  margin-left: 8px !important;
}

.ml-8 {
  margin-left: -8px;
}
.ml-8--forced {
  margin-left: -8px !important;
}

.pl8 {
  padding-left: 8px;
}
.pl8--forced {
  padding-left: 8px !important;
}

.m7 {
  margin: 7px;
}
.m7--forced {
  margin: 7px !important;
}

.m-7 {
  margin: -7px;
}
.m-7--forced {
  margin: -7px !important;
}

.p7 {
  padding: 7px;
}
.p7--forced {
  padding: 7px !important;
}

.mt7 {
  margin-top: 7px;
}
.mt7--forced {
  margin-top: 7px !important;
}

.mt-7 {
  margin-top: -7px;
}
.mt-7--forced {
  margin-top: -7px !important;
}

.pt7 {
  padding-top: 7px;
}
.pt7--forced {
  padding-top: 7px !important;
}

.mr7 {
  margin-right: 7px;
}
.mr7--forced {
  margin-right: 7px !important;
}

.mr-7 {
  margin-right: -7px;
}
.mr-7--forced {
  margin-right: -7px !important;
}

.pr7 {
  padding-right: 7px;
}
.pr7--forced {
  padding-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px;
}
.mb7--forced {
  margin-bottom: 7px !important;
}

.mb-7 {
  margin-bottom: -7px;
}
.mb-7--forced {
  margin-bottom: -7px !important;
}

.pb7 {
  padding-bottom: 7px;
}
.pb7--forced {
  padding-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px;
}
.ml7--forced {
  margin-left: 7px !important;
}

.ml-7 {
  margin-left: -7px;
}
.ml-7--forced {
  margin-left: -7px !important;
}

.pl7 {
  padding-left: 7px;
}
.pl7--forced {
  padding-left: 7px !important;
}

.m6 {
  margin: 6px;
}
.m6--forced {
  margin: 6px !important;
}

.m-6 {
  margin: -6px;
}
.m-6--forced {
  margin: -6px !important;
}

.p6 {
  padding: 6px;
}
.p6--forced {
  padding: 6px !important;
}

.mt6 {
  margin-top: 6px;
}
.mt6--forced {
  margin-top: 6px !important;
}

.mt-6 {
  margin-top: -6px;
}
.mt-6--forced {
  margin-top: -6px !important;
}

.pt6 {
  padding-top: 6px;
}
.pt6--forced {
  padding-top: 6px !important;
}

.mr6 {
  margin-right: 6px;
}
.mr6--forced {
  margin-right: 6px !important;
}

.mr-6 {
  margin-right: -6px;
}
.mr-6--forced {
  margin-right: -6px !important;
}

.pr6 {
  padding-right: 6px;
}
.pr6--forced {
  padding-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px;
}
.mb6--forced {
  margin-bottom: 6px !important;
}

.mb-6 {
  margin-bottom: -6px;
}
.mb-6--forced {
  margin-bottom: -6px !important;
}

.pb6 {
  padding-bottom: 6px;
}
.pb6--forced {
  padding-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px;
}
.ml6--forced {
  margin-left: 6px !important;
}

.ml-6 {
  margin-left: -6px;
}
.ml-6--forced {
  margin-left: -6px !important;
}

.pl6 {
  padding-left: 6px;
}
.pl6--forced {
  padding-left: 6px !important;
}

.m5 {
  margin: 5px;
}
.m5--forced {
  margin: 5px !important;
}

.m-5 {
  margin: -5px;
}
.m-5--forced {
  margin: -5px !important;
}

.p5 {
  padding: 5px;
}
.p5--forced {
  padding: 5px !important;
}

.mt5 {
  margin-top: 5px;
}
.mt5--forced {
  margin-top: 5px !important;
}

.mt-5 {
  margin-top: -5px;
}
.mt-5--forced {
  margin-top: -5px !important;
}

.pt5 {
  padding-top: 5px;
}
.pt5--forced {
  padding-top: 5px !important;
}

.mr5 {
  margin-right: 5px;
}
.mr5--forced {
  margin-right: 5px !important;
}

.mr-5 {
  margin-right: -5px;
}
.mr-5--forced {
  margin-right: -5px !important;
}

.pr5 {
  padding-right: 5px;
}
.pr5--forced {
  padding-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px;
}
.mb5--forced {
  margin-bottom: 5px !important;
}

.mb-5 {
  margin-bottom: -5px;
}
.mb-5--forced {
  margin-bottom: -5px !important;
}

.pb5 {
  padding-bottom: 5px;
}
.pb5--forced {
  padding-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px;
}
.ml5--forced {
  margin-left: 5px !important;
}

.ml-5 {
  margin-left: -5px;
}
.ml-5--forced {
  margin-left: -5px !important;
}

.pl5 {
  padding-left: 5px;
}
.pl5--forced {
  padding-left: 5px !important;
}

.m4 {
  margin: 4px;
}
.m4--forced {
  margin: 4px !important;
}

.m-4 {
  margin: -4px;
}
.m-4--forced {
  margin: -4px !important;
}

.p4 {
  padding: 4px;
}
.p4--forced {
  padding: 4px !important;
}

.mt4 {
  margin-top: 4px;
}
.mt4--forced {
  margin-top: 4px !important;
}

.mt-4 {
  margin-top: -4px;
}
.mt-4--forced {
  margin-top: -4px !important;
}

.pt4 {
  padding-top: 4px;
}
.pt4--forced {
  padding-top: 4px !important;
}

.mr4 {
  margin-right: 4px;
}
.mr4--forced {
  margin-right: 4px !important;
}

.mr-4 {
  margin-right: -4px;
}
.mr-4--forced {
  margin-right: -4px !important;
}

.pr4 {
  padding-right: 4px;
}
.pr4--forced {
  padding-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px;
}
.mb4--forced {
  margin-bottom: 4px !important;
}

.mb-4 {
  margin-bottom: -4px;
}
.mb-4--forced {
  margin-bottom: -4px !important;
}

.pb4 {
  padding-bottom: 4px;
}
.pb4--forced {
  padding-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px;
}
.ml4--forced {
  margin-left: 4px !important;
}

.ml-4 {
  margin-left: -4px;
}
.ml-4--forced {
  margin-left: -4px !important;
}

.pl4 {
  padding-left: 4px;
}
.pl4--forced {
  padding-left: 4px !important;
}

.m3 {
  margin: 3px;
}
.m3--forced {
  margin: 3px !important;
}

.m-3 {
  margin: -3px;
}
.m-3--forced {
  margin: -3px !important;
}

.p3 {
  padding: 3px;
}
.p3--forced {
  padding: 3px !important;
}

.mt3 {
  margin-top: 3px;
}
.mt3--forced {
  margin-top: 3px !important;
}

.mt-3 {
  margin-top: -3px;
}
.mt-3--forced {
  margin-top: -3px !important;
}

.pt3 {
  padding-top: 3px;
}
.pt3--forced {
  padding-top: 3px !important;
}

.mr3 {
  margin-right: 3px;
}
.mr3--forced {
  margin-right: 3px !important;
}

.mr-3 {
  margin-right: -3px;
}
.mr-3--forced {
  margin-right: -3px !important;
}

.pr3 {
  padding-right: 3px;
}
.pr3--forced {
  padding-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px;
}
.mb3--forced {
  margin-bottom: 3px !important;
}

.mb-3 {
  margin-bottom: -3px;
}
.mb-3--forced {
  margin-bottom: -3px !important;
}

.pb3 {
  padding-bottom: 3px;
}
.pb3--forced {
  padding-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px;
}
.ml3--forced {
  margin-left: 3px !important;
}

.ml-3 {
  margin-left: -3px;
}
.ml-3--forced {
  margin-left: -3px !important;
}

.pl3 {
  padding-left: 3px;
}
.pl3--forced {
  padding-left: 3px !important;
}

.m2 {
  margin: 2px;
}
.m2--forced {
  margin: 2px !important;
}

.m-2 {
  margin: -2px;
}
.m-2--forced {
  margin: -2px !important;
}

.p2 {
  padding: 2px;
}
.p2--forced {
  padding: 2px !important;
}

.mt2 {
  margin-top: 2px;
}
.mt2--forced {
  margin-top: 2px !important;
}

.mt-2 {
  margin-top: -2px;
}
.mt-2--forced {
  margin-top: -2px !important;
}

.pt2 {
  padding-top: 2px;
}
.pt2--forced {
  padding-top: 2px !important;
}

.mr2 {
  margin-right: 2px;
}
.mr2--forced {
  margin-right: 2px !important;
}

.mr-2 {
  margin-right: -2px;
}
.mr-2--forced {
  margin-right: -2px !important;
}

.pr2 {
  padding-right: 2px;
}
.pr2--forced {
  padding-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px;
}
.mb2--forced {
  margin-bottom: 2px !important;
}

.mb-2 {
  margin-bottom: -2px;
}
.mb-2--forced {
  margin-bottom: -2px !important;
}

.pb2 {
  padding-bottom: 2px;
}
.pb2--forced {
  padding-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px;
}
.ml2--forced {
  margin-left: 2px !important;
}

.ml-2 {
  margin-left: -2px;
}
.ml-2--forced {
  margin-left: -2px !important;
}

.pl2 {
  padding-left: 2px;
}
.pl2--forced {
  padding-left: 2px !important;
}

.m1 {
  margin: 1px;
}
.m1--forced {
  margin: 1px !important;
}

.m-1 {
  margin: -1px;
}
.m-1--forced {
  margin: -1px !important;
}

.p1 {
  padding: 1px;
}
.p1--forced {
  padding: 1px !important;
}

.mt1 {
  margin-top: 1px;
}
.mt1--forced {
  margin-top: 1px !important;
}

.mt-1 {
  margin-top: -1px;
}
.mt-1--forced {
  margin-top: -1px !important;
}

.pt1 {
  padding-top: 1px;
}
.pt1--forced {
  padding-top: 1px !important;
}

.mr1 {
  margin-right: 1px;
}
.mr1--forced {
  margin-right: 1px !important;
}

.mr-1 {
  margin-right: -1px;
}
.mr-1--forced {
  margin-right: -1px !important;
}

.pr1 {
  padding-right: 1px;
}
.pr1--forced {
  padding-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px;
}
.mb1--forced {
  margin-bottom: 1px !important;
}

.mb-1 {
  margin-bottom: -1px;
}
.mb-1--forced {
  margin-bottom: -1px !important;
}

.pb1 {
  padding-bottom: 1px;
}
.pb1--forced {
  padding-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px;
}
.ml1--forced {
  margin-left: 1px !important;
}

.ml-1 {
  margin-left: -1px;
}
.ml-1--forced {
  margin-left: -1px !important;
}

.pl1 {
  padding-left: 1px;
}
.pl1--forced {
  padding-left: 1px !important;
}

.m0 {
  margin: 0px;
}
.m0--forced {
  margin: 0px !important;
}

.m-0 {
  margin: 0px;
}
.m-0--forced {
  margin: 0px !important;
}

.p0 {
  padding: 0px;
}
.p0--forced {
  padding: 0px !important;
}

.mt0 {
  margin-top: 0px;
}
.mt0--forced {
  margin-top: 0px !important;
}

.mt-0 {
  margin-top: 0px;
}
.mt-0--forced {
  margin-top: 0px !important;
}

.pt0 {
  padding-top: 0px;
}
.pt0--forced {
  padding-top: 0px !important;
}

.mr0 {
  margin-right: 0px;
}
.mr0--forced {
  margin-right: 0px !important;
}

.mr-0 {
  margin-right: 0px;
}
.mr-0--forced {
  margin-right: 0px !important;
}

.pr0 {
  padding-right: 0px;
}
.pr0--forced {
  padding-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px;
}
.mb0--forced {
  margin-bottom: 0px !important;
}

.mb-0 {
  margin-bottom: 0px;
}
.mb-0--forced {
  margin-bottom: 0px !important;
}

.pb0 {
  padding-bottom: 0px;
}
.pb0--forced {
  padding-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px;
}
.ml0--forced {
  margin-left: 0px !important;
}

.ml-0 {
  margin-left: 0px;
}
.ml-0--forced {
  margin-left: 0px !important;
}

.pl0 {
  padding-left: 0px;
}
.pl0--forced {
  padding-left: 0px !important;
}

.grey {
  color: #868686 !important;
}

h4.grey {
  font-weight: 700;
}

/* button */
.btn, .ui-inline-edit, .btn-clone.ui-inline-edit, .ui-inline-del, .btn-clone.ui-inline-del, .btn.btn-clone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 120px;
  height: 34px;
  padding: 0 12px !important;
  border-width: 1px;
  font-size: 14px;
  text-shadow: none !important;
}
.btn:has(.fas) span, .ui-inline-edit:has(.fas) span, .ui-inline-del:has(.fas) span {
  line-height: 16px;
}
.btn:focus, .ui-inline-edit:focus, .ui-inline-del:focus {
  outline: none;
}
.btn, .ui-inline-edit, .btn-clone.ui-inline-edit, .ui-inline-del, .btn-clone.ui-inline-del, .btn.btn-clone, .btn.btn-default {
  border-color: #e0e4e5 !important;
  background-color: #e0e4e5 !important;
  color: #666 !important;
}
.btn.btn-hover, .btn-hover.ui-inline-edit, .btn-hover.ui-inline-del, .btn:hover, .ui-inline-edit:hover, .ui-inline-del:hover, .btn:focus, .ui-inline-edit:focus, .ui-inline-del:focus, .btn.btn-default.btn-hover, .btn.btn-default:hover, .btn.btn-default:focus {
  border-color: #c4ccce !important;
  background-color: #c4ccce !important;
  color: #666 !important;
}
.btn:disabled.btn-hover, .ui-inline-edit:disabled.btn-hover, .ui-inline-del:disabled.btn-hover, .btn:disabled:hover, .ui-inline-edit:disabled:hover, .ui-inline-del:disabled:hover, .btn:disabled:focus, .ui-inline-edit:disabled:focus, .ui-inline-del:disabled:focus, .btn.btn-disabled.btn-hover, .btn-disabled.btn-hover.ui-inline-edit, .btn-disabled.btn-hover.ui-inline-del, .btn.btn-disabled:hover, .btn-disabled.ui-inline-edit:hover, .btn-disabled.ui-inline-del:hover, .btn.btn-disabled:focus, .btn-disabled.ui-inline-edit:focus, .btn-disabled.ui-inline-del:focus, .btn.btn-default:disabled.btn-hover, .btn.btn-default:disabled:hover, .btn.btn-default:disabled:focus, .btn.btn-default.btn-disabled.btn-hover, .btn.btn-default.btn-disabled:hover, .btn.btn-default.btn-disabled:focus {
  border-color: #eff1f1 !important;
  background-color: #eff1f1 !important;
  color: #b1b1b1 !important;
}
.btn:disabled, .ui-inline-edit:disabled, .ui-inline-del:disabled, .btn.btn-disabled, .btn-disabled.ui-inline-edit, .btn-disabled.ui-inline-del {
  cursor: not-allowed;
  opacity: 0.4;
}
.btn.btn-sm, .btn-sm.ui-inline-edit, .btn-sm.ui-inline-del {
  min-width: 80px;
  height: 30px;
  font-size: 13px;
}
.btn.btn-xs, .btn-xs.ui-inline-edit, .btn-xs.ui-inline-del {
  min-width: 64px;
  height: 24px;
  font-size: 12px;
}
.btn, .ui-inline-edit, .btn-clone.ui-inline-edit, .ui-inline-del, .btn-clone.ui-inline-del, .btn.btn-clone {
  /* primary */
}
.btn.btn-primary, .btn-primary.ui-inline-edit, .btn-primary.ui-inline-del {
  border-color: #518299 !important;
  background-color: #518299 !important;
  color: #fff !important;
}
.btn.btn-primary:hover, .btn-primary.ui-inline-edit:hover, .btn-primary.ui-inline-del:hover, .btn.btn-primary.btn-hover, .btn-primary.btn-hover.ui-inline-edit, .btn-primary.btn-hover.ui-inline-del, .btn.btn-primary:focus, .btn-primary.ui-inline-edit:focus, .btn-primary.ui-inline-del:focus {
  border-color: #375767 !important;
  background-color: #375767 !important;
  color: #fff !important;
}
.btn.btn-primary:disabled, .btn-primary.ui-inline-edit:disabled, .btn-primary.ui-inline-del:disabled, .btn.btn-primary:disabled.btn-hover, .btn.btn-primary:disabled:hover, .btn.btn-primary:disabled:focus, .btn.btn-primary.btn-disabled, .btn-primary.btn-disabled.ui-inline-edit, .btn-primary.btn-disabled.ui-inline-del, .btn.btn-primary.btn-disabled.btn-hover, .btn.btn-primary.btn-disabled:hover, .btn.btn-primary.btn-disabled:focus {
  border-color: #a7c0cc !important;
  background-color: #a7c0cc !important;
  color: #f6f9fa !important;
}
.btn.btn-primary, .btn-primary.ui-inline-edit, .btn-primary.ui-inline-del {
  /* primary-sub */
}
.btn.btn-primary.btn-outlined, .btn-primary.btn-outlined.ui-inline-edit, .btn-primary.btn-outlined.ui-inline-del {
  border-color: #518299 !important;
  background-color: #fff !important;
  color: #3f6678 !important;
}
.btn.btn-primary.btn-outlined:hover, .btn-primary.btn-outlined.ui-inline-edit:hover, .btn-primary.btn-outlined.ui-inline-del:hover, .btn.btn-primary.btn-outlined.btn-hover, .btn-primary.btn-outlined.btn-hover.ui-inline-edit, .btn-primary.btn-outlined.btn-hover.ui-inline-del, .btn.btn-primary.btn-outlined:focus, .btn-primary.btn-outlined.ui-inline-edit:focus, .btn-primary.btn-outlined.ui-inline-del:focus {
  border-color: #518299 !important;
  background-color: #518299 !important;
  color: #fff !important;
}
.btn.btn-primary.btn-outlined:disabled, .btn-primary.btn-outlined.ui-inline-edit:disabled, .btn-primary.btn-outlined.ui-inline-del:disabled, .btn.btn-primary.btn-outlined:disabled.btn-hover, .btn.btn-primary.btn-outlined:disabled:hover, .btn.btn-primary.btn-outlined:disabled:focus, .btn.btn-primary.btn-outlined.btn-disabled, .btn-primary.btn-outlined.btn-disabled.ui-inline-edit, .btn-primary.btn-outlined.btn-disabled.ui-inline-del, .btn.btn-primary.btn-outlined.btn-disabled.btn-hover, .btn.btn-primary.btn-outlined.btn-disabled:hover, .btn.btn-primary.btn-outlined.btn-disabled:focus {
  border-color: #a7c0cb !important;
  background-color: #fff !important;
  color: #9eb1ba !important;
}
.btn, .ui-inline-edit, .btn-clone.ui-inline-edit, .ui-inline-del, .btn-clone.ui-inline-del, .btn.btn-clone {
  /* secondary */
}
.btn.btn-secondary, .btn-secondary.ui-inline-edit, .btn-secondary.ui-inline-del {
  border-color: #dce6eb !important;
  background-color: #dce6eb !important;
  color: #3f6678 !important;
}
.btn.btn-secondary:hover, .btn-secondary.ui-inline-edit:hover, .btn-secondary.ui-inline-del:hover, .btn.btn-secondary.btn-hover, .btn-secondary.btn-hover.ui-inline-edit, .btn-secondary.btn-hover.ui-inline-del, .btn.btn-secondary:focus, .btn-secondary.ui-inline-edit:focus, .btn-secondary.ui-inline-del:focus {
  border-color: #9bb8c6 !important;
  background-color: #9bb8c6 !important;
  color: #fff !important;
}
.btn.btn-secondary:disabled, .btn-secondary.ui-inline-edit:disabled, .btn-secondary.ui-inline-del:disabled, .btn.btn-secondary:disabled.btn-hover, .btn.btn-secondary:disabled:hover, .btn.btn-secondary:disabled:focus, .btn.btn-secondary.btn-disabled, .btn-secondary.btn-disabled.ui-inline-edit, .btn-secondary.btn-disabled.ui-inline-del, .btn.btn-secondary.btn-disabled.btn-hover, .btn.btn-secondary.btn-disabled:hover, .btn.btn-secondary.btn-disabled:focus {
  border-color: #edf2f5 !important;
  background-color: #edf2f5 !important;
  color: #95abb6 !important;
}
.btn, .ui-inline-edit, .btn-clone.ui-inline-edit, .ui-inline-del, .btn-clone.ui-inline-del, .btn.btn-clone {
  /* normal */
}
.btn.btn-normal, .btn-normal.ui-inline-edit, .btn-normal.ui-inline-del {
  border-color: #adbabe !important;
  background-color: #fff !important;
  color: #2a2a2a !important;
}
.btn.btn-normal:hover, .btn-normal.ui-inline-edit:hover, .btn-normal.ui-inline-del:hover, .btn.btn-normal.btn-hover, .btn-normal.btn-hover.ui-inline-edit, .btn-normal.btn-hover.ui-inline-del, .btn.btn-normal:focus, .btn-normal.ui-inline-edit:focus, .btn-normal.ui-inline-del:focus {
  border-color: #adbabe !important;
  background-color: #adbabe !important;
  color: #fff !important;
}
.btn.btn-normal:disabled, .btn-normal.ui-inline-edit:disabled, .btn-normal.ui-inline-del:disabled, .btn.btn-normal:disabled.btn-hover, .btn.btn-normal:disabled:hover, .btn.btn-normal:disabled:focus, .btn.btn-normal.btn-disabled, .btn-normal.btn-disabled.ui-inline-edit, .btn-normal.btn-disabled.ui-inline-del, .btn.btn-normal.btn-disabled.btn-hover, .btn.btn-normal.btn-disabled:hover, .btn.btn-normal.btn-disabled:focus {
  border-color: #d5dcde !important;
  background-color: #fff !important;
  color: #9e9e9e !important;
}
.btn, .ui-inline-edit, .btn-clone.ui-inline-edit, .ui-inline-del, .btn-clone.ui-inline-del, .btn.btn-clone {
  /* edit / delete */
}
.btn.btn-edit, .btn.ui-inline-edit, .ui-inline-edit, .btn-edit.ui-inline-del, .btn.btn-clone, .btn-clone.ui-inline-edit, .btn-clone.ui-inline-del {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #666 !important;
}
.btn.btn-edit:hover, .ui-inline-edit:hover, .btn-edit.ui-inline-del:hover, .btn.btn-clone:hover, .btn-clone.ui-inline-del:hover, .btn.btn-edit.btn-hover, .btn-hover.ui-inline-edit, .btn-edit.btn-hover.ui-inline-del, .btn.btn-hover.btn-clone, .btn-hover.btn-clone.ui-inline-del, .btn.btn-edit:focus, .ui-inline-edit:focus, .btn-edit.ui-inline-del:focus, .btn.btn-clone:focus, .btn-clone.ui-inline-del:focus {
  border-color: #d4e1e9 !important;
  background-color: #d4e1e9 !important;
  color: #518299 !important;
}
.btn.btn-edit:hover .ui-icon, .ui-inline-edit:hover .ui-icon, .btn-edit.ui-inline-del:hover .ui-icon, .btn.btn-clone:hover .ui-icon, .btn-clone.ui-inline-del:hover .ui-icon, .btn.btn-edit.btn-hover .ui-icon, .btn-hover.ui-inline-edit .ui-icon, .btn-edit.btn-hover.ui-inline-del .ui-icon, .btn.btn-hover.btn-clone .ui-icon, .btn-hover.btn-clone.ui-inline-del .ui-icon, .btn.btn-edit:focus .ui-icon, .ui-inline-edit:focus .ui-icon, .btn-edit.ui-inline-del:focus .ui-icon, .btn.btn-clone:focus .ui-icon, .btn-clone.ui-inline-del:focus .ui-icon {
  color: #518299 !important;
}
.btn.btn-edit:disabled, .ui-inline-edit:disabled, .btn-edit.ui-inline-del:disabled, .btn.btn-clone:disabled, .btn-clone.ui-inline-del:disabled, .btn.btn-edit:disabled:hover, .btn.btn-edit:disabled:focus, .btn.btn-edit.btn-disabled, .btn-disabled.ui-inline-edit, .btn-edit.btn-disabled.ui-inline-del, .btn.btn-disabled.btn-clone, .btn-disabled.btn-clone.ui-inline-del, .btn.btn-edit.btn-disabled:hover, .btn.btn-edit.btn-disabled:focus {
  border-color: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
  color: #b2b2b2 !important;
}
.btn.btn-edit:disabled .ui-icon, .ui-inline-edit:disabled .ui-icon, .btn-edit.ui-inline-del:disabled .ui-icon, .btn.btn-clone:disabled .ui-icon, .btn-clone.ui-inline-del:disabled .ui-icon, .btn.btn-edit.btn-disabled .ui-icon, .btn-disabled.ui-inline-edit .ui-icon, .btn-edit.btn-disabled.ui-inline-del .ui-icon, .btn.btn-disabled.btn-clone .ui-icon, .btn-disabled.btn-clone.ui-inline-del .ui-icon {
  color: #b2b2b2 !important;
}
.btn.btn-edit + .btn-edit, .btn.btn-edit + .ui-inline-edit, .ui-inline-edit + .btn-edit, .ui-inline-edit + .ui-inline-edit, .btn-edit.ui-inline-del + .btn-edit, .btn-edit.ui-inline-del + .ui-inline-edit, .btn.btn-clone + .btn-edit, .btn.btn-clone + .ui-inline-edit, .btn-clone.ui-inline-del + .btn-edit, .btn-clone.ui-inline-del + .ui-inline-edit,
.btn.btn-edit + .btn-clone,
.ui-inline-edit + .btn-clone,
.btn-edit.ui-inline-del + .btn-clone,
.btn.btn-clone + .btn-clone,
.btn-clone.ui-inline-del + .btn-clone,
.btn.btn-edit + .btn-delete,
.ui-inline-edit + .btn-delete,
.btn.btn-edit + .ui-inline-del,
.ui-inline-edit + .ui-inline-del,
.btn-edit.ui-inline-del + .btn-delete,
.btn-edit.ui-inline-del + .ui-inline-del,
.btn.btn-clone + .btn-delete,
.btn.btn-clone + .ui-inline-del,
.btn-clone.ui-inline-del + .btn-delete,
.btn-clone.ui-inline-del + .ui-inline-del {
  margin-left: 8px;
}
.btn.btn-edit .ui-icon, .ui-inline-edit .ui-icon, .btn-edit.ui-inline-del .ui-icon, .btn.btn-clone .ui-icon, .btn-clone.ui-inline-del .ui-icon {
  color: #666 !important;
}
.btn.btn-delete, .btn-delete.ui-inline-edit, .btn.ui-inline-del, .ui-inline-del {
  min-width: 0;
  border-color: #d9d9d9 !important;
  background-color: #d9d9d9 !important;
  color: #555 !important;
}
.btn.btn-delete:hover, .btn-delete.ui-inline-edit:hover, .ui-inline-del:hover, .btn.btn-delete.btn-hover, .btn-delete.btn-hover.ui-inline-edit, .btn-hover.ui-inline-del, .btn.btn-delete:focus, .btn-delete.ui-inline-edit:focus, .ui-inline-del:focus {
  border-color: #fce8e8 !important;
  background-color: #fce8e8 !important;
  color: #e9141c !important;
}
.btn.btn-delete:hover .ui-icon, .btn-delete.ui-inline-edit:hover .ui-icon, .ui-inline-del:hover .ui-icon, .btn.btn-delete.btn-hover .ui-icon, .btn-delete.btn-hover.ui-inline-edit .ui-icon, .btn-hover.ui-inline-del .ui-icon, .btn.btn-delete:focus .ui-icon, .btn-delete.ui-inline-edit:focus .ui-icon, .ui-inline-del:focus .ui-icon {
  color: #e9141c !important;
}
.btn.btn-delete:disabled, .btn-delete.ui-inline-edit:disabled, .ui-inline-del:disabled, .btn.btn-delete:disabled:hover, .btn.btn-delete:disabled:focus, .btn.btn-delete.btn-disabled, .btn-delete.btn-disabled.ui-inline-edit, .btn-disabled.ui-inline-del, .btn.btn-delete.btn-disabled:hover, .btn.btn-delete.btn-disabled:focus {
  border-color: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
  color: #b2b2b2 !important;
}
.btn.btn-delete:disabled .ui-icon, .btn-delete.ui-inline-edit:disabled .ui-icon, .ui-inline-del:disabled .ui-icon, .btn.btn-delete.btn-disabled .ui-icon, .btn-delete.btn-disabled.ui-inline-edit .ui-icon, .btn-disabled.ui-inline-del .ui-icon {
  color: #b2b2b2 !important;
}
table .btn.btn-delete, table .btn-delete.ui-inline-edit, table .btn.ui-inline-del, table .ui-inline-del, .table .btn.btn-delete, .table .btn-delete.ui-inline-edit, .table .ui-inline-del {
  border-color: transparent !important;
  background-color: transparent !important;
}
table .btn.btn-delete:hover, table .btn-delete.ui-inline-edit:hover, table .ui-inline-del:hover, table .btn.btn-delete.btn-hover, table .btn-delete.btn-hover.ui-inline-edit, table .btn-hover.ui-inline-del, table .btn.btn-delete:focus, table .btn-delete.ui-inline-edit:focus, table .ui-inline-del:focus, .table .btn.btn-delete:hover, .table .btn-delete.ui-inline-edit:hover, .table .ui-inline-del:hover, .table .btn.btn-delete.btn-hover, .table .btn-delete.btn-hover.ui-inline-edit, .table .btn-hover.ui-inline-del, .table .btn.btn-delete:focus, .table .btn-delete.ui-inline-edit:focus, .table .ui-inline-del:focus {
  border-color: #fce8e8 !important;
  background-color: #fce8e8 !important;
}
table .btn.btn-delete:disabled, table .btn-delete.ui-inline-edit:disabled, table .ui-inline-del:disabled, table .btn.btn-delete:disabled:hover, table .btn.btn-delete:disabled:focus, table .btn.btn-delete.btn-disabled, table .btn-delete.btn-disabled.ui-inline-edit, table .btn-disabled.ui-inline-del, table .btn.btn-delete.btn-disabled:hover, table .btn.btn-delete.btn-disabled:focus, .table .btn.btn-delete:disabled, .table .btn-delete.ui-inline-edit:disabled, .table .ui-inline-del:disabled, .table .btn.btn-delete:disabled:hover, .table .btn.btn-delete:disabled:focus, .table .btn.btn-delete.btn-disabled, .table .btn-delete.btn-disabled.ui-inline-edit, .table .btn-disabled.ui-inline-del, .table .btn.btn-delete.btn-disabled:hover, .table .btn.btn-delete.btn-disabled:focus {
  border-color: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
}
.btn.btn-delete .ui-icon, .btn-delete.ui-inline-edit .ui-icon, .ui-inline-del .ui-icon {
  color: #666 !important;
}
.btn.btn-thumAdd, .btn-thumAdd.ui-inline-edit, .btn-thumAdd.ui-inline-del {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
}
table .btn.btn-edit, table .btn.ui-inline-edit, table .ui-inline-edit, table .btn.btn-clone, table .btn-clone.ui-inline-edit, table .btn-clone.ui-inline-del, table .btn.btn-delete, table .btn.ui-inline-del, table .ui-inline-del, .table .btn.btn-edit, .table .ui-inline-edit, .table .btn.btn-clone, .table .btn.btn-delete, .table .ui-inline-del {
  width: 22px !important;
  min-width: 0;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 4px;
}
table .btn.btn-edit i[class^="fas fa-"], table .ui-inline-edit i[class^="fas fa-"], table .btn.btn-clone i[class^="fas fa-"], table .btn.btn-edit i[class^="far fa-"], table .ui-inline-edit i[class^="far fa-"], table .btn.btn-clone i[class^="far fa-"], table .btn.btn-delete i[class^="fas fa-"], table .ui-inline-del i[class^="fas fa-"], table .btn.btn-delete i[class^="far fa-"], table .ui-inline-del i[class^="far fa-"], .table .btn.btn-edit i[class^="fas fa-"], .table .ui-inline-edit i[class^="fas fa-"], .table .btn.btn-clone i[class^="fas fa-"], .table .btn.btn-edit i[class^="far fa-"], .table .ui-inline-edit i[class^="far fa-"], .table .btn.btn-clone i[class^="far fa-"], .table .btn.btn-delete i[class^="fas fa-"], .table .ui-inline-del i[class^="fas fa-"], .table .btn.btn-delete i[class^="far fa-"], .table .ui-inline-del i[class^="far fa-"] {
  margin-right: 0 !important;
}
.btn, .ui-inline-edit, .btn-clone.ui-inline-edit, .ui-inline-del, .btn-clone.ui-inline-del, .btn.btn-clone {
  /* モーダルの削除実行ボタン専用 */
}
.btn.btn-delete-modal, .btn-delete-modal.ui-inline-edit, .btn-delete-modal.ui-inline-del {
  border-color: #e9141c !important;
  background-color: #e9141c !important;
  color: #fff !important;
}
.btn.btn-delete-modal:hover, .btn-delete-modal.ui-inline-edit:hover, .btn-delete-modal.ui-inline-del:hover, .btn.btn-delete-modal.btn-hover, .btn-delete-modal.btn-hover.ui-inline-edit, .btn-delete-modal.btn-hover.ui-inline-del, .btn.btn-delete-modal:focus, .btn-delete-modal.ui-inline-edit:focus, .btn-delete-modal.ui-inline-del:focus {
  border-color: #ba1016 !important;
  background-color: #ba1016 !important;
  color: #fff !important;
}
.btn.btn-delete-modal:disabled, .btn-delete-modal.ui-inline-edit:disabled, .btn-delete-modal.ui-inline-del:disabled, .btn.btn-delete-modal:disabled:hover, .btn.btn-delete-modal:disabled:focus, .btn.btn-delete-modal.btn-disabled, .btn-delete-modal.btn-disabled.ui-inline-edit, .btn-delete-modal.btn-disabled.ui-inline-del, .btn.btn-delete-modal.btn-disabled:hover, .btn.btn-delete-modal.btn-disabled:focus {
  border-color: #f3888c !important;
  background-color: #f3888c !important;
  color: #fff !important;
}
.btn.btn-autowidth, .btn-autowidth.ui-inline-edit, .btn-autowidth.ui-inline-del {
  min-width: 0;
}
.btn .fas.fa-arrow-left, .ui-inline-edit .fas.fa-arrow-left, .ui-inline-del .fas.fa-arrow-left,
.btn .far.fa-trash-alt,
.ui-inline-edit .far.fa-trash-alt,
.ui-inline-del .far.fa-trash-alt,
.btn .fas.fa-download,
.ui-inline-edit .fas.fa-download,
.ui-inline-del .fas.fa-download,
.btn .fas.fa-times,
.ui-inline-edit .fas.fa-times,
.ui-inline-del .fas.fa-times,
.btn .fas.fa-pencil-alt,
.ui-inline-edit .fas.fa-pencil-alt,
.ui-inline-del .fas.fa-pencil-alt,
.btn .fas.fa-plus,
.ui-inline-edit .fas.fa-plus,
.ui-inline-del .fas.fa-plus {
  margin-top: -2px;
  margin-right: 5px;
  margin-left: 0;
}
.btn.btn-back .fas.fa-angle-left, .btn-back.ui-inline-edit .fas.fa-angle-left, .btn-back.ui-inline-del .fas.fa-angle-left {
  margin: -4px 8px 0 0;
  font-size: 20px;
}
.btn.btn-add .fas.fa-plus, .btn-add.ui-inline-edit .fas.fa-plus, .btn-add.ui-inline-del .fas.fa-plus {
  margin-top: 0;
}
.btn .fas.fa-arrow-right, .ui-inline-edit .fas.fa-arrow-right, .ui-inline-del .fas.fa-arrow-right {
  margin-right: 0;
  margin-left: 5px;
}

fieldset[disabled] .btn.btn-hover, fieldset[disabled] .btn-hover.ui-inline-edit, fieldset[disabled] .btn-hover.ui-inline-del, fieldset[disabled] .btn:hover, fieldset[disabled] .ui-inline-edit:hover, fieldset[disabled] .ui-inline-del:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .ui-inline-edit:focus, fieldset[disabled] .ui-inline-del:focus {
  border-color: #eff1f1 !important;
  background-color: #eff1f1 !important;
  color: #b1b1b1 !important;
}
fieldset[disabled] .btn.btn-primary, fieldset[disabled] .btn-primary.ui-inline-edit, fieldset[disabled] .btn-primary.ui-inline-del, fieldset[disabled] .btn.btn-primary.btn-hover, fieldset[disabled] .btn.btn-primary:hover, fieldset[disabled] .btn.btn-primary:focus {
  border-color: #a7c0cc !important;
  background-color: #a7c0cc !important;
  color: #f6f9fa !important;
}
fieldset[disabled] .btn.btn-primary.btn-outlined, fieldset[disabled] .btn-primary.btn-outlined.ui-inline-edit, fieldset[disabled] .btn-primary.btn-outlined.ui-inline-del, fieldset[disabled] .btn.btn-primary.btn-outlined.btn-hover, fieldset[disabled] .btn.btn-primary.btn-outlined:hover, fieldset[disabled] .btn.btn-primary.btn-outlined:focus {
  border-color: #a7c0cb !important;
  background-color: #fff !important;
  color: #9eb1ba !important;
}
fieldset[disabled] .btn.btn-secondary, fieldset[disabled] .btn-secondary.ui-inline-edit, fieldset[disabled] .btn-secondary.ui-inline-del, fieldset[disabled] .btn.btn-secondary.btn-hover, fieldset[disabled] .btn.btn-secondary:hover, fieldset[disabled] .btn.btn-secondary:focus {
  border-color: #edf2f5 !important;
  background-color: #edf2f5 !important;
  color: #95abb6 !important;
}
fieldset[disabled] .btn.btn-normal, fieldset[disabled] .btn-normal.ui-inline-edit, fieldset[disabled] .btn-normal.ui-inline-del, fieldset[disabled] .btn.btn-normal.btn-hover, fieldset[disabled] .btn.btn-normal:hover, fieldset[disabled] .btn.btn-normal:focus {
  border-color: #d5dcde !important;
  background-color: #fff !important;
  color: #9e9e9e !important;
}

.thumAddBox-small {
  padding: 0 !important;
}

.table-cell-action {
  font-size: 0;
}
.table-cell-action .btn + .btn, .table-cell-action .ui-inline-edit + .btn, .table-cell-action .btn + .ui-inline-edit, .table-cell-action .ui-inline-edit + .ui-inline-edit, .table-cell-action .ui-inline-del + .btn, .table-cell-action .ui-inline-del + .ui-inline-edit, .table-cell-action .btn + .ui-inline-del, .table-cell-action .ui-inline-edit + .ui-inline-del, .table-cell-action .ui-inline-del + .ui-inline-del {
  margin-left: 8px;
}

.far.fa-trash-alt.red {
  color: #e9141c !important;
}

/* switch */
input[type=checkbox].ace.ace-switch.ace-switch-4, input[type=checkbox].ace.ace-switch.ace-switch-5 {
  width: 53px;
  height: 24px;
}
input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl:before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl:before {
  border-color: #518299 !important;
  background-color: #518299 !important;
}
input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl:after, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl:after {
  left: 32px !important;
}
input[type=checkbox].ace.ace-switch.ace-switch-4:disabled + .lbl:before, input[type=checkbox].ace.ace-switch.ace-switch-5:disabled + .lbl:before {
  border-color: #c1c1c1 !important;
  background-color: #c1c1c1 !important;
}
input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl {
  width: 54px;
  height: 24px;
  font-size: 12px;
}
input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl:before, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl:before {
  width: 54px !important;
  height: 24px !important;
  border-color: #999 !important;
  background-color: #999 !important;
  font-weight: 400 !important;
}
input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl:after, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl:after {
  box-shadow: none !important;
  content: "" !important;
}
table.table input[type=checkbox].ace.ace-switch.ace-switch-4, table.table input[type=checkbox].ace.ace-switch.ace-switch-5 {
  /* テーブル内の場合 */
  width: 51px !important;
  height: 22px !important;
}
table.table input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl:after, table.table input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl:after {
  left: 32px !important;
}
table.table input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl, table.table input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl {
  width: 52px !important;
  height: 22px !important;
}
table.table input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl:before, table.table input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl:before {
  width: 52px !important;
  height: 22px !important;
  line-height: 21px !important;
}
table.table input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl:after, table.table input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl:after {
  width: 18px;
  height: 18px;
}
table.table input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl:before {
  text-indent: 5px;
}
table.table input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl:before {
  text-indent: -26px;
}

/* header search */
.input-group.header-search .btn.btn-normal, .input-group.header-search .btn-normal.ui-inline-edit, .input-group.header-search .btn-normal.ui-inline-del {
  margin-left: -1px;
}
.btn--new + .input-group.header-search {
  margin-left: 10px;
}
.input-group.header-search select {
  font-size: 14px;
}
.btn.btn-primary + .input-group.header-search, .btn-primary.ui-inline-edit + .input-group.header-search, .btn-primary.ui-inline-del + .input-group.header-search {
  margin-left: 8px;
}

/* sidebar */
.sidebar:before {
  background-color: #f5f6f9;
}

.nav-list {
  background-color: #f5f6f9;
}
.nav-list > li {
  border-top: none;
  border-bottom: none;
  background-color: transparent !important;
}
.nav-list > li:hover > a {
  color: #363636;
}
.nav-list > li.active:after {
  display: none;
}
.nav-list > li.active:not(.open):hover > a:not(.dropdown-toggle) {
  background-color: #518299;
  color: #fff;
}
.nav-list > li.active:not(.open) > a:not(.dropdown-toggle) {
  background-color: #518299 !important;
  color: #fff;
  font-weight: 700;
}
.nav-list > li.active:not(.open) > a.dropdown-toggle {
  background-color: transparent;
  color: #363636;
  font-weight: 400;
}
.nav-list > li.active:not(.open) > a.dropdown-toggle:hover {
  background-color: #e5e8ef !important;
}
.nav-list > li.active.open > .submenu > li.active > a:after {
  display: none;
}
.nav-list > li.active > a {
  background-color: transparent !important;
  color: #fff;
}
.nav-list > li.active > a:hover {
  background-color: transparent !important;
  color: #fff;
}
.nav-list > li.active > a:after {
  display: none;
}
.nav-list > li.active > a:not(.dropdown-toggle) [class*=ccc-],
.nav-list > li.active > a:not(.dropdown-toggle) [class*=fa-] {
  color: #fff !important;
}
.nav-list > li.open > a {
  background-color: transparent !important;
  color: #363636 !important;
  font-weight: 400 !important;
}
.nav-list > li.open > a:hover {
  background-color: #e5e8ef !important;
}
.nav-list > li.open > a:not(.dropdown-toggle) {
  background-color: #518299 !important;
  color: #fff !important;
}
.nav-list > li.open > a:not(.dropdown-toggle):hover {
  background-color: #518299 !important;
  color: #fff !important;
}
.nav-list > li.open > a > .arrow {
  transform: rotate(180deg);
}
.nav-list > li.disabled > a {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.nav-list > li.disabled > a:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.nav-list > li.disabled > a [class*=ccc-]:first-child {
  color: #999;
}
.nav-list > li > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  min-height: 36px;
  padding: 5px 5px 5px 12px;
  background-color: transparent !important;
  color: #363636;
  font-size: 14px;
  line-height: normal;
}
.nav-list > li > a:hover:before {
  display: none;
}
.nav-list > li > a:hover {
  background-color: #e5e8ef !important;
  color: #363636;
}
.nav-list > li > a.dropdown-toggle [class*=ccc-] {
  color: #44485b;
}
.nav-list > li > a > .arrow {
  transform-origin: center;
  color: #454850 !important;
  font-size: 14px;
  font-weight: 900 !important;
  transition: transform 0.25s ease-in-out;
}
.nav-list > li > a [class*=ccc-]:first-child,
.nav-list > li > a [class*=fa-]:first-child {
  color: #44485b;
}
.nav-list > li > a [class*=ccc-]:first-child + .menu-text,
.nav-list > li > a [class*=fa-]:first-child + .menu-text {
  margin-left: 12px;
  font-size: 14px;
  vertical-align: -2px;
}
.nav-list > li > a i[class*=ccc-users] {
  font-size: 24px !important;
}
.nav-list > li > .submenu > li:before {
  display: none;
}
.nav-list > li > .submenu > li:first-child > a {
  border-top: none;
}
.nav-list > li .submenu {
  position: relative;
  padding-bottom: 16px;
  border-top: none;
  background-color: transparent;
}
.nav-list > li .submenu:before {
  display: none;
}
.nav-list > li .submenu:after {
  display: inline-block;
  position: absolute;
  bottom: 8px;
  width: 100%;
  height: 1px;
  background-color: #dde0d7;
  content: "";
}
.nav-list > li .submenu > li.active > a {
  background-color: #518299 !important;
  color: #fff;
  font-weight: 700;
}
.nav-list > li .submenu > li.active > a > [class*="fas fa-"]:first-child,
.nav-list > li .submenu > li.active > a > [class*="far fa-"]:first-child {
  color: #fff;
}
.nav-list > li .submenu > li.active > a:hover {
  background-color: #518299 !important;
  color: #fff;
  font-weight: 700;
}
.nav-list > li .submenu > li:not(.active) > a:hover {
  background-color: #e5e8ef;
  color: #363636;
}
.nav-list > li .submenu > li > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  min-height: 32px;
  padding: 7px 10.5px 7px 48px;
  border-top: none;
  color: #363636;
}
.nav-list > li .submenu > li a > [class*="fas fa-"]:first-child,
.nav-list > li .submenu > li a > [class*="far fa-"]:first-child {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  margin-right: 8px;
  background-color: transparent;
  color: #363636;
  font-size: 16px;
}

/* メニュー最小化時 */
.menu-min .nav-list > li:hover {
  width: 54px;
  height: 36px;
}
.menu-min .nav-list > li:hover > a {
  width: 48px;
  color: #363636;
  font-size: 0;
}
.menu-min .nav-list > li:hover > a .menu-text {
  display: flex;
  height: auto;
  min-height: 36px;
  padding: 5px 5px 5px 16px;
  background-color: #f5f6f9;
  color: #363636;
}
.menu-min .nav-list > li.active.open > a:after {
  display: none;
}
.menu-min .nav-list > li.active:not(.open) > a.dropdown-toggle:hover {
  background-color: #518299 !important;
}
.menu-min .nav-list > li.active > a {
  background-color: #518299 !important;
  color: #fff !important;
}
.menu-min .nav-list > li.active > a:hover {
  background-color: #518299 !important;
}
.menu-min .nav-list > li.active > a .dropdown-toggle [class*=ccc-] {
  color: #fff !important;
}
.menu-min .nav-list > li.active > a:not(.dropdown-toggle) .menu-text {
  background-color: #518299 !important;
  color: #fff !important;
}
.menu-min .nav-list > li.active > a [class*=ccc-] {
  color: #fff !important;
}
.menu-min .nav-list > li > a:hover {
  background-color: #e5e8ef;
  color: #363636;
}
.menu-min .nav-list > li > a:hover:before {
  display: none;
}
.menu-min .nav-list > li > a > [class*=ccc-]:first-child + .menu-text {
  top: 0;
  align-items: center;
  justify-content: flex-start;
  width: 200px;
  margin-left: 11px;
  border: 1px solid #dfe5eb;
  box-shadow: none;
  font-weight: 400;
  line-height: 19px;
}
.menu-min .nav-list > li > a .menu-text :hover {
  background-color: #e5e8ef;
  color: #363636;
}
.menu-min .nav-list > li .submenu {
  top: -1px;
  left: 54px;
  width: 200px;
  padding-top: 36px;
  padding-bottom: 0;
  border: 1px solid #dfe5eb;
  border-left-color: #dfe5eb !important;
  background-color: #f6f7fb;
  box-shadow: none;
}
.menu-min .nav-list > li .submenu:after {
  display: none;
}

.ace-file-input.ace-file-multiple .file-label:before {
  background-color: transparent !important;
  color: #d5d5d5 !important;
}
.ace-file-input.ace-file-multiple .file-label:hover:before {
  background-color: transparent !important;
  color: #999 !important;
}
.ace-file-input .file-label:before {
  display: inline-flex;
  top: 1px;
  right: 1px;
  bottom: 1px;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-width: 1px;
  border-color: #adbabe !important;
  background-color: #fff !important;
  color: #2a2a2a !important;
}
.ace-file-input .file-label:hover:before {
  border-color: #adbabe !important;
  background-color: #adbabe !important;
  color: #fff !important;
}

/* wizard-steps */
.wizard-steps {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 55px;
  margin-bottom: 20px;
  counter-reset: step;
}
.wizard-steps.wizard-steps--left80 {
  padding-left: 80px;
}
.wizard-steps.wizard-steps--center {
  margin-right: auto;
  margin-left: auto;
}
.wizard-steps li {
  display: inline-block;
  position: relative;
  flex: 0 0 calc(190px + 27px);
  width: 190px;
  height: 100%;
  text-align: start;
  counter-increment: step;
}
.wizard-steps li:before {
  top: 13.5px;
  left: -191px;
  width: 192px;
  max-width: none;
  height: 2px;
  border: none;
  background-color: #b1b1b1;
}
.wizard-steps li:after {
  display: none;
}
.wizard-steps li:first-child:before {
  display: none;
}
.wizard-steps li:last-child:before {
  width: 192px;
  max-width: none;
}
.wizard-steps li.active .step {
  border-color: #518299;
  color: #393939;
}
.wizard-steps li.active .title {
  color: #393939;
}
.wizard-steps li.passed + li:before {
  background-color: #518299;
}
.wizard-steps li.passed .step {
  border-color: #518299;
  background-color: #518299;
  color: #fff;
}
.wizard-steps li.passed .step:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
}
.wizard-steps li.passed .title {
  color: #9b9b9b;
}
.wizard-steps li.step-frame--isnotflow .title.title--isflow {
  display: none;
}
.wizard-steps li.step-frame--isflow .title.title--isnotflow {
  display: none;
}
.wizard-steps li.step-frame--hidden {
  display: none;
}
.wizard-steps li .step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border: 2px solid #b1b1b1;
  background-color: #fff;
  color: #999999;
}
.wizard-steps li .step:after {
  font-size: 12px;
  line-height: 1;
  content: counter(step);
}
.wizard-steps li .title {
  display: inline-block;
  position: absolute;
  top: calc(27px + 8px);
  left: calc((27px - 190px) / 2);
  width: 190px;
  color: #9b9b9b;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(2)) {
  position: relative;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(2)).wizard-steps--center {
  width: 244px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(2)) li:nth-child(1) {
  z-index: 2;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(2)) li:nth-child(2) {
  z-index: 1;
}
.wizard-steps.wizard-steps--2.wizard-steps--center {
  width: 244px !important;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(3)) {
  position: relative;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(3)).wizard-steps--center {
  width: 461px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(3)) li:nth-child(1) {
  z-index: 3;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(3)) li:nth-child(2) {
  z-index: 2;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(3)) li:nth-child(3) {
  z-index: 1;
}
.wizard-steps.wizard-steps--3.wizard-steps--center {
  width: 461px !important;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(4)) {
  position: relative;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(4)).wizard-steps--center {
  width: 678px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(4)) li:nth-child(1) {
  z-index: 4;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(4)) li:nth-child(2) {
  z-index: 3;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(4)) li:nth-child(3) {
  z-index: 2;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(4)) li:nth-child(4) {
  z-index: 1;
}
.wizard-steps.wizard-steps--4.wizard-steps--center {
  width: 678px !important;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) {
  position: relative;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)).wizard-steps--center {
  width: 679px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li {
  flex: 0 0 calc(136px + 27px);
  width: 136px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li:before {
  left: -137px;
  width: 138px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li:last-child:before {
  width: 138px;
  max-width: none;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li .title {
  left: calc((27px - 136px) / 2);
  width: 136px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li:nth-child(1) {
  z-index: 5;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li:nth-child(2) {
  z-index: 4;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li:nth-child(3) {
  z-index: 3;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li:nth-child(4) {
  z-index: 2;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(5)) li:nth-child(5) {
  z-index: 1;
}
.wizard-steps.wizard-steps--5.wizard-steps--center {
  width: 895px !important;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) {
  position: relative;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)).wizard-steps--center {
  width: 677px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li {
  flex: 0 0 calc(103px + 27px);
  width: 103px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li:before {
  left: -104px;
  width: 105px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li:last-child:before {
  width: 105px;
  max-width: none;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li .title {
  left: calc((27px - 103px) / 2);
  width: 103px;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li:nth-child(1) {
  z-index: 6;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li:nth-child(2) {
  z-index: 5;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li:nth-child(3) {
  z-index: 4;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li:nth-child(4) {
  z-index: 3;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li:nth-child(5) {
  z-index: 2;
}
.wizard-steps:has(li:not(.step-frame--hidden):nth-child(6)) li:nth-child(6) {
  z-index: 1;
}
.wizard-steps.wizard-steps--6.wizard-steps--center {
  width: 1112px !important;
}

.alert.alert-info {
  border-color: #d1ebfb;
  background-color: #d1ebfb;
  color: #0070b3;
}
.alert.alert-info hr {
  border-top-color: rgb(187.84, 225.8, 249.16);
}
.alert.alert-info .alert-link {
  color: rgb(0, 100.8, 161.1);
}
.alert.alert-danger {
  border-color: #fce4e4;
  background-color: #fce4e4;
  color: #e53636;
}
.alert.alert-danger hr {
  border-top-color: rgb(249.6, 206.4, 206.4);
}
.alert.alert-danger .alert-link {
  color: rgb(225.5273127753, 29.1726872247, 29.1726872247);
}
.alert.alert-warning {
  border-color: #fdf3da;
  background-color: #fdf3da;
  color: #ba8609;
}
.alert.alert-warning hr {
  border-top-color: rgb(251.7923076923, 235.7538461538, 195.6576923077);
}
.alert.alert-warning .alert-link {
  color: rgb(167.4, 120.6, 8.1);
}
.alert.alert-success {
  border-color: #e1f3e1;
  background-color: #e1f3e1;
  color: #42a142;
}
.alert.alert-success hr {
  border-top-color: rgb(208.2857142857, 236.3142857143, 208.2857142857);
}
.alert.alert-success .alert-link {
  color: rgb(59.4, 144.9, 59.4);
}