@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 .15s;
}
.ace-file-input .file-label:hover {
  border-color: #f59942;
  box-shadow: none;
}
.ace-file-input .file-label:before {
  /* the button */
  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;
  content: attr(data-title);
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  line-height: 24px;
  text-align: center;
  transition: all .3s;
}
.ace-file-input .file-label .file-name {
  /* the file name container */
  display: inline-block;
  position: static;
  max-width: 80%;
  height: 28px;
  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 {
  /* the file name */
  display: inline-block;
  content: attr(data-title);
}
.ace-file-input .file-label.selected {
  right: 16px;
}
.ace-file-input .file-label.selected .file-name {
  color: #666;
}
.ace-file-input .file-label [class*="fa fa-"],
.ace-file-input .file-label [class*=icon-slab-] {
  background-color: #d1d1d1;
}
.ace-file-input .file-label.selected .file-name [class*="fa fa-"],
.ace-file-input .file-label.selected .file-name [class*=icon-slab-] {
  background-color: #efad62;
}
.ace-file-input .file-label.selected .file-name .fa.fa-picture-o {
  background-color: #bd7a9d;
}
.ace-file-input .file-label.selected .file-name .fa.fa-film {
  background-color: #87b87f;
}
.ace-file-input .file-label.selected .file-name .fa.fa-music {
  background-color: #8b7ac9;
}
.ace-file-input .file-label.selected .file-name .fa.fa-archive {
  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;
  /* the remove button */
  position: absolute;
  top: 6px;
  right: -8px;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  background-color: #fb7142;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
}
.ace-file-input .file-label.selected + .remove {
  display: inline-block;
}

.ace-file-multiple .file-label.selected .file-name [class*="fa fa-"],
.ace-file-multiple .file-label.selected .file-name [class*=icon-slab-],
.ace-file-input .file-label [class*="fa fa-"],
.ace-file-input .file-label [class*=icon-slab-] {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 13px;
  line-height: 24px;
  font-family: FontAwesome;
  text-align: center;
  transition: all .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 {
  /* the button */
  display: inline-block;
  position: relative;
  right: 0;
  left: 0;
  margin: 12px;
  border: none;
  background-color: #fff;
  content: attr(data-title);
  color: #ccc;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}
.ace-file-multiple .file-label.selected .file-name .icon-slab-cube {
  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-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.ace-file-multiple .file-label .file-name:after {
  /* the file name */
  display: none;
}
.ace-file-multiple .file-label.selected .file-name:after {
  /* the file name */
  display: inline-block;
  white-space: pre;
}
.ace-file-multiple .file-label .file-name img + [class*="fa fa-"],
.ace-file-multiple .file-label.selected .file-name img + [class*="fa 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*="fa 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*="fa 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 {
  /* image caption */
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 4px;
  background-color: #555;
  color: #fff;
  opacity: .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*="fa fa-"],
.ace-file-multiple input[type=file].disabled + .file-label [class*=icon-slab-],
.ace-file-multiple input[type=file][disabled] + .file-label [class*="fa fa-"],
.ace-file-multiple input[type=file][disabled] + .file-label [class*=icon-slab-],
.ace-file-multiple input[type=file][readonly] + .file-label [class*="fa fa-"],
.ace-file-multiple input[type=file][readonly] + .file-label [class*=icon-slab-] {
  border-color: #eee;
}

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


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

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

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

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

.ccc-ar-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-log_analysis:before {
  content: "\e92f";
}

.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-user: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-cog: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-marker:before {
  content: "\e912";
}

.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-dashboard:before {
  content: "\e91c";
}

.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";
}

@font-face {
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-family: "swiper-icons";
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  /* Fix of Webkit flickering */
  z-index: 1;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: transform;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  /* For Firefox */
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  flex-shrink: 0;
  order: 9999;
  content: "";
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  pointer-events: none;
}
.swiper-virtual.swiper-horizontal .swiper-wrapper:after {
  width: var(--swiper-virtual-size);
  height: 1px;
}
.swiper-virtual.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

.swiper-button-next,
.swiper-button-prev {
  display: flex;
  z-index: 10;
  position: absolute;
  top: 50%;
  align-items: center;
  justify-content: center;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-variant: initial;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  font-family: swiper-icons;
  letter-spacing: 0;
  text-transform: none !important;
  text-transform: none;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.swiper-button-prev {
  right: auto;
  left: 10px;
}
.swiper-button-prev:after {
  content: "prev";
}

.swiper-button-next {
  right: 10px;
  left: auto;
}
.swiper-button-next:after {
  content: "next";
}

.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-rtl .swiper-button-next {
  right: auto;
  left: 10px;
}
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  z-index: 10;
  position: absolute;
  transform: translate3d(0, 0, 0);
  text-align: center;
  transition: .3s opacity;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-custom,
.swiper-pagination-horizontal.swiper-pagination-bullets,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  display: inline-block;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets {
  top: 50%;
  right: 10px;
  transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  width: 8px;
  transform: translateY(-50%);
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top;
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

.swiper-vertical > .swiper-pagination-bullets {
  top: 50%;
  right: 10px;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  width: 8px;
  transform: translateY(-50%);
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top;
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

.swiper-pagination-progressbar {
  position: absolute;
  background: rgba(0, 0, 0, .25);
}
.swiper-pagination-progressbar.swiper-pagination-horizontal {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}
.swiper-pagination-progressbar.swiper-pagination-vertical {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-vertical > .swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  -ms-touch-action: none;
  position: relative;
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
}
.swiper-horizontal > .swiper-scrollbar {
  z-index: 50;
  position: absolute;
  bottom: 3px;
  left: 1%;
  width: 98%;
  height: 5px;
}
.swiper-vertical > .swiper-scrollbar {
  z-index: 50;
  position: absolute;
  top: 1%;
  right: 3px;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .5);
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  box-sizing: border-box;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  transform-origin: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

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

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  visibility: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  backface-visibility: hidden;
  pointer-events: none;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube .swiper-slide-active {
  visibility: visible;
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-next {
  visibility: visible;
  pointer-events: auto;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  visibility: visible;
  pointer-events: auto;
}
.swiper-cube .swiper-slide-prev {
  visibility: visible;
  pointer-events: auto;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  z-index: 0;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
}
.swiper-cube .swiper-cube-shadow:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  content: "";
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  z-index: 1;
  backface-visibility: hidden;
  pointer-events: none;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  overflow: hidden;
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  -webkit-backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom;
  backface-visibility: hidden;
}


@-ms-viewport {
  initial-scale: 1;
  width: auto !important;
}

.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents-operations:after,
.selectview-box .selectview-wrap:after,
.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 {
  /* baseline =20px */
  /*line-height: 1.5;*/
  min-width: 1000px;
  min-height: 100%;
  padding-bottom: 0;
  background-color: #f9f9f9;
  color: #393939;
  font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
  /*管理画面の最小対象ウィンドウサイズ*/
  font-size: 14px;
  /* =14px */
  font-size: 1.4rem;
  /* =14px */
  line-height: 20px;
  /* baseline =20px */
  line-height: 2rem;
}
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-weight: 500;
  line-height: 1.1;
  font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
}

/* 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 {
  display: inline-block;
  transform: scale(.95, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-narrow-90 {
  display: inline-block;
  transform: scale(.9, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-narrow-85 {
  display: inline-block;
  transform: scale(.85, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-narrow-80 {
  display: inline-block;
  transform: scale(.8, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-narrow-75 {
  display: inline-block;
  transform: scale(.75, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-narrow-70 {
  display: inline-block;
  transform: scale(.7, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-narrow-65 {
  display: inline-block;
  transform: scale(.65, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-narrow-60 {
  display: inline-block;
  transform: scale(.6, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-110 {
  display: inline-block;
  transform: scale(1.1, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-120 {
  display: inline-block;
  transform: scale(1.2, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-130 {
  display: inline-block;
  transform: scale(1.3, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-140 {
  display: inline-block;
  transform: scale(1.4, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-150 {
  display: inline-block;
  transform: scale(1.5, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-160 {
  display: inline-block;
  transform: scale(1.6, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-170 {
  display: inline-block;
  transform: scale(1.7, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-180 {
  display: inline-block;
  transform: scale(1.8, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-190 {
  display: inline-block;
  transform: scale(1.9, 1);
  transform-origin: left top;
  white-space: nowrap;
}

.font-wide-200 {
  display: inline-block;
  transform: scale(2, 1);
  transform-origin: left top;
  white-space: nowrap;
}

/*---------
header colorpattern
--------*/
.labadminlayout .navbar .navbar-brand {
  width: 80px;
  padding: 0;
  background-image: url(../img/cocoar_icon.png);
  background-position: center center;
  background-size: 32px 32px;
}

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;
  background: #ffffff !important;
}
.date-picker.form-control[disabled] {
  cursor: pointer;
  background: #eee !important;
}
.ace-file-input .file-label:before {
  transition: border-color .15s;
}

.ace-file-input .file-label:hover [class*="fa 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;
}

.shrinktext {
  font-size: 80%;
}

.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: 420px;
}
.font0 {
  font-size: 0;
}
.font0--forced {
  font-size: 0 !important;
}


.input-max {
  width: 100%;
}

.input-300 {
  width: 300px;
}
.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;
}
.valign-top {
  vertical-align: top;
}

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

h6.ee_category {
  font-size: 14px;
  line-height: 21px;
}
.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;
}

.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: .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;
}

.write_notes {
  padding-left: 1em;
  text-indent: -1em;
}
.write_notes:before {
  content: "\203b";
}

.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*="fa fa-"] {
  vertical-align: -1px;
}

/* サイドバーの構成変更 */
.main-container {
  min-height: calc(100vh - 56px);
}
.main-container-inner {
  /* overflow: hidden;*/
  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 {
  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^="fa 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^="fa 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 .4s ease-in-out;
}
.sidebar-collapse > [class^="fa fa-"]:hover {
  background-color: rgba(0, 0, 0, .08);
}
.material-materialize-red {
  background-color: #e51c23 !important;
}

.material-materialize-red-text {
  color: #e51c23 !important;
}

.material-materialize-red.material-lighten-5 {
  background-color: #fdeaeb !important;
}

.material-materialize-red-text.material-text-lighten-5 {
  color: #fdeaeb !important;
}

.material-materialize-red.material-lighten-4 {
  background-color: #f8c1c3 !important;
}

.material-materialize-red-text.material-text-lighten-4 {
  color: #f8c1c3 !important;
}

.material-materialize-red.material-lighten-3 {
  background-color: #f3989b !important;
}

.material-materialize-red-text.material-text-lighten-3 {
  color: #f3989b !important;
}

.material-materialize-red.material-lighten-2 {
  background-color: #ee6e73 !important;
}

.material-materialize-red-text.material-text-lighten-2 {
  color: #ee6e73 !important;
}

.material-materialize-red.material-lighten-1 {
  background-color: #ea454b !important;
}

.material-materialize-red-text.material-text-lighten-1 {
  color: #ea454b !important;
}

.material-materialize-red.material-darken-1 {
  background-color: #d0181e !important;
}

.material-materialize-red-text.material-text-darken-1 {
  color: #d0181e !important;
}

.material-materialize-red.material-darken-2 {
  background-color: #b9151b !important;
}

.material-materialize-red-text.material-text-darken-2 {
  color: #b9151b !important;
}

.material-materialize-red.material-darken-3 {
  background-color: #a21318 !important;
}

.material-materialize-red-text.material-text-darken-3 {
  color: #a21318 !important;
}

.material-materialize-red.material-darken-4 {
  background-color: #8b1014 !important;
}

.material-materialize-red-text.material-text-darken-4 {
  color: #8b1014 !important;
}

.material-red {
  background-color: #f44336 !important;
}

.material-red-text {
  color: #f44336 !important;
}

.material-red.material-lighten-5 {
  background-color: #ffebee !important;
}

.material-red-text.material-text-lighten-5 {
  color: #ffebee !important;
}

.material-red.material-lighten-4 {
  background-color: #ffcdd2 !important;
}

.material-red-text.material-text-lighten-4 {
  color: #ffcdd2 !important;
}

.material-red.material-lighten-3 {
  background-color: #ef9a9a !important;
}

.material-red-text.material-text-lighten-3 {
  color: #ef9a9a !important;
}

.material-red.material-lighten-2 {
  background-color: #e57373 !important;
}

.material-red-text.material-text-lighten-2 {
  color: #e57373 !important;
}

.material-red.material-lighten-1 {
  background-color: #ef5350 !important;
}

.material-red-text.material-text-lighten-1 {
  color: #ef5350 !important;
}

.material-red.material-darken-1 {
  background-color: #e53935 !important;
}

.material-red-text.material-text-darken-1 {
  color: #e53935 !important;
}

.material-red.material-darken-2 {
  background-color: #d32f2f !important;
}

.material-red-text.material-text-darken-2 {
  color: #d32f2f !important;
}

.material-red.material-darken-3 {
  background-color: #c62828 !important;
}

.material-red-text.material-text-darken-3 {
  color: #c62828 !important;
}

.material-red.material-darken-4 {
  background-color: #b71c1c !important;
}

.material-red-text.material-text-darken-4 {
  color: #b71c1c !important;
}

.material-red.material-accent-1 {
  background-color: #ff8a80 !important;
}

.material-red-text.material-text-accent-1 {
  color: #ff8a80 !important;
}

.material-red.material-accent-2 {
  background-color: #ff5252 !important;
}

.material-red-text.material-text-accent-2 {
  color: #ff5252 !important;
}

.material-red.material-accent-3 {
  background-color: #ff1744 !important;
}

.material-red-text.material-text-accent-3 {
  color: #ff1744 !important;
}

.material-red.material-accent-4 {
  background-color: #d50000 !important;
}

.material-red-text.material-text-accent-4 {
  color: #d50000 !important;
}

.material-pink {
  background-color: #e91e63 !important;
}

.material-pink-text {
  color: #e91e63 !important;
}

.material-pink.material-lighten-5 {
  background-color: #fce4ec !important;
}

.material-pink-text.material-text-lighten-5 {
  color: #fce4ec !important;
}

.material-pink.material-lighten-4 {
  background-color: #f8bbd0 !important;
}

.material-pink-text.material-text-lighten-4 {
  color: #f8bbd0 !important;
}

.material-pink.material-lighten-3 {
  background-color: #f48fb1 !important;
}

.material-pink-text.material-text-lighten-3 {
  color: #f48fb1 !important;
}

.material-pink.material-lighten-2 {
  background-color: #f06292 !important;
}

.material-pink-text.material-text-lighten-2 {
  color: #f06292 !important;
}

.material-pink.material-lighten-1 {
  background-color: #ec407a !important;
}

.material-pink-text.material-text-lighten-1 {
  color: #ec407a !important;
}

.material-pink.material-darken-1 {
  background-color: #d81b60 !important;
}

.material-pink-text.material-text-darken-1 {
  color: #d81b60 !important;
}

.material-pink.material-darken-2 {
  background-color: #c2185b !important;
}

.material-pink-text.material-text-darken-2 {
  color: #c2185b !important;
}

.material-pink.material-darken-3 {
  background-color: #ad1457 !important;
}

.material-pink-text.material-text-darken-3 {
  color: #ad1457 !important;
}

.material-pink.material-darken-4 {
  background-color: #880e4f !important;
}

.material-pink-text.material-text-darken-4 {
  color: #880e4f !important;
}

.material-pink.material-accent-1 {
  background-color: #ff80ab !important;
}

.material-pink-text.material-text-accent-1 {
  color: #ff80ab !important;
}

.material-pink.material-accent-2 {
  background-color: #ff4081 !important;
}

.material-pink-text.material-text-accent-2 {
  color: #ff4081 !important;
}

.material-pink.material-accent-3 {
  background-color: #f50057 !important;
}

.material-pink-text.material-text-accent-3 {
  color: #f50057 !important;
}

.material-pink.material-accent-4 {
  background-color: #c51162 !important;
}

.material-pink-text.material-text-accent-4 {
  color: #c51162 !important;
}

.material-purple {
  background-color: #9c27b0 !important;
}

.material-purple-text {
  color: #9c27b0 !important;
}

.material-purple.material-lighten-5 {
  background-color: #f3e5f5 !important;
}

.material-purple-text.material-text-lighten-5 {
  color: #f3e5f5 !important;
}

.material-purple.material-lighten-4 {
  background-color: #e1bee7 !important;
}

.material-purple-text.material-text-lighten-4 {
  color: #e1bee7 !important;
}

.material-purple.material-lighten-3 {
  background-color: #ce93d8 !important;
}

.material-purple-text.material-text-lighten-3 {
  color: #ce93d8 !important;
}

.material-purple.material-lighten-2 {
  background-color: #ba68c8 !important;
}

.material-purple-text.material-text-lighten-2 {
  color: #ba68c8 !important;
}

.material-purple.material-lighten-1 {
  background-color: #ab47bc !important;
}

.material-purple-text.material-text-lighten-1 {
  color: #ab47bc !important;
}

.material-purple.material-darken-1 {
  background-color: #8e24aa !important;
}

.material-purple-text.material-text-darken-1 {
  color: #8e24aa !important;
}

.material-purple.material-darken-2 {
  background-color: #7b1fa2 !important;
}

.material-purple-text.material-text-darken-2 {
  color: #7b1fa2 !important;
}

.material-purple.material-darken-3 {
  background-color: #6a1b9a !important;
}

.material-purple-text.material-text-darken-3 {
  color: #6a1b9a !important;
}

.material-purple.material-darken-4 {
  background-color: #4a148c !important;
}

.material-purple-text.material-text-darken-4 {
  color: #4a148c !important;
}

.material-purple.material-accent-1 {
  background-color: #ea80fc !important;
}

.material-purple-text.material-text-accent-1 {
  color: #ea80fc !important;
}

.material-purple.material-accent-2 {
  background-color: #e040fb !important;
}

.material-purple-text.material-text-accent-2 {
  color: #e040fb !important;
}

.material-purple.material-accent-3 {
  background-color: #d500f9 !important;
}

.material-purple-text.material-text-accent-3 {
  color: #d500f9 !important;
}

.material-purple.material-accent-4 {
  background-color: #a0f !important;
}

.material-purple-text.material-text-accent-4 {
  color: #a0f !important;
}

.material-deep-purple {
  background-color: #673ab7 !important;
}

.material-deep-purple-text {
  color: #673ab7 !important;
}

.material-deep-purple.material-lighten-5 {
  background-color: #ede7f6 !important;
}

.material-deep-purple-text.material-text-lighten-5 {
  color: #ede7f6 !important;
}

.material-deep-purple.material-lighten-4 {
  background-color: #d1c4e9 !important;
}

.material-deep-purple-text.material-text-lighten-4 {
  color: #d1c4e9 !important;
}

.material-deep-purple.material-lighten-3 {
  background-color: #b39ddb !important;
}

.material-deep-purple-text.material-text-lighten-3 {
  color: #b39ddb !important;
}

.material-deep-purple.material-lighten-2 {
  background-color: #9575cd !important;
}

.material-deep-purple-text.material-text-lighten-2 {
  color: #9575cd !important;
}

.material-deep-purple.material-lighten-1 {
  background-color: #7e57c2 !important;
}

.material-deep-purple-text.material-text-lighten-1 {
  color: #7e57c2 !important;
}

.material-deep-purple.material-darken-1 {
  background-color: #5e35b1 !important;
}

.material-deep-purple-text.material-text-darken-1 {
  color: #5e35b1 !important;
}

.material-deep-purple.material-darken-2 {
  background-color: #512da8 !important;
}

.material-deep-purple-text.material-text-darken-2 {
  color: #512da8 !important;
}

.material-deep-purple.material-darken-3 {
  background-color: #4527a0 !important;
}

.material-deep-purple-text.material-text-darken-3 {
  color: #4527a0 !important;
}

.material-deep-purple.material-darken-4 {
  background-color: #311b92 !important;
}

.material-deep-purple-text.material-text-darken-4 {
  color: #311b92 !important;
}

.material-deep-purple.material-accent-1 {
  background-color: #b388ff !important;
}

.material-deep-purple-text.material-text-accent-1 {
  color: #b388ff !important;
}

.material-deep-purple.material-accent-2 {
  background-color: #7c4dff !important;
}

.material-deep-purple-text.material-text-accent-2 {
  color: #7c4dff !important;
}

.material-deep-purple.material-accent-3 {
  background-color: #651fff !important;
}

.material-deep-purple-text.material-text-accent-3 {
  color: #651fff !important;
}

.material-deep-purple.material-accent-4 {
  background-color: #6200ea !important;
}

.material-deep-purple-text.material-text-accent-4 {
  color: #6200ea !important;
}

.material-indigo {
  background-color: #3f51b5 !important;
}

.material-indigo-text {
  color: #3f51b5 !important;
}

.material-indigo.material-lighten-5 {
  background-color: #e8eaf6 !important;
}

.material-indigo-text.material-text-lighten-5 {
  color: #e8eaf6 !important;
}

.material-indigo.material-lighten-4 {
  background-color: #c5cae9 !important;
}

.material-indigo-text.material-text-lighten-4 {
  color: #c5cae9 !important;
}

.material-indigo.material-lighten-3 {
  background-color: #9fa8da !important;
}

.material-indigo-text.material-text-lighten-3 {
  color: #9fa8da !important;
}

.material-indigo.material-lighten-2 {
  background-color: #7986cb !important;
}

.material-indigo-text.material-text-lighten-2 {
  color: #7986cb !important;
}

.material-indigo.material-lighten-1 {
  background-color: #5c6bc0 !important;
}

.material-indigo-text.material-text-lighten-1 {
  color: #5c6bc0 !important;
}

.material-indigo.material-darken-1 {
  background-color: #3949ab !important;
}

.material-indigo-text.material-text-darken-1 {
  color: #3949ab !important;
}

.material-indigo.material-darken-2 {
  background-color: #303f9f !important;
}

.material-indigo-text.material-text-darken-2 {
  color: #303f9f !important;
}

.material-indigo.material-darken-3 {
  background-color: #283593 !important;
}

.material-indigo-text.material-text-darken-3 {
  color: #283593 !important;
}

.material-indigo.material-darken-4 {
  background-color: #1a237e !important;
}

.material-indigo-text.material-text-darken-4 {
  color: #1a237e !important;
}

.material-indigo.material-accent-1 {
  background-color: #8c9eff !important;
}

.material-indigo-text.material-text-accent-1 {
  color: #8c9eff !important;
}

.material-indigo.material-accent-2 {
  background-color: #536dfe !important;
}

.material-indigo-text.material-text-accent-2 {
  color: #536dfe !important;
}

.material-indigo.material-accent-3 {
  background-color: #3d5afe !important;
}

.material-indigo-text.material-text-accent-3 {
  color: #3d5afe !important;
}

.material-indigo.material-accent-4 {
  background-color: #304ffe !important;
}

.material-indigo-text.material-text-accent-4 {
  color: #304ffe !important;
}

.material-blue {
  background-color: #2196f3 !important;
}

.material-blue-text {
  color: #2196f3 !important;
}

.material-blue.material-lighten-5 {
  background-color: #e3f2fd !important;
}

.material-blue-text.material-text-lighten-5 {
  color: #e3f2fd !important;
}

.material-blue.material-lighten-4 {
  background-color: #bbdefb !important;
}

.material-blue-text.material-text-lighten-4 {
  color: #bbdefb !important;
}

.material-blue.material-lighten-3 {
  background-color: #90caf9 !important;
}

.material-blue-text.material-text-lighten-3 {
  color: #90caf9 !important;
}

.material-blue.material-lighten-2 {
  background-color: #64b5f6 !important;
}

.material-blue-text.material-text-lighten-2 {
  color: #64b5f6 !important;
}

.material-blue.material-lighten-1 {
  background-color: #42a5f5 !important;
}

.material-blue-text.material-text-lighten-1 {
  color: #42a5f5 !important;
}

.material-blue.material-darken-1 {
  background-color: #1e88e5 !important;
}

.material-blue-text.material-text-darken-1 {
  color: #1e88e5 !important;
}

.material-blue.material-darken-2 {
  background-color: #1976d2 !important;
}

.material-blue-text.material-text-darken-2 {
  color: #1976d2 !important;
}

.material-blue.material-darken-3 {
  background-color: #1565c0 !important;
}

.material-blue-text.material-text-darken-3 {
  color: #1565c0 !important;
}

.material-blue.material-darken-4 {
  background-color: #0d47a1 !important;
}

.material-blue-text.material-text-darken-4 {
  color: #0d47a1 !important;
}

.material-blue.material-accent-1 {
  background-color: #82b1ff !important;
}

.material-blue-text.material-text-accent-1 {
  color: #82b1ff !important;
}

.material-blue.material-accent-2 {
  background-color: #448aff !important;
}

.material-blue-text.material-text-accent-2 {
  color: #448aff !important;
}

.material-blue.material-accent-3 {
  background-color: #2979ff !important;
}

.material-blue-text.material-text-accent-3 {
  color: #2979ff !important;
}

.material-blue.material-accent-4 {
  background-color: #2962ff !important;
}

.material-blue-text.material-text-accent-4 {
  color: #2962ff !important;
}

.material-light-blue {
  background-color: #03a9f4 !important;
}

.material-light-blue-text {
  color: #03a9f4 !important;
}

.material-light-blue.material-lighten-5 {
  background-color: #e1f5fe !important;
}

.material-light-blue-text.material-text-lighten-5 {
  color: #e1f5fe !important;
}

.material-light-blue.material-lighten-4 {
  background-color: #b3e5fc !important;
}

.material-light-blue-text.material-text-lighten-4 {
  color: #b3e5fc !important;
}

.material-light-blue.material-lighten-3 {
  background-color: #81d4fa !important;
}

.material-light-blue-text.material-text-lighten-3 {
  color: #81d4fa !important;
}

.material-light-blue.material-lighten-2 {
  background-color: #4fc3f7 !important;
}

.material-light-blue-text.material-text-lighten-2 {
  color: #4fc3f7 !important;
}

.material-light-blue.material-lighten-1 {
  background-color: #29b6f6 !important;
}

.material-light-blue-text.material-text-lighten-1 {
  color: #29b6f6 !important;
}

.material-light-blue.material-darken-1 {
  background-color: #039be5 !important;
}

.material-light-blue-text.material-text-darken-1 {
  color: #039be5 !important;
}

.material-light-blue.material-darken-2 {
  background-color: #0288d1 !important;
}

.material-light-blue-text.material-text-darken-2 {
  color: #0288d1 !important;
}

.material-light-blue.material-darken-3 {
  background-color: #0277bd !important;
}

.material-light-blue-text.material-text-darken-3 {
  color: #0277bd !important;
}

.material-light-blue.material-darken-4 {
  background-color: #01579b !important;
}

.material-light-blue-text.material-text-darken-4 {
  color: #01579b !important;
}

.material-light-blue.material-accent-1 {
  background-color: #80d8ff !important;
}

.material-light-blue-text.material-text-accent-1 {
  color: #80d8ff !important;
}

.material-light-blue.material-accent-2 {
  background-color: #40c4ff !important;
}

.material-light-blue-text.material-text-accent-2 {
  color: #40c4ff !important;
}

.material-light-blue.material-accent-3 {
  background-color: #00b0ff !important;
}

.material-light-blue-text.material-text-accent-3 {
  color: #00b0ff !important;
}

.material-light-blue.material-accent-4 {
  background-color: #0091ea !important;
}

.material-light-blue-text.material-text-accent-4 {
  color: #0091ea !important;
}

.material-cyan {
  background-color: #00bcd4 !important;
}

.material-cyan-text {
  color: #00bcd4 !important;
}

.material-cyan.material-lighten-5 {
  background-color: #e0f7fa !important;
}

.material-cyan-text.material-text-lighten-5 {
  color: #e0f7fa !important;
}

.material-cyan.material-lighten-4 {
  background-color: #b2ebf2 !important;
}

.material-cyan-text.material-text-lighten-4 {
  color: #b2ebf2 !important;
}

.material-cyan.material-lighten-3 {
  background-color: #80deea !important;
}

.material-cyan-text.material-text-lighten-3 {
  color: #80deea !important;
}

.material-cyan.material-lighten-2 {
  background-color: #4dd0e1 !important;
}

.material-cyan-text.material-text-lighten-2 {
  color: #4dd0e1 !important;
}

.material-cyan.material-lighten-1 {
  background-color: #26c6da !important;
}

.material-cyan-text.material-text-lighten-1 {
  color: #26c6da !important;
}

.material-cyan.material-darken-1 {
  background-color: #00acc1 !important;
}

.material-cyan-text.material-text-darken-1 {
  color: #00acc1 !important;
}

.material-cyan.material-darken-2 {
  background-color: #0097a7 !important;
}

.material-cyan-text.material-text-darken-2 {
  color: #0097a7 !important;
}

.material-cyan.material-darken-3 {
  background-color: #00838f !important;
}

.material-cyan-text.material-text-darken-3 {
  color: #00838f !important;
}

.material-cyan.material-darken-4 {
  background-color: #006064 !important;
}

.material-cyan-text.material-text-darken-4 {
  color: #006064 !important;
}

.material-cyan.material-accent-1 {
  background-color: #84ffff !important;
}

.material-cyan-text.material-text-accent-1 {
  color: #84ffff !important;
}

.material-cyan.material-accent-2 {
  background-color: #18ffff !important;
}

.material-cyan-text.material-text-accent-2 {
  color: #18ffff !important;
}

.material-cyan.material-accent-3 {
  background-color: #00e5ff !important;
}

.material-cyan-text.material-text-accent-3 {
  color: #00e5ff !important;
}

.material-cyan.material-accent-4 {
  background-color: #00b8d4 !important;
}

.material-cyan-text.material-text-accent-4 {
  color: #00b8d4 !important;
}

.material-teal {
  background-color: #009688 !important;
}

.material-teal-text {
  color: #009688 !important;
}

.material-teal.material-lighten-5 {
  background-color: #e0f2f1 !important;
}

.material-teal-text.material-text-lighten-5 {
  color: #e0f2f1 !important;
}

.material-teal.material-lighten-4 {
  background-color: #b2dfdb !important;
}

.material-teal-text.material-text-lighten-4 {
  color: #b2dfdb !important;
}

.material-teal.material-lighten-3 {
  background-color: #80cbc4 !important;
}

.material-teal-text.material-text-lighten-3 {
  color: #80cbc4 !important;
}

.material-teal.material-lighten-2 {
  background-color: #4db6ac !important;
}

.material-teal-text.material-text-lighten-2 {
  color: #4db6ac !important;
}

.material-teal.material-lighten-1 {
  background-color: #26a69a !important;
}

.material-teal-text.material-text-lighten-1 {
  color: #26a69a !important;
}

.material-teal.material-darken-1 {
  background-color: #00897b !important;
}

.material-teal-text.material-text-darken-1 {
  color: #00897b !important;
}

.material-teal.material-darken-2 {
  background-color: #00796b !important;
}

.material-teal-text.material-text-darken-2 {
  color: #00796b !important;
}

.material-teal.material-darken-3 {
  background-color: #00695c !important;
}

.material-teal-text.material-text-darken-3 {
  color: #00695c !important;
}

.material-teal.material-darken-4 {
  background-color: #004d40 !important;
}

.material-teal-text.material-text-darken-4 {
  color: #004d40 !important;
}

.material-teal.material-accent-1 {
  background-color: #a7ffeb !important;
}

.material-teal-text.material-text-accent-1 {
  color: #a7ffeb !important;
}

.material-teal.material-accent-2 {
  background-color: #64ffda !important;
}

.material-teal-text.material-text-accent-2 {
  color: #64ffda !important;
}

.material-teal.material-accent-3 {
  background-color: #1de9b6 !important;
}

.material-teal-text.material-text-accent-3 {
  color: #1de9b6 !important;
}

.material-teal.material-accent-4 {
  background-color: #00bfa5 !important;
}

.material-teal-text.material-text-accent-4 {
  color: #00bfa5 !important;
}

.material-green {
  background-color: #4caf50 !important;
}

.material-green-text {
  color: #4caf50 !important;
}

.material-green.material-lighten-5 {
  background-color: #e8f5e9 !important;
}

.material-green-text.material-text-lighten-5 {
  color: #e8f5e9 !important;
}

.material-green.material-lighten-4 {
  background-color: #c8e6c9 !important;
}

.material-green-text.material-text-lighten-4 {
  color: #c8e6c9 !important;
}

.material-green.material-lighten-3 {
  background-color: #a5d6a7 !important;
}

.material-green-text.material-text-lighten-3 {
  color: #a5d6a7 !important;
}

.material-green.material-lighten-2 {
  background-color: #81c784 !important;
}

.material-green-text.material-text-lighten-2 {
  color: #81c784 !important;
}

.material-green.material-lighten-1 {
  background-color: #66bb6a !important;
}

.material-green-text.material-text-lighten-1 {
  color: #66bb6a !important;
}

.material-green.material-darken-1 {
  background-color: #43a047 !important;
}

.material-green-text.material-text-darken-1 {
  color: #43a047 !important;
}

.material-green.material-darken-2 {
  background-color: #388e3c !important;
}

.material-green-text.material-text-darken-2 {
  color: #388e3c !important;
}

.material-green.material-darken-3 {
  background-color: #2e7d32 !important;
}

.material-green-text.material-text-darken-3 {
  color: #2e7d32 !important;
}

.material-green.material-darken-4 {
  background-color: #1b5e20 !important;
}

.material-green-text.material-text-darken-4 {
  color: #1b5e20 !important;
}

.material-green.material-accent-1 {
  background-color: #b9f6ca !important;
}

.material-green-text.material-text-accent-1 {
  color: #b9f6ca !important;
}

.material-green.material-accent-2 {
  background-color: #69f0ae !important;
}

.material-green-text.material-text-accent-2 {
  color: #69f0ae !important;
}

.material-green.material-accent-3 {
  background-color: #00e676 !important;
}

.material-green-text.material-text-accent-3 {
  color: #00e676 !important;
}

.material-green.material-accent-4 {
  background-color: #00c853 !important;
}

.material-green-text.material-text-accent-4 {
  color: #00c853 !important;
}

.material-light-green {
  background-color: #8bc34a !important;
}

.material-light-green-text {
  color: #8bc34a !important;
}

.material-light-green.material-lighten-5 {
  background-color: #f1f8e9 !important;
}

.material-light-green-text.material-text-lighten-5 {
  color: #f1f8e9 !important;
}

.material-light-green.material-lighten-4 {
  background-color: #dcedc8 !important;
}

.material-light-green-text.material-text-lighten-4 {
  color: #dcedc8 !important;
}

.material-light-green.material-lighten-3 {
  background-color: #c5e1a5 !important;
}

.material-light-green-text.material-text-lighten-3 {
  color: #c5e1a5 !important;
}

.material-light-green.material-lighten-2 {
  background-color: #aed581 !important;
}

.material-light-green-text.material-text-lighten-2 {
  color: #aed581 !important;
}

.material-light-green.material-lighten-1 {
  background-color: #9ccc65 !important;
}

.material-light-green-text.material-text-lighten-1 {
  color: #9ccc65 !important;
}

.material-light-green.material-darken-1 {
  background-color: #7cb342 !important;
}

.material-light-green-text.material-text-darken-1 {
  color: #7cb342 !important;
}

.material-light-green.material-darken-2 {
  background-color: #689f38 !important;
}

.material-light-green-text.material-text-darken-2 {
  color: #689f38 !important;
}

.material-light-green.material-darken-3 {
  background-color: #558b2f !important;
}

.material-light-green-text.material-text-darken-3 {
  color: #558b2f !important;
}

.material-light-green.material-darken-4 {
  background-color: #33691e !important;
}

.material-light-green-text.material-text-darken-4 {
  color: #33691e !important;
}

.material-light-green.material-accent-1 {
  background-color: #ccff90 !important;
}

.material-light-green-text.material-text-accent-1 {
  color: #ccff90 !important;
}

.material-light-green.material-accent-2 {
  background-color: #b2ff59 !important;
}

.material-light-green-text.material-text-accent-2 {
  color: #b2ff59 !important;
}

.material-light-green.material-accent-3 {
  background-color: #76ff03 !important;
}

.material-light-green-text.material-text-accent-3 {
  color: #76ff03 !important;
}

.material-light-green.material-accent-4 {
  background-color: #64dd17 !important;
}

.material-light-green-text.material-text-accent-4 {
  color: #64dd17 !important;
}

.material-lime {
  background-color: #cddc39 !important;
}

.material-lime-text {
  color: #cddc39 !important;
}

.material-lime.material-lighten-5 {
  background-color: #f9fbe7 !important;
}

.material-lime-text.material-text-lighten-5 {
  color: #f9fbe7 !important;
}

.material-lime.material-lighten-4 {
  background-color: #f0f4c3 !important;
}

.material-lime-text.material-text-lighten-4 {
  color: #f0f4c3 !important;
}

.material-lime.material-lighten-3 {
  background-color: #e6ee9c !important;
}

.material-lime-text.material-text-lighten-3 {
  color: #e6ee9c !important;
}

.material-lime.material-lighten-2 {
  background-color: #dce775 !important;
}

.material-lime-text.material-text-lighten-2 {
  color: #dce775 !important;
}

.material-lime.material-lighten-1 {
  background-color: #d4e157 !important;
}

.material-lime-text.material-text-lighten-1 {
  color: #d4e157 !important;
}

.material-lime.material-darken-1 {
  background-color: #c0ca33 !important;
}

.material-lime-text.material-text-darken-1 {
  color: #c0ca33 !important;
}

.material-lime.material-darken-2 {
  background-color: #afb42b !important;
}

.material-lime-text.material-text-darken-2 {
  color: #afb42b !important;
}

.material-lime.material-darken-3 {
  background-color: #9e9d24 !important;
}

.material-lime-text.material-text-darken-3 {
  color: #9e9d24 !important;
}

.material-lime.material-darken-4 {
  background-color: #827717 !important;
}

.material-lime-text.material-text-darken-4 {
  color: #827717 !important;
}

.material-lime.material-accent-1 {
  background-color: #f4ff81 !important;
}

.material-lime-text.material-text-accent-1 {
  color: #f4ff81 !important;
}

.material-lime.material-accent-2 {
  background-color: #eeff41 !important;
}

.material-lime-text.material-text-accent-2 {
  color: #eeff41 !important;
}

.material-lime.material-accent-3 {
  background-color: #c6ff00 !important;
}

.material-lime-text.material-text-accent-3 {
  color: #c6ff00 !important;
}

.material-lime.material-accent-4 {
  background-color: #aeea00 !important;
}

.material-lime-text.material-text-accent-4 {
  color: #aeea00 !important;
}

.material-yellow {
  background-color: #ffeb3b !important;
}

.material-yellow-text {
  color: #ffeb3b !important;
}

.material-yellow.material-lighten-5 {
  background-color: #fffde7 !important;
}

.material-yellow-text.material-text-lighten-5 {
  color: #fffde7 !important;
}

.material-yellow.material-lighten-4 {
  background-color: #fff9c4 !important;
}

.material-yellow-text.material-text-lighten-4 {
  color: #fff9c4 !important;
}

.material-yellow.material-lighten-3 {
  background-color: #fff59d !important;
}

.material-yellow-text.material-text-lighten-3 {
  color: #fff59d !important;
}

.material-yellow.material-lighten-2 {
  background-color: #fff176 !important;
}

.material-yellow-text.material-text-lighten-2 {
  color: #fff176 !important;
}

.material-yellow.material-lighten-1 {
  background-color: #ffee58 !important;
}

.material-yellow-text.material-text-lighten-1 {
  color: #ffee58 !important;
}

.material-yellow.material-darken-1 {
  background-color: #fdd835 !important;
}

.material-yellow-text.material-text-darken-1 {
  color: #fdd835 !important;
}

.material-yellow.material-darken-2 {
  background-color: #fbc02d !important;
}

.material-yellow-text.material-text-darken-2 {
  color: #fbc02d !important;
}

.material-yellow.material-darken-3 {
  background-color: #f9a825 !important;
}

.material-yellow-text.material-text-darken-3 {
  color: #f9a825 !important;
}

.material-yellow.material-darken-4 {
  background-color: #f57f17 !important;
}

.material-yellow-text.material-text-darken-4 {
  color: #f57f17 !important;
}

.material-yellow.material-accent-1 {
  background-color: #ffff8d !important;
}

.material-yellow-text.material-text-accent-1 {
  color: #ffff8d !important;
}

.material-yellow.material-accent-2 {
  background-color: #ff0 !important;
}

.material-yellow-text.material-text-accent-2 {
  color: #ff0 !important;
}

.material-yellow.material-accent-3 {
  background-color: #ffea00 !important;
}

.material-yellow-text.material-text-accent-3 {
  color: #ffea00 !important;
}

.material-yellow.material-accent-4 {
  background-color: #ffd600 !important;
}

.material-yellow-text.material-text-accent-4 {
  color: #ffd600 !important;
}

.material-amber {
  background-color: #ffc107 !important;
}

.material-amber-text {
  color: #ffc107 !important;
}

.material-amber.material-lighten-5 {
  background-color: #fff8e1 !important;
}

.material-amber-text.material-text-lighten-5 {
  color: #fff8e1 !important;
}

.material-amber.material-lighten-4 {
  background-color: #ffecb3 !important;
}

.material-amber-text.material-text-lighten-4 {
  color: #ffecb3 !important;
}

.material-amber.material-lighten-3 {
  background-color: #ffe082 !important;
}

.material-amber-text.material-text-lighten-3 {
  color: #ffe082 !important;
}

.material-amber.material-lighten-2 {
  background-color: #ffd54f !important;
}

.material-amber-text.material-text-lighten-2 {
  color: #ffd54f !important;
}

.material-amber.material-lighten-1 {
  background-color: #ffca28 !important;
}

.material-amber-text.material-text-lighten-1 {
  color: #ffca28 !important;
}

.material-amber.material-darken-1 {
  background-color: #ffb300 !important;
}

.material-amber-text.material-text-darken-1 {
  color: #ffb300 !important;
}

.material-amber.material-darken-2 {
  background-color: #ffa000 !important;
}

.material-amber-text.material-text-darken-2 {
  color: #ffa000 !important;
}

.material-amber.material-darken-3 {
  background-color: #ff8f00 !important;
}

.material-amber-text.material-text-darken-3 {
  color: #ff8f00 !important;
}

.material-amber.material-darken-4 {
  background-color: #ff6f00 !important;
}

.material-amber-text.material-text-darken-4 {
  color: #ff6f00 !important;
}

.material-amber.material-accent-1 {
  background-color: #ffe57f !important;
}

.material-amber-text.material-text-accent-1 {
  color: #ffe57f !important;
}

.material-amber.material-accent-2 {
  background-color: #ffd740 !important;
}

.material-amber-text.material-text-accent-2 {
  color: #ffd740 !important;
}

.material-amber.material-accent-3 {
  background-color: #ffc400 !important;
}

.material-amber-text.material-text-accent-3 {
  color: #ffc400 !important;
}

.material-amber.material-accent-4 {
  background-color: #ffab00 !important;
}

.material-amber-text.material-text-accent-4 {
  color: #ffab00 !important;
}

.material-orange {
  background-color: #ff9800 !important;
}

.material-orange-text {
  color: #ff9800 !important;
}

.material-orange.material-lighten-5 {
  background-color: #fff3e0 !important;
}

.material-orange-text.material-text-lighten-5 {
  color: #fff3e0 !important;
}

.material-orange.material-lighten-4 {
  background-color: #ffe0b2 !important;
}

.material-orange-text.material-text-lighten-4 {
  color: #ffe0b2 !important;
}

.material-orange.material-lighten-3 {
  background-color: #ffcc80 !important;
}

.material-orange-text.material-text-lighten-3 {
  color: #ffcc80 !important;
}

.material-orange.material-lighten-2 {
  background-color: #ffb74d !important;
}

.material-orange-text.material-text-lighten-2 {
  color: #ffb74d !important;
}

.material-orange.material-lighten-1 {
  background-color: #ffa726 !important;
}

.material-orange-text.material-text-lighten-1 {
  color: #ffa726 !important;
}

.material-orange.material-darken-1 {
  background-color: #fb8c00 !important;
}

.material-orange-text.material-text-darken-1 {
  color: #fb8c00 !important;
}

.material-orange.material-darken-2 {
  background-color: #f57c00 !important;
}

.material-orange-text.material-text-darken-2 {
  color: #f57c00 !important;
}

.material-orange.material-darken-3 {
  background-color: #ef6c00 !important;
}

.material-orange-text.material-text-darken-3 {
  color: #ef6c00 !important;
}

.material-orange.material-darken-4 {
  background-color: #e65100 !important;
}

.material-orange-text.material-text-darken-4 {
  color: #e65100 !important;
}

.material-orange.material-accent-1 {
  background-color: #ffd180 !important;
}

.material-orange-text.material-text-accent-1 {
  color: #ffd180 !important;
}

.material-orange.material-accent-2 {
  background-color: #ffab40 !important;
}

.material-orange-text.material-text-accent-2 {
  color: #ffab40 !important;
}

.material-orange.material-accent-3 {
  background-color: #ff9100 !important;
}

.material-orange-text.material-text-accent-3 {
  color: #ff9100 !important;
}

.material-orange.material-accent-4 {
  background-color: #ff6d00 !important;
}

.material-orange-text.material-text-accent-4 {
  color: #ff6d00 !important;
}

.material-deep-orange {
  background-color: #ff5722 !important;
}

.material-deep-orange-text {
  color: #ff5722 !important;
}

.material-deep-orange.material-lighten-5 {
  background-color: #fbe9e7 !important;
}

.material-deep-orange-text.material-text-lighten-5 {
  color: #fbe9e7 !important;
}

.material-deep-orange.material-lighten-4 {
  background-color: #ffccbc !important;
}

.material-deep-orange-text.material-text-lighten-4 {
  color: #ffccbc !important;
}

.material-deep-orange.material-lighten-3 {
  background-color: #ffab91 !important;
}

.material-deep-orange-text.material-text-lighten-3 {
  color: #ffab91 !important;
}

.material-deep-orange.material-lighten-2 {
  background-color: #ff8a65 !important;
}

.material-deep-orange-text.material-text-lighten-2 {
  color: #ff8a65 !important;
}

.material-deep-orange.material-lighten-1 {
  background-color: #ff7043 !important;
}

.material-deep-orange-text.material-text-lighten-1 {
  color: #ff7043 !important;
}

.material-deep-orange.material-darken-1 {
  background-color: #f4511e !important;
}

.material-deep-orange-text.material-text-darken-1 {
  color: #f4511e !important;
}

.material-deep-orange.material-darken-2 {
  background-color: #e64a19 !important;
}

.material-deep-orange-text.material-text-darken-2 {
  color: #e64a19 !important;
}

.material-deep-orange.material-darken-3 {
  background-color: #d84315 !important;
}

.material-deep-orange-text.material-text-darken-3 {
  color: #d84315 !important;
}

.material-deep-orange.material-darken-4 {
  background-color: #bf360c !important;
}

.material-deep-orange-text.material-text-darken-4 {
  color: #bf360c !important;
}

.material-deep-orange.material-accent-1 {
  background-color: #ff9e80 !important;
}

.material-deep-orange-text.material-text-accent-1 {
  color: #ff9e80 !important;
}

.material-deep-orange.material-accent-2 {
  background-color: #ff6e40 !important;
}

.material-deep-orange-text.material-text-accent-2 {
  color: #ff6e40 !important;
}

.material-deep-orange.material-accent-3 {
  background-color: #ff3d00 !important;
}

.material-deep-orange-text.material-text-accent-3 {
  color: #ff3d00 !important;
}

.material-deep-orange.material-accent-4 {
  background-color: #dd2c00 !important;
}

.material-deep-orange-text.material-text-accent-4 {
  color: #dd2c00 !important;
}

.material-brown {
  background-color: #795548 !important;
}

.material-brown-text {
  color: #795548 !important;
}

.material-brown.material-lighten-5 {
  background-color: #efebe9 !important;
}

.material-brown-text.material-text-lighten-5 {
  color: #efebe9 !important;
}

.material-brown.material-lighten-4 {
  background-color: #d7ccc8 !important;
}

.material-brown-text.material-text-lighten-4 {
  color: #d7ccc8 !important;
}

.material-brown.material-lighten-3 {
  background-color: #bcaaa4 !important;
}

.material-brown-text.material-text-lighten-3 {
  color: #bcaaa4 !important;
}

.material-brown.material-lighten-2 {
  background-color: #a1887f !important;
}

.material-brown-text.material-text-lighten-2 {
  color: #a1887f !important;
}

.material-brown.material-lighten-1 {
  background-color: #8d6e63 !important;
}

.material-brown-text.material-text-lighten-1 {
  color: #8d6e63 !important;
}

.material-brown.material-darken-1 {
  background-color: #6d4c41 !important;
}

.material-brown-text.material-text-darken-1 {
  color: #6d4c41 !important;
}

.material-brown.material-darken-2 {
  background-color: #5d4037 !important;
}

.material-brown-text.material-text-darken-2 {
  color: #5d4037 !important;
}

.material-brown.material-darken-3 {
  background-color: #4e342e !important;
}

.material-brown-text.material-text-darken-3 {
  color: #4e342e !important;
}

.material-brown.material-darken-4 {
  background-color: #3e2723 !important;
}

.material-brown-text.material-text-darken-4 {
  color: #3e2723 !important;
}

.material-blue-grey {
  background-color: #607d8b !important;
}

.material-blue-grey-text {
  color: #607d8b !important;
}

.material-blue-grey.material-lighten-5 {
  background-color: #eceff1 !important;
}

.material-blue-grey-text.material-text-lighten-5 {
  color: #eceff1 !important;
}

.material-blue-grey.material-lighten-4 {
  background-color: #cfd8dc !important;
}

.material-blue-grey-text.material-text-lighten-4 {
  color: #cfd8dc !important;
}

.material-blue-grey.material-lighten-3 {
  background-color: #b0bec5 !important;
}

.material-blue-grey-text.material-text-lighten-3 {
  color: #b0bec5 !important;
}

.material-blue-grey.material-lighten-2 {
  background-color: #90a4ae !important;
}

.material-blue-grey-text.material-text-lighten-2 {
  color: #90a4ae !important;
}

.material-blue-grey.material-lighten-1 {
  background-color: #78909c !important;
}

.material-blue-grey-text.material-text-lighten-1 {
  color: #78909c !important;
}

.material-blue-grey.material-darken-1 {
  background-color: #546e7a !important;
}

.material-blue-grey-text.material-text-darken-1 {
  color: #546e7a !important;
}

.material-blue-grey.material-darken-2 {
  background-color: #455a64 !important;
}

.material-blue-grey-text.material-text-darken-2 {
  color: #455a64 !important;
}

.material-blue-grey.material-darken-3 {
  background-color: #37474f !important;
}

.material-blue-grey-text.material-text-darken-3 {
  color: #37474f !important;
}

.material-blue-grey.material-darken-4 {
  background-color: #263238 !important;
}

.material-blue-grey-text.material-text-darken-4 {
  color: #263238 !important;
}

.material-grey {
  background-color: #9e9e9e !important;
}

.material-grey-text {
  color: #9e9e9e !important;
}

.material-grey.material-lighten-5 {
  background-color: #fafafa !important;
}

.material-grey-text.material-text-lighten-5 {
  color: #fafafa !important;
}

.material-grey.material-lighten-4 {
  background-color: #f5f5f5 !important;
}

.material-grey-text.material-text-lighten-4 {
  color: #f5f5f5 !important;
}

.material-grey.material-lighten-3 {
  background-color: #eee !important;
}

.material-grey-text.material-text-lighten-3 {
  color: #eee !important;
}

.material-grey.material-lighten-2 {
  background-color: #e0e0e0 !important;
}

.material-grey-text.material-text-lighten-2 {
  color: #e0e0e0 !important;
}

.material-grey.material-lighten-1 {
  background-color: #bdbdbd !important;
}

.material-grey-text.material-text-lighten-1 {
  color: #bdbdbd !important;
}

.material-grey.material-darken-1 {
  background-color: #757575 !important;
}

.material-grey-text.material-text-darken-1 {
  color: #757575 !important;
}

.material-grey.material-darken-2 {
  background-color: #616161 !important;
}

.material-grey-text.material-text-darken-2 {
  color: #616161 !important;
}

.material-grey.material-darken-3 {
  background-color: #424242 !important;
}

.material-grey-text.material-text-darken-3 {
  color: #424242 !important;
}

.material-grey.material-darken-4 {
  background-color: #212121 !important;
}

.material-grey-text.material-text-darken-4 {
  color: #212121 !important;
}

.material-black {
  background-color: #000 !important;
}

.material-black-text {
  color: #000 !important;
}

.material-white {
  background-color: #fff !important;
}

.material-white-text {
  color: #fff !important;
}

.material-transparent {
  background-color: transparent !important;
}

.material-transparent-text {
  color: transparent !important;
}

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

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

.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-40,
.hr40,
.hr-39,
.hr39,
.hr-38,
.hr38,
.hr-37,
.hr37,
.hr-36,
.hr36,
.hr-35,
.hr35,
.hr-34,
.hr34,
.hr-33,
.hr33,
.hr-32,
.hr32,
.hr-31,
.hr31,
.hr-30,
.hr30,
.hr-29,
.hr29,
.hr-28,
.hr28,
.hr-27,
.hr27,
.hr-26,
.hr26,
.hr-25,
.hr25,
.hr-24,
.hr24,
.hr-23,
.hr23,
.hr-22,
.hr22,
.hr-21,
.hr21,
.hr-20,
.hr20,
.hr-19,
.hr19,
.hr-18,
.hr18,
.hr-17,
.hr17,
.hr-16,
.hr16,
.hr-15,
.hr15,
.hr-14,
.hr14,
.hr-13,
.hr13,
.hr-12,
.hr12,
.hr-11,
.hr11,
.hr-10,
.hr10,
.hr-9,
.hr9,
.hr-8,
.hr8,
.hr-7,
.hr7,
.hr-6,
.hr6,
.hr-5,
.hr5,
.hr-4,
.hr4,
.hr-3,
.hr3,
.hr-2,
.hr2,
.hr-1,
.hr1 {
  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;
}

/* margin padding */
.m40 {
  margin: 40px;
}
.m40--forced {
  margin: 40px !important;
}

.p40 {
  padding: 40px;
}
.p40--forced {
  padding: 40px !important;
}
.mt40 {
  margin-top: 40px;
}
.mt40--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;
}

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

.mb40 {
  margin-bottom: 40px;
}
.mb40--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;
}

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

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

.p39 {
  padding: 39px;
}
.p39--forced {
  padding: 39px !important;
}
.mt39 {
  margin-top: 39px;
}
.mt39--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;
}

.pr39 {
  padding-right: 39px;
}
.pr39--forced {
  padding-right: 39px !important;
}

.mb39 {
  margin-bottom: 39px;
}
.mb39--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;
}

.pl39 {
  padding-left: 39px;
}
.pl39--forced {
  padding-left: 39px !important;
}

.m38 {
  margin: 38px;
}
.m38--forced {
  margin: 38px !important;
}

.p38 {
  padding: 38px;
}
.p38--forced {
  padding: 38px !important;
}
.mt38 {
  margin-top: 38px;
}
.mt38--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;
}

.pr38 {
  padding-right: 38px;
}
.pr38--forced {
  padding-right: 38px !important;
}

.mb38 {
  margin-bottom: 38px;
}
.mb38--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;
}

.pl38 {
  padding-left: 38px;
}
.pl38--forced {
  padding-left: 38px !important;
}

.m37 {
  margin: 37px;
}
.m37--forced {
  margin: 37px !important;
}

.p37 {
  padding: 37px;
}
.p37--forced {
  padding: 37px !important;
}
.mt37 {
  margin-top: 37px;
}
.mt37--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;
}

.pr37 {
  padding-right: 37px;
}
.pr37--forced {
  padding-right: 37px !important;
}

.mb37 {
  margin-bottom: 37px;
}
.mb37--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;
}

.pl37 {
  padding-left: 37px;
}
.pl37--forced {
  padding-left: 37px !important;
}

.m36 {
  margin: 36px;
}
.m36--forced {
  margin: 36px !important;
}

.p36 {
  padding: 36px;
}
.p36--forced {
  padding: 36px !important;
}
.mt36 {
  margin-top: 36px;
}
.mt36--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;
}

.pr36 {
  padding-right: 36px;
}
.pr36--forced {
  padding-right: 36px !important;
}

.mb36 {
  margin-bottom: 36px;
}
.mb36--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;
}

.pl36 {
  padding-left: 36px;
}
.pl36--forced {
  padding-left: 36px !important;
}

.m35 {
  margin: 35px;
}
.m35--forced {
  margin: 35px !important;
}

.p35 {
  padding: 35px;
}
.p35--forced {
  padding: 35px !important;
}
.mt35 {
  margin-top: 35px;
}
.mt35--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;
}

.pr35 {
  padding-right: 35px;
}
.pr35--forced {
  padding-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px;
}
.mb35--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;
}

.pl35 {
  padding-left: 35px;
}
.pl35--forced {
  padding-left: 35px !important;
}

.m34 {
  margin: 34px;
}
.m34--forced {
  margin: 34px !important;
}

.p34 {
  padding: 34px;
}
.p34--forced {
  padding: 34px !important;
}
.mt34 {
  margin-top: 34px;
}
.mt34--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;
}

.pr34 {
  padding-right: 34px;
}
.pr34--forced {
  padding-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px;
}
.mb34--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;
}

.pl34 {
  padding-left: 34px;
}
.pl34--forced {
  padding-left: 34px !important;
}

.m33 {
  margin: 33px;
}
.m33--forced {
  margin: 33px !important;
}

.p33 {
  padding: 33px;
}
.p33--forced {
  padding: 33px !important;
}
.mt33 {
  margin-top: 33px;
}
.mt33--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;
}

.pr33 {
  padding-right: 33px;
}
.pr33--forced {
  padding-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px;
}
.mb33--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;
}

.pl33 {
  padding-left: 33px;
}
.pl33--forced {
  padding-left: 33px !important;
}

.m32 {
  margin: 32px;
}
.m32--forced {
  margin: 32px !important;
}

.p32 {
  padding: 32px;
}
.p32--forced {
  padding: 32px !important;
}
.mt32 {
  margin-top: 32px;
}
.mt32--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;
}

.pr32 {
  padding-right: 32px;
}
.pr32--forced {
  padding-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px;
}
.mb32--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;
}

.pl32 {
  padding-left: 32px;
}
.pl32--forced {
  padding-left: 32px !important;
}

.m31 {
  margin: 31px;
}
.m31--forced {
  margin: 31px !important;
}

.p31 {
  padding: 31px;
}
.p31--forced {
  padding: 31px !important;
}
.mt31 {
  margin-top: 31px;
}
.mt31--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;
}

.pr31 {
  padding-right: 31px;
}
.pr31--forced {
  padding-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px;
}
.mb31--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;
}

.pl31 {
  padding-left: 31px;
}
.pl31--forced {
  padding-left: 31px !important;
}

.m30 {
  margin: 30px;
}
.m30--forced {
  margin: 30px !important;
}

.p30 {
  padding: 30px;
}
.p30--forced {
  padding: 30px !important;
}
.mt30 {
  margin-top: 30px;
}
.mt30--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;
}

.pr30 {
  padding-right: 30px;
}
.pr30--forced {
  padding-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px;
}
.mb30--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;
}

.pl30 {
  padding-left: 30px;
}
.pl30--forced {
  padding-left: 30px !important;
}

.m29 {
  margin: 29px;
}
.m29--forced {
  margin: 29px !important;
}

.p29 {
  padding: 29px;
}
.p29--forced {
  padding: 29px !important;
}
.mt29 {
  margin-top: 29px;
}
.mt29--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;
}

.pr29 {
  padding-right: 29px;
}
.pr29--forced {
  padding-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px;
}
.mb29--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;
}

.pl29 {
  padding-left: 29px;
}
.pl29--forced {
  padding-left: 29px !important;
}

.m28 {
  margin: 28px;
}
.m28--forced {
  margin: 28px !important;
}

.p28 {
  padding: 28px;
}
.p28--forced {
  padding: 28px !important;
}
.mt28 {
  margin-top: 28px;
}
.mt28--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;
}

.pr28 {
  padding-right: 28px;
}
.pr28--forced {
  padding-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px;
}
.mb28--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;
}

.pl28 {
  padding-left: 28px;
}
.pl28--forced {
  padding-left: 28px !important;
}

.m27 {
  margin: 27px;
}
.m27--forced {
  margin: 27px !important;
}

.p27 {
  padding: 27px;
}
.p27--forced {
  padding: 27px !important;
}
.mt27 {
  margin-top: 27px;
}
.mt27--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;
}

.pr27 {
  padding-right: 27px;
}
.pr27--forced {
  padding-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px;
}
.mb27--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;
}

.pl27 {
  padding-left: 27px;
}
.pl27--forced {
  padding-left: 27px !important;
}

.m26 {
  margin: 26px;
}
.m26--forced {
  margin: 26px !important;
}

.p26 {
  padding: 26px;
}
.p26--forced {
  padding: 26px !important;
}
.mt26 {
  margin-top: 26px;
}
.mt26--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;
}

.pr26 {
  padding-right: 26px;
}
.pr26--forced {
  padding-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px;
}
.mb26--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;
}

.pl26 {
  padding-left: 26px;
}
.pl26--forced {
  padding-left: 26px !important;
}

.m25 {
  margin: 25px;
}
.m25--forced {
  margin: 25px !important;
}

.p25 {
  padding: 25px;
}
.p25--forced {
  padding: 25px !important;
}
.mt25 {
  margin-top: 25px;
}
.mt25--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;
}

.pr25 {
  padding-right: 25px;
}
.pr25--forced {
  padding-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px;
}
.mb25--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;
}

.pl25 {
  padding-left: 25px;
}
.pl25--forced {
  padding-left: 25px !important;
}

.m24 {
  margin: 24px;
}
.m24--forced {
  margin: 24px !important;
}

.p24 {
  padding: 24px;
}
.p24--forced {
  padding: 24px !important;
}
.mt24 {
  margin-top: 24px;
}
.mt24--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;
}

.pr24 {
  padding-right: 24px;
}
.pr24--forced {
  padding-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px;
}
.mb24--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;
}

.pl24 {
  padding-left: 24px;
}
.pl24--forced {
  padding-left: 24px !important;
}

.m23 {
  margin: 23px;
}
.m23--forced {
  margin: 23px !important;
}

.p23 {
  padding: 23px;
}
.p23--forced {
  padding: 23px !important;
}
.mt23 {
  margin-top: 23px;
}
.mt23--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;
}

.pr23 {
  padding-right: 23px;
}
.pr23--forced {
  padding-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px;
}
.mb23--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;
}

.pl23 {
  padding-left: 23px;
}
.pl23--forced {
  padding-left: 23px !important;
}

.m22 {
  margin: 22px;
}
.m22--forced {
  margin: 22px !important;
}

.p22 {
  padding: 22px;
}
.p22--forced {
  padding: 22px !important;
}
.mt22 {
  margin-top: 22px;
}
.mt22--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;
}

.pr22 {
  padding-right: 22px;
}
.pr22--forced {
  padding-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px;
}
.mb22--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;
}

.pl22 {
  padding-left: 22px;
}
.pl22--forced {
  padding-left: 22px !important;
}

.m21 {
  margin: 21px;
}
.m21--forced {
  margin: 21px !important;
}

.p21 {
  padding: 21px;
}
.p21--forced {
  padding: 21px !important;
}
.mt21 {
  margin-top: 21px;
}
.mt21--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;
}

.pr21 {
  padding-right: 21px;
}
.pr21--forced {
  padding-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px;
}
.mb21--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;
}

.pl21 {
  padding-left: 21px;
}
.pl21--forced {
  padding-left: 21px !important;
}

.m20 {
  margin: 20px;
}
.m20--forced {
  margin: 20px !important;
}

.p20 {
  padding: 20px;
}
.p20--forced {
  padding: 20px !important;
}
.mt20 {
  margin-top: 20px;
}
.mt20--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;
}

.pr20 {
  padding-right: 20px;
}
.pr20--forced {
  padding-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px;
}
.mb20--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;
}

.pl20 {
  padding-left: 20px;
}
.pl20--forced {
  padding-left: 20px !important;
}

.m19 {
  margin: 19px;
}
.m19--forced {
  margin: 19px !important;
}

.p19 {
  padding: 19px;
}
.p19--forced {
  padding: 19px !important;
}
.mt19 {
  margin-top: 19px;
}
.mt19--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;
}

.pr19 {
  padding-right: 19px;
}
.pr19--forced {
  padding-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px;
}
.mb19--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;
}

.pl19 {
  padding-left: 19px;
}
.pl19--forced {
  padding-left: 19px !important;
}

.m18 {
  margin: 18px;
}
.m18--forced {
  margin: 18px !important;
}

.p18 {
  padding: 18px;
}
.p18--forced {
  padding: 18px !important;
}
.mt18 {
  margin-top: 18px;
}
.mt18--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;
}

.pr18 {
  padding-right: 18px;
}
.pr18--forced {
  padding-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px;
}
.mb18--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;
}

.pl18 {
  padding-left: 18px;
}
.pl18--forced {
  padding-left: 18px !important;
}

.m17 {
  margin: 17px;
}
.m17--forced {
  margin: 17px !important;
}

.p17 {
  padding: 17px;
}
.p17--forced {
  padding: 17px !important;
}
.mt17 {
  margin-top: 17px;
}
.mt17--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;
}

.pr17 {
  padding-right: 17px;
}
.pr17--forced {
  padding-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px;
}
.mb17--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;
}

.pl17 {
  padding-left: 17px;
}
.pl17--forced {
  padding-left: 17px !important;
}

.m16 {
  margin: 16px;
}
.m16--forced {
  margin: 16px !important;
}

.p16 {
  padding: 16px;
}
.p16--forced {
  padding: 16px !important;
}
.mt16 {
  margin-top: 16px;
}
.mt16--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;
}

.pr16 {
  padding-right: 16px;
}
.pr16--forced {
  padding-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px;
}
.mb16--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;
}

.pl16 {
  padding-left: 16px;
}
.pl16--forced {
  padding-left: 16px !important;
}

.m15 {
  margin: 15px;
}
.m15--forced {
  margin: 15px !important;
}

.p15 {
  padding: 15px;
}
.p15--forced {
  padding: 15px !important;
}
.mt15 {
  margin-top: 15px;
}
.mt15--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;
}

.pr15 {
  padding-right: 15px;
}
.pr15--forced {
  padding-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px;
}
.mb15--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;
}

.pl15 {
  padding-left: 15px;
}
.pl15--forced {
  padding-left: 15px !important;
}

.m14 {
  margin: 14px;
}
.m14--forced {
  margin: 14px !important;
}

.p14 {
  padding: 14px;
}
.p14--forced {
  padding: 14px !important;
}
.mt14 {
  margin-top: 14px;
}
.mt14--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;
}

.pr14 {
  padding-right: 14px;
}
.pr14--forced {
  padding-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px;
}
.mb14--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;
}

.pl14 {
  padding-left: 14px;
}
.pl14--forced {
  padding-left: 14px !important;
}

.m13 {
  margin: 13px;
}
.m13--forced {
  margin: 13px !important;
}

.p13 {
  padding: 13px;
}
.p13--forced {
  padding: 13px !important;
}
.mt13 {
  margin-top: 13px;
}
.mt13--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;
}

.pr13 {
  padding-right: 13px;
}
.pr13--forced {
  padding-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px;
}
.mb13--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;
}

.pl13 {
  padding-left: 13px;
}
.pl13--forced {
  padding-left: 13px !important;
}

.m12 {
  margin: 12px;
}
.m12--forced {
  margin: 12px !important;
}

.p12 {
  padding: 12px;
}
.p12--forced {
  padding: 12px !important;
}
.mt12 {
  margin-top: 12px;
}
.mt12--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;
}

.pr12 {
  padding-right: 12px;
}
.pr12--forced {
  padding-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px;
}
.mb12--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;
}

.pl12 {
  padding-left: 12px;
}
.pl12--forced {
  padding-left: 12px !important;
}

.m11 {
  margin: 11px;
}
.m11--forced {
  margin: 11px !important;
}

.p11 {
  padding: 11px;
}
.p11--forced {
  padding: 11px !important;
}
.mt11 {
  margin-top: 11px;
}
.mt11--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;
}

.pr11 {
  padding-right: 11px;
}
.pr11--forced {
  padding-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px;
}
.mb11--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;
}

.pl11 {
  padding-left: 11px;
}
.pl11--forced {
  padding-left: 11px !important;
}

.m10 {
  margin: 10px;
}
.m10--forced {
  margin: 10px !important;
}

.p10 {
  padding: 10px;
}
.p10--forced {
  padding: 10px !important;
}
.mt10 {
  margin-top: 10px;
}
.mt10--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;
}

.pr10 {
  padding-right: 10px;
}
.pr10--forced {
  padding-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px;
}
.mb10--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;
}

.pl10 {
  padding-left: 10px;
}
.pl10--forced {
  padding-left: 10px !important;
}

.m9 {
  margin: 9px;
}
.m9--forced {
  margin: 9px !important;
}

.p9 {
  padding: 9px;
}
.p9--forced {
  padding: 9px !important;
}
.mt9 {
  margin-top: 9px;
}
.mt9--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;
}

.pr9 {
  padding-right: 9px;
}
.pr9--forced {
  padding-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px;
}
.mb9--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;
}

.pl9 {
  padding-left: 9px;
}
.pl9--forced {
  padding-left: 9px !important;
}

.m8 {
  margin: 8px;
}
.m8--forced {
  margin: 8px !important;
}

.p8 {
  padding: 8px;
}
.p8--forced {
  padding: 8px !important;
}
.mt8 {
  margin-top: 8px;
}
.mt8--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;
}

.pr8 {
  padding-right: 8px;
}
.pr8--forced {
  padding-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px;
}
.mb8--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;
}

.pl8 {
  padding-left: 8px;
}
.pl8--forced {
  padding-left: 8px !important;
}

.m7 {
  margin: 7px;
}
.m7--forced {
  margin: 7px !important;
}

.p7 {
  padding: 7px;
}
.p7--forced {
  padding: 7px !important;
}
.mt7 {
  margin-top: 7px;
}
.mt7--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;
}

.pr7 {
  padding-right: 7px;
}
.pr7--forced {
  padding-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px;
}
.mb7--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;
}

.pl7 {
  padding-left: 7px;
}
.pl7--forced {
  padding-left: 7px !important;
}

.m6 {
  margin: 6px;
}
.m6--forced {
  margin: 6px !important;
}

.p6 {
  padding: 6px;
}
.p6--forced {
  padding: 6px !important;
}
.mt6 {
  margin-top: 6px;
}
.mt6--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;
}

.pr6 {
  padding-right: 6px;
}
.pr6--forced {
  padding-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px;
}
.mb6--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;
}

.pl6 {
  padding-left: 6px;
}
.pl6--forced {
  padding-left: 6px !important;
}

.m5 {
  margin: 5px;
}
.m5--forced {
  margin: 5px !important;
}

.p5 {
  padding: 5px;
}
.p5--forced {
  padding: 5px !important;
}
.mt5 {
  margin-top: 5px;
}
.mt5--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;
}

.pr5 {
  padding-right: 5px;
}
.pr5--forced {
  padding-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px;
}
.mb5--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;
}

.pl5 {
  padding-left: 5px;
}
.pl5--forced {
  padding-left: 5px !important;
}

.m4 {
  margin: 4px;
}
.m4--forced {
  margin: 4px !important;
}

.p4 {
  padding: 4px;
}
.p4--forced {
  padding: 4px !important;
}
.mt4 {
  margin-top: 4px;
}
.mt4--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;
}

.pr4 {
  padding-right: 4px;
}
.pr4--forced {
  padding-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px;
}
.mb4--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;
}

.pl4 {
  padding-left: 4px;
}
.pl4--forced {
  padding-left: 4px !important;
}

.m3 {
  margin: 3px;
}
.m3--forced {
  margin: 3px !important;
}

.p3 {
  padding: 3px;
}
.p3--forced {
  padding: 3px !important;
}
.mt3 {
  margin-top: 3px;
}
.mt3--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;
}

.pr3 {
  padding-right: 3px;
}
.pr3--forced {
  padding-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px;
}
.mb3--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;
}

.pl3 {
  padding-left: 3px;
}
.pl3--forced {
  padding-left: 3px !important;
}

.m2 {
  margin: 2px;
}
.m2--forced {
  margin: 2px !important;
}

.p2 {
  padding: 2px;
}
.p2--forced {
  padding: 2px !important;
}
.mt2 {
  margin-top: 2px;
}
.mt2--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;
}

.pr2 {
  padding-right: 2px;
}
.pr2--forced {
  padding-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px;
}
.mb2--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;
}

.pl2 {
  padding-left: 2px;
}
.pl2--forced {
  padding-left: 2px !important;
}

.m1 {
  margin: 1px;
}
.m1--forced {
  margin: 1px !important;
}

.p1 {
  padding: 1px;
}
.p1--forced {
  padding: 1px !important;
}
.mt1 {
  margin-top: 1px;
}
.mt1--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;
}

.pr1 {
  padding-right: 1px;
}
.pr1--forced {
  padding-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px;
}
.mb1--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;
}

.pl1 {
  padding-left: 1px;
}
.pl1--forced {
  padding-left: 1px !important;
}

.m0 {
  margin: 0px;
}
.m0--forced {
  margin: 0px !important;
}

.p0 {
  padding: 0px;
}
.p0--forced {
  padding: 0px !important;
}
.mt0 {
  margin-top: 0px;
}
.mt0--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;
}

.pr0 {
  padding-right: 0px;
}
.pr0--forced {
  padding-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px;
}
.mb0--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;
}

.pl0 {
  padding-left: 0px;
}
.pl0--forced {
  padding-left: 0px !important;
}

/*---------
tooltip settings
--------*/
.tooltip {
  /* error tooltip */
  /* success tooltip */
  /* warning tooltip */
  /* info tooltip */
  display: inline-block;
  z-index: 1050;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: inherit;
}
.tooltip.tooltip-align-left .tooltip-inner {
  text-align: left;
}
.tooltip.tooltip-planup {
  width: 250px !important;
}
.tooltip.tooltip-planup .tooltip-inner {
  max-width: none;
}
.tooltip.tooltip-error > .tooltip-inner {
  border-radius: 0;
  background-color: #c94d32;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(100, 60, 20, .3);
}
.tooltip.tooltip-error.top .tooltip-arrow {
  border-top-color: #c94d32;
}
.tooltip.tooltip-error.right .tooltip-arrow {
  border-right-color: #c94d32;
}
.tooltip.tooltip-error.bottom .tooltip-arrow {
  border-bottom-color: #c94d32;
}
.tooltip.tooltip-error.left .tooltip-arrow {
  border-left-color: #c94d32;
}
.tooltip.tooltip-success > .tooltip-inner {
  border-radius: 0;
  background-color: #629b58;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(60, 100, 20, .3);
}
.tooltip.tooltip-success.top .tooltip-arrow {
  border-top-color: #629b58;
}
.tooltip.tooltip-success.right .tooltip-arrow {
  border-right-color: #629b58;
}
.tooltip.tooltip-success.bottom .tooltip-arrow {
  border-bottom-color: #629b58;
}
.tooltip.tooltip-success.left .tooltip-arrow {
  border-left-color: #629b58;
}
.tooltip.tooltip-warning > .tooltip-inner {
  border-radius: 0;
  background-color: #ed9421;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(100, 90, 10, .3);
}
.tooltip.tooltip-warning.top .tooltip-arrow {
  border-top-color: #ed9421;
}
.tooltip.tooltip-warning.right .tooltip-arrow {
  border-right-color: #ed9421;
}
.tooltip.tooltip-warning.bottom .tooltip-arrow {
  border-bottom-color: #ed9421;
}
.tooltip.tooltip-warning.left .tooltip-arrow {
  border-left-color: #ed9421;
}
.tooltip.tooltip-info > .tooltip-inner {
  border-radius: 0;
  background-color: #0090e6;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(40, 50, 100, .3);
}
.tooltip.tooltip-info.top .tooltip-arrow {
  border-top-color: #4b89aa;
}
.tooltip.tooltip-info.right .tooltip-arrow {
  border-right-color: #4b89aa;
}
.tooltip.tooltip-info.bottom .tooltip-arrow {
  border-bottom-color: #4b89aa;
}
.tooltip.tooltip-info.left .tooltip-arrow {
  border-left-color: #4b89aa;
}
.tooltip.tooltip--shiftleft {
  width: 27px;
}
.tooltip.tooltip--shiftleft .tooltip-inner {
  float: right;
  white-space: nowrap;
}
.tooltip.tooltip--shiftright {
  width: 27px;
}
.tooltip.tooltip--shiftright .tooltip-inner {
  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;
}

/*IEのみハック対応*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-header .nav-pills .tooltip {
    word-wrap: break-word;
    display: inline-block;
    width: inherit;
    white-space: pre;
  }
}

/* メニュー */
.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-weight: normal;
  font-size: 20px;
  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;
}

/*---------
toggle pills settings
--------*/
.nav-pills {
  margin-right: 5px;
  font-size: 14px;
}
.nav-pills > li.active > a {
  background-color: #f3e4fa !important;
  color: #8a22bd !important;
  cursor: default;
}
.nav-pills > li.active > a:hover {
  background-color: #f3e4fa !important;
  color: #8a22bd !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--user .main-container {
  margin-top: 50px;
}
.login-layout .main-container {
  margin: 100px 0px 60px;
}
.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: 10px;
  border-top: #efefef 1px solid;
  background: #fff !important;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, .2);
}
.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 dd {
  margin-bottom: 15px;
}
.login-layout .widget-box.login-newsbox .widget-main dd:last-of-type {
  margin-bottom: 0;
}
.login-layout .widget-box.transparent .widget-body {
    height: 14.5em;
    overflow: auto;
}
.login-layout .form-actions {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px 20px 5px;
  border-top: 1px solid #e5e5e5;
  background-color: transparent;
}
.login-layout .form-actions .btn ,
.login-layout .form-actions .ui-inline-edit,
.login-layout .form-actions .ui-inline-del {
  padding: 0 12px;
}

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

.login-layout .widget-box .widget-main {
  padding: 10px;
  background: #f7f7f7;
}

.login-layout h4 {
  margin-top: 20px;
  font-size: 24px;
  font-size: 2.4rem;
}

.loginLogo {
  width: 100%;
  height: 189px;
  margin: 0 0 19px;
  background-image: url(../img/logo_large.png);
  background-position: center center;
  background-size: 130px 189px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/*---------
table settings
--------*/
.ui-jqgrid .ui-jqgrid-bdiv {
  overflow-x: hidden;
  overflow-y: auto;
}

.ui-jqgrid #jqgh_grid-table_current_state small {
  font-weight: normal;
  font-size: 10px;
}

.ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
  background-image: none;
  background-color: #f3f3f3;
  opacity: 1;
}

.ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
  background-color: #e4efc9;
}
.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: .85;
  transition: all .12s;
}
.editRowBox a:hover {
  color: #333;
  font-size: 20px;
  text-decoration: none;
  transition: font-size color .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-imgcenter img {
  display: block;
  margin: 0 auto;
}

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

.mov-thumbnail {
  display: none;
}

/*---------
btn settings
--------*/
.btn,
.ui-inline-edit,
.ui-inline-del {
  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: white;
  text-shadow: rgba(0, 0, 0, .24706) 0px -1px 0px;
  vertical-align: middle;
  cursor: pointer;
  transition: all .15s ease;
    /* 日本語用にパッディングを調節　英語の場合はもう少しパッディングが必要 */
}
.btn:not(.btn-minier):not(.btn-xs):not(.btn-sm):not(.btn-lg),
.ui-inline-edit:not(.btn-minier):not(.btn-xs):not(.btn-sm):not(.btn-lg),
.ui-inline-del:not(.btn-minier):not(.btn-xs):not(.btn-sm):not(.btn-lg) {
  height: 34px;
  line-height: 22px;
}
.btn.btn-icononly i,
.btn-icononly.ui-inline-edit i,
.btn-icononly.ui-inline-del i {
  margin-right: 0;
}
.input-group-btn .btn,
.input-group-btn .ui-inline-edit,
.input-group-btn .ui-inline-del {
  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,
.input-group-justify > .ui-inline-edit,
.input-group-justify > .ui-inline-del {
  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 {
  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 {
  /*	margin-top: -8px;
		*/
  display: inline-block;
}
.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 .input-group {
  display: inline-block;
}
.page-header .input-group.input-group--datepicker {
  display: inline-table;
}
.page-header .input-group.input-group--datepicker .input-group-addon {
  height: 34px;
  padding-top: 8px;
}
/* .page-header .input-group.input-group--datepicker .date-picker {
  width: calc(100% - 72px);
  max-width: 97px;
} */
.page-header .input-group.input-group--datepicker .datepicker-suffix {
  display: table-cell;
  height: 34px;
  white-space: nowrap;
  vertical-align: middle;
}
.page-header .input-group .btn,
.page-header .input-group .ui-inline-edit,
.page-header .input-group .ui-inline-del {
  display: inline-block;
  width: 60px;
  height: 34px;
}
.page-header .alert_message {
  position: absolute;
  top: 56px;
  left: 280px;
  font-weight: normal;
  font-size: 13px;
}
.page-header .btn-group {
  margin-left: 15px;
}

.page-header .btn-group.fade:not(.in) .btn,
.page-header .btn-group.fade:not(.in) .ui-inline-edit,
.page-header .btn-group.fade:not(.in) .ui-inline-del {
  pointer-events: none;
}
.page-header .btn-group.btn-group--multiselect {
  font-size: 0;
}
.page-header .btn-group.btn-group--multiselect .btn,
.page-header .btn-group.btn-group--multiselect .ui-inline-edit,
.page-header .btn-group.btn-group--multiselect .ui-inline-del {
  margin-right: 8px;
  margin-left: 0;
}
.page-header .btn-group.btn-group--multiselect .btn:last-child,
.page-header .btn-group.btn-group--multiselect .ui-inline-edit:last-child,
.page-header .btn-group.btn-group--multiselect .ui-inline-del:last-child {
  margin-right: 0;
}
.page-header .btn-group > .btn,
.page-header .btn-group > .ui-inline-edit,
.page-header .btn-group > .ui-inline-del {
  border-width: 1px !important;
}
.page-header .btn-group .btn ,
.page-header .btn-group .ui-inline-edit,
.page-header .btn-group .ui-inline-del {
  display: inline-block;
  height: 34px;
}
.page-header .btn + .btn,
.page-header .ui-inline-edit + .btn,
.page-header .btn + .ui-inline-edit,
.page-header .ui-inline-edit + .ui-inline-edit,
.page-header .ui-inline-del + .btn,
.page-header .ui-inline-del + .ui-inline-edit,
.page-header .btn + .ui-inline-del,
.page-header .ui-inline-edit + .ui-inline-del,
.page-header .ui-inline-del + .ui-inline-del {
  margin-left: 8px;
}

.input-group {
  display: inline-block;
}
.input-group.input-group--datepicker {
  display: inline-flex;
  position: relative;
  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 .date-picker {
  z-index: 1;
  position: relative;
  width: calc(100% - 28px);
  min-width: 97px;
  max-width: 123px;
}
.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;
}

.input-group.input-group--datepicker .date-picker.datepicker-input--filled {
  padding-right: 14px;
}
.input-group.input-group--datepicker .date-picker.datepicker-input--filled + .datepicker-clear {
  display: inline-flex;
  -webkit-animation: datepicker-clear-show .3s linear;
          animation: datepicker-clear-show .3s linear;
  opacity: 1;
}
.input-group.input-group--datepicker .date-picker.datepicker-input--filled + .datepicker-clear:hover {
  opacity: .6;
  transition: opacity .3s ease-in-out;
}
.input-group.input-group--datepicker .date-picker.datepicker-input--filled + .input-group-addon + .datepicker-clear {
  display: inline-flex;
  -webkit-animation: datepicker-clear-show .3s linear;
          animation: datepicker-clear-show .3s linear;
  opacity: 1;
}
.input-group.input-group--datepicker .date-picker.datepicker-input--filled + .input-group-addon + .datepicker-clear:hover {
  opacity: .6;
  transition: opacity .3s ease-in-out;
}
.input-group.input-group--datepicker .date-picker + .input-group-addon + .datepicker-clear {
  right: auto;
  left: 94px;
}
.input-group.input-group--datepicker .datepicker-clear {
  display: none;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  cursor: pointer;
  opacity: 0;
}
.input-group.input-group--datepicker .datepicker-clear:after {
  content: "\f00d";
  color: #8f8f8f;
  font-family: "FontAwesome";
}

.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: 20px;
  line-height: 2rem;
}

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

.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 .fa.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 .fa.fa-caret-down.tooltip-info:hover,
.header-search .fa.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 #bcd4e5 !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 #ecf2f7 !important;
  border-left: 7px solid transparent;
}
.header-search .fa.fa-search {
  margin-right: 0;
}
.header-search .dropdown-body {
    margin-bottom: 0 !important;
    padding: 15px 8px;
}
.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;
}
.nav-tabs .dropdown-menu li > a:focus {
  background: none;
  color: #428bca;
}
.dropdown-menu.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu.dropdown-menu--350 {
  width: 350px;
}
.input-group .dropdown-navbar {
  width: 390px;
  padding: 0px 0px 10px;
  border-color: #bcd4e5;
  box-shadow: rgba(30, 30, 100, .24706) 0px 2px 4px;
}
.input-group .dropdown-navbar li {
  width: 100%;
  margin-bottom: 10px;
  float: left;
}
.input-group .dropdown-navbar > li:hover {
  background-color: white !important;
}
.input-group .dropdown-navbar > li.dropdown-header:hover {
  background-color: #ecf2f7 !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: 15px;
}
.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;
  line-height: 45px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.user-info.dropdown-toggle i[class^="fa fa-"] {
  position: absolute;
  right: 0;
  font-size: 16px;
}

.navbar-container {
  padding-right: 0px;
  padding-left: 10px;
}

.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, .078);
}
.navbar .navbar-brand {
  width: 149px;
  height: 56px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: url(../img/logo.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 101px 32px;
  color: #fff;
  font-size: 24px;
  text-indent: -9999px;
  text-shadow: none;
}
.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,
.navbar-header .ui-inline-edit,
.navbar-header .ui-inline-del {
  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,
.navbar-header .ui-inline-edit:active,
.navbar-header .ui-inline-del:active {
  top: 0px;
  left: 0px;
  margin: 0px;
}
.navbar-header .btn [class*="fa fa-"],
.navbar-header .ui-inline-edit [class*="fa fa-"],
.navbar-header .ui-inline-del [class*="fa fa-"] {
  margin-right: 0;
}

.navbar-header .ace-nav > li > a > [class*="fa 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;
  content: "\e926";
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-family: "CloudCIRCUSCommon";
  opacity: .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,
.navbar-button .ui-inline-edit,
.navbar-button .ui-inline-del {
  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,
.navbar-button .ui-inline-edit:hover,
.navbar-button .ui-inline-del: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 {
  /*position: static;*/
}
.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 .icon-slab-page_parts {
  margin-left: -2px;
}

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

[class^="fa fa-slab-"],
[class*="fa fa-slab-"] {
  display: inline-block;
}
[class^="fa fa-slab-"].fa.fa-slab-cube,
[class*="fa fa-slab-"].fa.fa-slab-cube {
  vertical-align: middle;
}
/*---------
selectbox
--------*/
.select2-results {
  font-size: 12px;
  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, .15);
}

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

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

.tooltip{
	max-width: inherit;
}

/*---------
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;
}

.datepicker{
	z-index:10000 !important;
}

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

/*---------
form settings
--------*/
.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: 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: 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: .5em;
  padding: 4px 4px;
  background-color: #ff7272;
  color: #fff;
  font-family: "MSP ゴシック";
  font-size: 12px;
  transition: all .3s ease;
}
.requiredTag.requiredTag--important {
  background-color: #fc2626;
}

.not-requiredTag {
  margin-right: .5em;
  padding: 4px 4px;
  background-color: #bbb;
  color: #fff;
  font-family: "MSP ゴシック";
  font-size: 12px;
  transition: all .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,
.follow-block,
.explain-block,
.hint-block {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 12px !important;
  line-height: 16px;
  transition: all .1s ease;
}
.help-block.checkradio-indented,
.follow-block.checkradio-indented,
.explain-block.checkradio-indented ,
.hint-block.checkradio-indented {
  padding-left: 2em;
}

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

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.has-error label,
.form-group.has-error .alert-text {
  color: #d68273;
}
.form-group.has-error .alert-text {
  margin-top: 5px;
  font-size: 12px;
}
.form-group:not(.has-error) .alert-text {
  display: none;
}

.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 {
  display: none;
}

.form-group.has-error label,
.form-group.has-error .label-text,
fieldset.has-error label,
fieldset.has-error .label-text,
.td-has-input.has-error label,
.td-has-input.has-error .label-text {
  color: #d68273;
}

.form-group.has-error input,
.form-group.has-error select,
.form-group.has-error textarea,
fieldset.has-error input,
fieldset.has-error select,
fieldset.has-error textarea,
.td-has-input.has-error input,
.td-has-input.has-error select,
.td-has-input.has-error textarea {
  border-color: #f09784;
  background-color: #ffc !important;
  color: #d68273;
  box-shadow: none;
}
.form-group.has-error input:focus,
.form-group.has-error select:focus,
.form-group.has-error textarea:focus,
fieldset.has-error input:focus,
fieldset.has-error select:focus,
fieldset.has-error textarea:focus,
.td-has-input.has-error input:focus,
.td-has-input.has-error select:focus,
.td-has-input.has-error textarea:focus {
  border-color: #db8978;
  color: #866;
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, .3);
}
.form-group.has-error input:focus + [class*="fa fa-"],
.form-group.has-error select:focus + [class*="fa fa-"],
.form-group.has-error textarea:focus + [class*="fa fa-"],
fieldset.has-error input:focus + [class*="fa fa-"],
fieldset.has-error select:focus + [class*="fa fa-"],
fieldset.has-error textarea:focus + [class*="fa fa-"],
.td-has-input.has-error input:focus + [class*="fa fa-"],
.td-has-input.has-error select:focus + [class*="fa fa-"],
.td-has-input.has-error textarea:focus + [class*="fa fa-"] {
  color: #d68273;
}
.form-group.has-error input:disabled,
.form-group.has-error select:disabled,
.form-group.has-error textarea:disabled,
fieldset.has-error input:disabled,
fieldset.has-error select:disabled,
fieldset.has-error textarea:disabled,
.td-has-input.has-error input:disabled,
.td-has-input.has-error select:disabled,
.td-has-input.has-error textarea:disabled {
  border-color: #ccc !important;
  background-color: #eee !important;
  color: #848484 !important;
}
.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 {
  border-color: #f09784;
  background-color: #ffc !important;
  color: #d68273;
}
.form-group.has-error .ace-file-input .file-label:before,
fieldset.has-error .ace-file-input .file-label:before,
.td-has-input.has-error .ace-file-input .file-label:before {
  border-color: #ffc !important;
}
.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 {
  color: #d68273;
}
.form-group.has-error .ace-file-input .file-label [class*="fa fa-"],
fieldset.has-error .ace-file-input .file-label [class*="fa fa-"],
.td-has-input.has-error .ace-file-input .file-label [class*="fa fa-"] {
  border-color: #ffc !important;
  background-color: #d68273;
  color: #fff;
}

.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 {
  color: #d68273;
}

.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 {
  border-color: #f09784 !important;
}

.form-group.has-error td.CaptionTD,
fieldset.has-error td.CaptionTD,
.td-has-input.has-error td.CaptionTD {
  color: #d16e6c !important;
}

.form-group.has-error .help-block,
fieldset.has-error .help-block,
.td-has-input.has-error .help-block {
  display: block;
}

.form-group.has-error .help-inline,
fieldset.has-error .help-inline,
.td-has-input.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 {
  border-color: #f09784;
}
.form-group.has-error .textarea-wrapper textarea,
fieldset.has-error .textarea-wrapper textarea,
.td-has-input.has-error .textarea-wrapper textarea {
  background-color: #ffc !important;
  color: #d68273;
  box-shadow: none;
}
.form-group.has-error .textarea-wrapper.has-focus,
fieldset.has-error .textarea-wrapper.has-focus,
.td-has-input.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 {
  color: #866;
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, .3);
}

.form-group .help-block--fieldset,
fieldset .help-block--fieldset,
.td-has-input .help-block--fieldset {
  padding-left: 20px;
}

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


.date-block:not(.has-error) .help-block {
  display: none;
}
.date-block.has-error .help-block {
  display: block;
}


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;
}

.largeWrap {
  max-width: 800px;
}

.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 .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*="fa 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 .fa.fa-picture-o {
  font-family: 'icon-slab';
}
.uploadfileBox .ace-file-multiple .file-label .file-name .fa.fa-picture-o:before {
  content: '\e908';
} */
.uploadfileBox .ace-file-multiple .file-label .file-name i {
  border: none;
  color: #d5d5d5;
  transition: color .2s ease;
}
/* .uploadfileBox .ace-file-input .file-label [class*="fa fa-"],
.uploadfileBox .ace-file-multiple .file-label.selected .file-name [class*="fa fa-"] {
  border-color: transparent;
} */
.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;
  color: #fa5e5e;
  font-size: 24px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .22);
}
.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: -ms-inline-flexbox; */
  display: inline-flex;
  /* -ms-flex-align: center; */
      align-items: center;
  /* flex */
  /* -ms-flex-pack: center; */
      justify-content: center;
  width: 94px;
  height: 116px;
  margin: 10px;
  background-color: #f8f8f8;
  color: #d1d1d1;
  font-family: "FontAwesome";
  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: -ms-inline-flexbox; */
  display: inline-flex;
  top: -9px;
  right: auto;
  left: -9px;
  /* -ms-flex-align: center; */
      align-items: center;
  /* flex */
/*   -ms-flex-pack: center; */
      justify-content: center;
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, .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: -ms-inline-flexbox; */
  display: inline-flex;
  z-index: 510;
  position: absolute;
  top: -9px;
  right: -9px;
  /* -ms-flex-align: center; */
      align-items: center;
  /* flex */
  /* -ms-flex-pack: center; */
      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 .3s ease-in-out;
}
.uploadfileBox.uploadfileBox--content-file .dropzone a.dz-remove:before {
  display: inline-block;
  font-family: "FontAwesome";
  content: '\f00d';
}
.uploadfileBox.uploadfileBox--content-file .dropzone a.dz-remove:hover {
  opacity: .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: -ms-inline-flexbox; */
  display: inline-flex;
  top: 11px;
  right: 8px;
  /* -ms-flex-align: center; */
      align-items: center;
  /* flex */
  /* -ms-flex-pack: center; */
      justify-content: center;
  width: 18px;
  height: 18px;
  border: none;
  background-color: #fb7142;
  color: #fff;
  transition: opacity .3s ease-in-out;
}
.uploadfileBox.uploadfileBox--content-file .file-label.selected + .remove:hover {
  opacity: .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*="fa fa-"] {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  margin: 4px 0px;
  background-color: transparent;
  color: #d5d5d5;
  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;
  content: attr(data-title);
  color: #ccc;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  white-space: pre;
}

.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 .2s ease;
}

.contentContainer .file-label .file-name i {
  border-color: transparent !important;
  color: #d5d5d5;
  cursor: pointer !important;
  transition: color .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, .5) !important;
}

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

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

#modal-form .ace-file-multiple,
#modal-form .file-label{
	height: 126px;
}
#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;
      -ms-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, .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 {
  content: attr(data-lbl);
  font-family: Arial, Helvetica, sans-serif !important;
  text-indent: -24px;
}

input[type=checkbox].ace.ace-switch:checked + .lbl[data-lbl]:before {
  text-indent: 6px;
}

/*---------
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 #c5d0dc;
  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: .7;
}

.widget-main.thin {
  padding: 8px;
}
.widget-main:before {
  display: table;
  content: " ";
}

.widget-main:after {
  display: table;
  clear: both;
  content: " ";
}

.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-weight: 700;
  font-size: 10px;
  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;
}

/*---------
submit area setting
--------*/
.submitter .btn,
.submitter .ui-inline-edit,
.submitter .ui-inline-del {
  min-width: 120px;
  margin-right: 0;
}
.submitter .btn:not(:first-child),
.submitter .ui-inline-edit:not(:first-child),
.submitter .ui-inline-del: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 .1s linear;
}
.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:hover {
  border-color: #699ab5;
  color: #fff;
}

.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled > .ui-icon:hover {
  border-color: #ddd;
  color: #b0b0b0;
}

/*---------
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,
.EditButton.ui-inline-edit,
.EditButton.ui-inline-del {
  display: inline-block;
}

/*---------
user_contents settings
--------*/
.thumWrap {
  margin-right: 15px;
  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: 10px;
  margin-right: 1rem;
  margin-left: 10px;
  margin-left: 1rem;
}
.hideControls a:first-child {
  margin-right: 10px;
  margin-right: 1rem;
  margin-left: 0px;
  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*="fa fa-"] {
  margin-right: 0;
}

.ace-thumbnails > li.thumAddBox-small {
  width: 100px;
  height: 100px;
}

.ace-thumbnails > li.markerAdding {
  border-color: rgba(0, 0, 0, .4);
  cursor: default !important;
}
.ace-thumbnails > li.markerAdding > a > img {
  opacity: .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 a:focus,.ace-thumbnails img:focus{
	outline:none;
	outline-offset:0px;
}

.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, .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 #e3e3e3;*/
  /*border-radius: 4px;*/
  box-shadow: 0px 2px 2px rgba(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, .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-weight: bold;
  font-size: 12px;
  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, .55);
  text-align: center;
  vertical-align: middle;
  transition: all .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: white;
  font-weight: normal;
  font-size: 18px;
  text-decoration: none;
}
.thumbnailBox .photoBox > .tools > a:hover,
.thumbnailBox .photoBox > :first-child .inner a:hover {
  color: #c9e2ea;
  text-decoration: none;
}

/*---------
colorbox setting
--------*/
#cboxOverlay {
  background: rgba(255, 255, 255, .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-weight: bold;
  font-size: 18px;
  line-height: 22px;
  transition: color .2s ease;
}
.dropzone .dz-default.dz-message span i {
  color: #d5d5d5;
  transition: color .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-image: none;
  background-color: #b74635;
  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 {
  z-index: 500;
  box-sizing: border-box;
  display: none;
  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, .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 {
  content: "\30a8\30e9\30fc";
  color: #db6262;
  font-size: 12px;
  font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;
}

.dropzone-previews a.dz-remove,
.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  background-image: none;
  background-color: #b74635;
  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,
.thumAddBox.thumAddBox-small .ui-inline-edit,
.thumAddBox.thumAddBox-small .ui-inline-del {
  height: 100px;
}

.edit-preview-picture a {
  display: block;
  width: 270px;
  height: 200px;
  margin-right: 1em;
  float: left;
  overflow: hidden;
  background: #666;
  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-dialog.smaller {
    width: 500px !important;
  }
  .modal-dialog.middle {
    width: 700px !important;
  }
  .modal-dialog.large {
    width: 880px !important;
  }
  .modal-dialog.xlarge {
    width: 1000px !important;
  }
  .modal-dialog.qr-code {
    width: auto;
    height: auto;
  }
  .modal.large .modal-body {
    /*max-height:400px;*/
    /* - height - 100*/
  }
}

.modal-footer {
  margin-top: 0;
  font-size: 0;
}
.modal-footer .btn,
.modal-footer .ui-inline-edit,
.modal-footer .ui-inline-del {
  min-width: 120px;
}
.modal-footer .btn + .tooltip + .btn,
.modal-footer .ui-inline-edit + .tooltip + .btn,
.modal-footer .btn + .tooltip + .ui-inline-edit,
.modal-footer .ui-inline-edit + .tooltip + .ui-inline-edit,
.modal-footer .ui-inline-del + .tooltip + .btn,
.modal-footer .ui-inline-del + .tooltip + .ui-inline-edit,
.modal-footer .btn + .tooltip + .ui-inline-del,
.modal-footer .ui-inline-edit + .tooltip + .ui-inline-del,
.modal-footer .ui-inline-del + .tooltip + .ui-inline-del {
  margin-left: 10px;
}
.modal-footer .btn + .btn,
.modal-footer .ui-inline-edit + .btn,
.modal-footer .btn + .ui-inline-edit,
.modal-footer .ui-inline-edit + .ui-inline-edit,
.modal-footer .ui-inline-del + .btn,
.modal-footer .ui-inline-del + .ui-inline-edit,
.modal-footer .btn + .ui-inline-del,
.modal-footer .ui-inline-edit + .ui-inline-del,
.modal-footer .ui-inline-del + .ui-inline-del {
  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-toc {
	overflow-y: scroll;
}

.modal.modal-on-modal {
  z-index: 1060;
}
.modal.modal-on-modal-on-modal {
  z-index: 1080;
}
.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-backdrop {
  z-index: 1070;
}
.modal-backdrop + .modal-backdrop + .modal-on-modal + .modal-backdrop {
  z-index: 1100;
}
.modal.remove_plan + .modal-backdrop {
  background-color: rgba(0,0,0,0.25);
  opacity: 1;
}
/*---------
notificacion
--------*/
#gritter-notice-wrapper {
  z-index: 999;
}

.gritter-item-wrapper {
  z-index: 1030;
}
.gritter-item-wrapper.gritter-info {
  background-color: #0090e6;
}
.gritter-item-wrapper.gritter-success {
  background-color: #5abc5a;
}
.gritter-item-wrapper.gritter-warning {
  background-color: #f5bc34;
}
.gritter-item-wrapper.gritter-danger {
  background-color: #e84d4d;
}
.gritter-center {
  position: fixed;
  top: 15%;
  right: 33%;
  left: 33%;
}

/*.gritter-center {
position: static;
width: 33%;
margin:0 auto;
}*/
.gritter-item p {
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  font-size: 14px;
  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 {
  top: 19px;
  right: 20px;
  width: 12px;
  height: 12px;
  background: none;
}
.gritter-close:before,
.gritter-close:after {
  display: inline-block;
  position: absolute;
  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;
  }
  /*.menu-toggler > .menu-text::after {
	display: block;
	color: rgb(255, 255, 255);
	content: MENU;
	position: absolute;
	left: -8px;
	top: -41px;
	}*/
}

#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: .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: .4em !important;
}

.audioplayer .vjs-big-play-button:before {
  top: -.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;
}
.mejs-fullscreen-button {
  display: none !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, .7) 0px 0px 3px;
}

/*marker thumbnail fixed width and height*/
.loadingFailed img {
  opacity: .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,
.edit-info-box01 .ui-inline-edit,
.edit-info-box01 .ui-inline-del {
  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: 126px;
}

.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;
}


#email{
	width: 260px;
}

#password{
	width: 260px;
}

.delmsg{
	padding-top: 20px;
}


/*---------
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;
  border-top: none;
}
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;
  content: "\f0d7";
  color: #888;
  font-size: 14px;
  font-family: "FontAwesome";
}

.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: #39f;
  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); 改lab bug 38497*/
  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 .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, .3);
  transition: box-shadow .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-weight: bold;
  font-size: 130%;
}
.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-weight: bold;
  font-size: 200%;
  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 .fa.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#aro_type_id {
	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),
.widget_main_head .input-group .ui-inline-edit:not(:last-child),
.widget_main_head .input-group .ui-inline-del:not(:last-child) {
  margin-right: 10px;
}
.widget_main_head .input-group .btn i[class*="fa fa-"],
.widget_main_head .input-group .ui-inline-edit i[class*="fa fa-"],
.widget_main_head .input-group .ui-inline-del i[class*="fa 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 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-weight: bold;
  font-size: 18px;
  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;
  background: #0090e6;
}

.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 .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: 15px 0 15px; */
  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: #ffc;
}
.timeline_settings_wrap .timeline_settings .form-group.has-error .ace-file-input .file-label:before {
  border-color: #ffc;
}
.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-size: 144px 108px;
  background-repeat: no-repeat;
  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-size: 108px 108px;
  background-repeat: no-repeat;
  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;
}

/* GPS 連動 */
.gps_settings {
  position: relative;
  margin-top: 5px;
}
.gps_settings[disabled] label,
.gps_settings[disabled] .help-inline,
.gps_settings[disabled] .gps_maps_search_button {
  color: #999 !important;
  cursor: not-allowed;
}
.gps_settings[disabled] .count_area,
.gps_settings[disabled] .support-text {
  color: #999;
}
.gps_settings[disabled] .help-inline {
  display: none !important;
}
.gps_settings[disabled] select,
.gps_settings[disabled] textarea {
  border-color: #d5d5d5 !important;
  background-color: #eee !important;
  color: #848484 !important;
}
.gps_settings[disabled] select,
.gps_settings[disabled] input[type=text] {
  cursor: not-allowed !important;
}
.gps_settings[disabled] .gps_google_maps:before {
  display: block !important;
}

.gps_maps_header {
  margin-bottom: 10px;
}

.label_cognitive_area {
  flex: 0 0 136px;
  padding-top: 8px;
}

.gps_cognitive_area_wrap {
  display: flex;
  margin-top: 15px;
  margin-bottom: 0 !important;
}
.gps_cognitive_area_wrap.has-error + .alert-text {
  display: block;
}
.gps_cognitive_area_wrap + .alert-text {
  display: none;
  margin-top: 5px;
  font-size: 12px;
  padding-left: 136px;
}
.gps_google_maps {
  position: relative;
  width: 100%;
  height: 450px;
  margin-bottom: 5px;
}
/*.gps_google_maps {
  position: relative;
  margin-top: 5px;
  padding: 20px 0 0;
  border-top: 1px solid #ccc;
}
 .gps_settings_wrap .gps_settings .gps_maps_wrap {
  margin: 0 0 15px 0;
  padding: 10px 0;
  border: 1px solid #ccc;
} */
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_header {
  margin-bottom: 10px;
  padding-bottom: 10px;
  /* border-bottom: 1px solid #ccc; */
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_header .label_cognitive_area {
  padding-top: 8px;
}
.gps_maps_search_address_wrap {
  margin: 10px 0;
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_header .gps_maps_search_address_wrap .form-group {
  position: relative;
  padding-bottom: 0;
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_header .gps_maps_search_address_wrap .form-group .alert-text {
  margin-top: 5px;
  font-size: 12px;
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_header .gps_maps_search_address_wrap .gps_maps_search_address {
  padding-right: 40px;
}
.gps_maps_search_address_wrap .gps_maps_search_button {
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 40px;
  height: 32px;
  padding-top: 6px;
  color: #858585;
  text-align: center;
  cursor: pointer;
  transition: color .15s ease;
}
.gps_maps_search_address_wrap .gps_maps_search_button:hover {
  color: #bbb;
}
.gps_maps_search_address_wrap .gps_maps_search_button.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_header .gps_cognitive_area_wrap.has-error .alert-text {
  display: block;
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_header .gps_cognitive_area_wrap .alert-text {
  display: none;
  margin-top: 5px;
  font-size: 12px;
}
/* .gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_body .gps_maps_body_map_wrap {
  margin: 0 12px;
} */
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_body .gps_google_maps {
  position: relative;
  width: 100%;
  height: 450px;
  margin-bottom: 5px;
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_body .gps_google_maps:before {
  display: none;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .5);
  content: " ";
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_body .gps_maps_body_latlng_wrap {
  font-size: 0;
}
.gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_body .gps_maps_body_latlng_wrap > div {
  display: inline-block;
  font-size: 14px;
}
.gps_maps_body_latlng_wrap > div {
  display: inline-block;
  font-size: 14px;
}
.gps_maps_body_latlng_wrap {
  font-size: 0;
}
/* .gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_body .gps_maps_body_latlng_wrap .gps_maps_body_latlng_title {
  margin-right: 5px;
} */
.gps_maps_body_latlng_title {
  margin-right: 5px;
}
.gps_maps_body_latlng_value {
  width: calc((100% - 280px) / 2);
  margin-right: 20px;
}

/* .gps_settings_wrap .gps_settings .gps_maps_wrap .gps_maps_body .gps_maps_body_latlng_wrap #gps_maps_body_latlng_lat {
  margin-right: 10px;
} */
#gps_maps_body_latlng_lat {
  margin-right: 10px;
}
.gps_maps_body_latlng_button .btn,
.gps_maps_body_latlng_button .ui-inline-edit,
.gps_maps_body_latlng_button .ui-inline-del {
  padding-top: 3px !important;
}
.gps_maps_body_latlng_button .fa {
  margin-bottom: 3px;
  font-size: 18px;
  line-height: 1;
}

.gps_maps_body_latlng_alert.has-error .alert-text {
  display: block;
}
.gps_maps_body_latlng_alert .alert-text {
  display: none;
  margin-top: 5px;
  font-size: 12px;
}

.gps_altitude_wrap.has-error .alert-text {
  display: block;
}
.gps_altitude_wrap .alert-text {
  display: none;
  margin-top: 5px;
  padding-left: 136px;
  font-size: 12px;
}

.gps_altitude_wrap_inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gps_altitude_wrap_inner .label_altitude_box {
  display: inline-flex;
  flex: 0 0 136px;
  align-items: center;
  justify-content: flex-start;
}
.gps_altitude_wrap_inner .label_altitude {
  display: inline-block;
  margin-bottom: 0;
}
.gps_altitude_wrap_inner .input_altitude {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.gps_altitude_wrap_inner .input_altitude .gps_altitude_unit_string {
  display: inline-block;
  font-size: 14px;
}
.gps_altitude_wrap.has-error .alert-text {
  display: block;
}
.gps_altitude_wrap .alert-text {
  display: none;
  margin-top: 5px;
  padding-left: 136px;
  font-size: 12px;
}

.gps_altitude_wrap_inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gps_altitude_wrap_inner .label_altitude_box {
  display: inline-flex;
  flex: 0 0 136px;
  align-items: center;
  justify-content: flex-start;
}
.gps_altitude_wrap_inner .label_altitude {
  display: inline-block;
  margin-bottom: 0;
}
.gps_altitude_wrap_inner .input_altitude {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.gps_altitude_wrap_inner .input_altitude .gps_altitude_unit_string {
  display: inline-block;
  font-size: 14px;
}
.gps_outrange_message {
  min-height: 3em;
  resize: vertical;
}
.gps_outrange_message + .count_area {
  margin-top: 5px;
}
.gps_outrange_message + .count_area .message_count_wrap {
  display: inline-block;
  margin-right: 20px;
}
.gps_outrange_message + .count_area .message_count_wrap .message_count_number.warning {
  color: #d16e6c;
}
.gps_maps_body_latlng_value {
  width: calc((100% - 280px) / 2);
  margin-right: 20px;
}
.gps_outrange_message + .count_area .message_count_wrap .message_count_number.fat {
  font-weight: bold;
}
.gps_outrange_message + .count_area + .support-text {
  display: block;
  margin-top: 5px;
}

.gps_settings_wrap .gps_settings[disabled] label,
.gps_settings_wrap .gps_settings[disabled] .help-inline,
.gps_settings_wrap .gps_settings[disabled] .gps_maps_search_button {
  color: #999 !important;
  cursor: not-allowed;
}
.gps_settings_wrap .gps_settings[disabled] .count_area,
.gps_settings_wrap .gps_settings[disabled] .support-text {
  color: #999;
}
.gps_settings_wrap .gps_settings[disabled] .help-inline,
.gps_settings_wrap .gps_settings[disabled] .alert-text {
  display: none !important;
}
.gps_settings_wrap .gps_settings[disabled] select,
.gps_settings_wrap .gps_settings[disabled] textarea {
  border-color: #d5d5d5 !important;
  background-color: #eee !important;
  color: #848484 !important;
}
.gps_settings_wrap .gps_settings[disabled] select,
.gps_settings_wrap .gps_settings[disabled] input[type="text"] {
  cursor: not-allowed !important;
}
.gps_settings_wrap .gps_settings[disabled] .gps_google_maps:before {
  display: block !important;
}
/* marker GPS */
.default_marker_outrange_message__wrap {
  display: none;
  position: relative;
  width: 320px;
  height: 692px;
  margin-left: 1em;
  background-image: url("../img/marker.jpg");
  background-size: 320px 692px;
}
/* content GPS */
.default_outrange_message__wrap {
  display: none;
  position: relative;
  width: 320px;
  height: 568px;
  margin-left: 1em;
  background-image: url("../img/contetns.jpg");
  background-size: 320px 692px;
}
.default_outrange_message__wrap .default_outrange_message {
  display: block;
  position: absolute;
  top: 171px;
  left: 30px;
  width: 260px;
  padding: 15px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 14px;
  text-indent: 0;
}
.default_outrange_message__wrap .default_outrange_message .default_outrange_message__header {
  width: 100%;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  overflow-wrap: break-word;
}
.default_outrange_message__wrap .default_outrange_message .default_outrange_message__body {
  margin: 15px 0 35px;
  line-height: 15px;
}
.default_outrange_message__wrap .default_outrange_message .default_outrange_message__body i[class^="fa fa-"] {
  margin-left: 15px;
  vertical-align: middle;
}
.default_outrange_message__wrap .default_outrange_message .default_outrange_message__body a {
  word-break: break-all;
}

.has-error + .gps_maps_wrap {
  border-color: #f09784 !important;
}
.has-error + .gps_maps_wrap .gps_maps_header {
  border-bottom-color: #f09784 !important;
}
.has-error + .gps_maps_wrap .gps_maps_header input[type=text],
.has-error + .gps_maps_wrap .gps_maps_header select {
  border-color: #f09784 !important;
  background-color: #ffc !important;
  color: #d68273;
}
.has-error + .gps_maps_wrap .gps_maps_header input[type=text]:-moz-placeholder-shown, .has-error + .gps_maps_wrap .gps_maps_header select:-moz-placeholder-shown {
  color: #d68273 !important;
}
.has-error + .gps_maps_wrap .gps_maps_header input[type=text]:-ms-input-placeholder, .has-error + .gps_maps_wrap .gps_maps_header select:-ms-input-placeholder {
  color: #d68273 !important;
}
.has-error + .gps_maps_wrap .gps_maps_header input[type=text]:placeholder-shown,
.has-error + .gps_maps_wrap .gps_maps_header select:placeholder-shown {
  color: #d68273 !important;
}
.has-error + .gps_maps_wrap .gps_maps_header input[type=text]::-webkit-input-placeholder,
.has-error + .gps_maps_wrap .gps_maps_header select::-webkit-input-placeholder {
  color: #d68273 !important;
}
.has-error + .gps_maps_wrap .gps_maps_header input[type=text]:-moz-placeholder,
.has-error + .gps_maps_wrap .gps_maps_header select:-moz-placeholder {
  color: #d68273 !important;
}
.has-error + .gps_maps_wrap .gps_maps_header input[type=text]::-moz-placeholder,
.has-error + .gps_maps_wrap .gps_maps_header select::-moz-placeholder {
  color: #d68273 !important;
}
.has-error + .gps_maps_wrap .gps_maps_header input[type=text]:-ms-input-placeholder,
.has-error + .gps_maps_wrap .gps_maps_header select:-ms-input-placeholder {
  color: #d68273 !important;
}

.gps_settings_place_title .alert-text {
  margin-top: 0 !important;
  padding-top: 4px;
}

#gps_cognitive_area,
#gps_cognitive_area_unit {
  height: 34px;
}

.layout-fixed-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  background: rgba(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: .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: .8;
  transition: opacity .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 関連 */
/* Pircus モーダル */
html.modalalike {
  height: 100%;
}
html.modalalike body {
  min-width: 0 !important;
  height: 100%;
  overflow: hidden;
}
html.modalalike body .main-container {
  height: 100%;
}

.modal-alike {
  min-height: calc(100% - 56px - 61px);
  background-color: #fff;
}
.modal-alike__header {
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
}
.modal-alike__header .close {
  margin-top: -2px;
  outline: none;
  font-size: 32px;
}
.modal-alike__body {
  z-index: 1;
  position: relative;
  height: 100%;
  margin-top: 56px;
  margin-bottom: 61px;
  padding: 20px;
}
.modal-alike__body.modal-alike__body--scrollable {
  padding-right: 5px;
}
.modal-alike__body.modal-alike__body--scrollable .modal-alike__body__inner {
  padding-right: 15px;
}
.modal-alike__footer {
  z-index: 2;
  zoom: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 61px;
  padding: 12px 20px 14px;
  border-top: 1px solid #e4e9ee;
  background-color: #eff3f8;
  font-size: 0;
  text-align: right;
}
.modal-alike__footer:before,
.modal-alike__footer:after {
  display: table;
  content: "";
}
.modal-alike__footer:after {
  clear: both;
}
.modal-alike__footer .btn,
.modal-alike__footer .ui-inline-edit,
.modal-alike__footer .ui-inline-del {
  min-width: 120px;
  margin-right: 8px;
  padding: 2px 12px;
  outline: none;
  font-size: 14px;
}
.modal-alike__footer .btn:last-child,
.modal-alike__footer .ui-inline-edit:last-child,
.modal-alike__footer .ui-inline-del:last-child {
  margin-right: 0;
}
.modal-alike--table_height_auto .ui-jqgrid-bdiv {
  height: auto !important;
}

.btn-pircus-search {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* 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;
}

/* コンテンツ作成方法の選択モーダル */
.modal-contentcreate-select .modal-dialog {
  width: 702px;
}
.modal-contentcreate-select .modal-dialog .widget-header {
  background-image: none;
  background-color: #fff;
}
.modal-contentcreate-select .modal-dialog .message_wrap {
  padding: 20px 40px;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_body {
  margin-bottom: 30px;
  line-height: 21px;
  text-align: center;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_icon_wrap {
  margin: 0;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_icon_wrap .message_icon {
  display: inline-block;
  width: 260px;
  height: 260px;
  float: left;
  border: 1px solid #a537db;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_icon_wrap .message_icon.custom_create {
  margin-left: 39px;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_icon_wrap .message_icon:hover {
  text-decoration: none;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_icon_wrap .message_icon .icon_image {
  position: relative;
  width: 110px;
  height: 122px;
  margin: 0 75px;
  text-align: center;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_icon_wrap .message_icon .icon_image:before {
  display: inline-block;
  position: absolute;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_icon_wrap .message_icon .icon_title {
  margin-top: 27px;
  font-size: 20px;
  text-align: center;
}
.modal-contentcreate-select .modal-dialog .message_wrap .message_icon_wrap .message_icon .icon_description {
  margin-top: 21px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}

.easy_create {
  border-color: #f3e4fa !important;
  background-color: #f3e4fa !important;
  color: #8a22bd !important;
}
.easy_create:hover {
  border-color: #cd8eea !important;
  background-color: #cd8eea !important;
  color: #fff !important;
}
.easy_create .icon_image {
  font-size: 115px;
}
.easy_create .icon_image:before {
  top: 65px;
  left: 10px;
  content: "\f044";
  font-family: "FontAwesome";
}

.custom_create {
  border-color: #a537db !important;
  background-color: #fff !important;
  color: #a537db !important;
}
.custom_create:hover {
  border-color: #a537db !important;
  background-color: #a537db !important;
  color: #fff !important;
}
.custom_create .icon_image {
  font-size: 100px;
}
.custom_create .icon_image:before {
  top: 56px;
  left: 5px;
  content: "\e912";
  font-family: "icon-slab";
}

/*---------
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;
}

.cke_reset_all .alert,
.cke_reset_all * .alert {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.cke_reset_all .alert-info,
.cke_reset_all * .alert-info {
  border-color: #d1ebfb;
  background-color: #d1ebfb;
  color: #0070b3;
}
.cke_reset_all .alert-info hr,
.cke_reset_all * .alert-info hr {
  border-top-color: #bae1f9;
}
.cke_reset_all .alert-info .alert-link,
.cke_reset_all * .alert-info .alert-link {
  color: #005080;
}

.cke_reset_all .alert-danger,
.cke_reset_all * .alert-danger {
  border-color: #fce4e4;
  background-color: #fce4e4;
  color: #b94a48;
}
.cke_reset_all .alert-danger hr,
.cke_reset_all * .alert-danger hr {
  border-top-color: #f9cdcd;
}
.cke_reset_all .alert-danger .alert-link,
.cke_reset_all * .alert-danger .alert-link {
  color: #953b39;
}

.cke_reset_all .alert-warning,
.cke_reset_all * .alert-warning {
  border-color: #fdf3da;
  background-color: #fdf3da;
  color: #ba8609;
}
.cke_reset_all .alert-warning hr,
.cke_reset_all * .alert-warning hr {
  border-top-color: #fcebc2;
}
.cke_reset_all .alert-warning .alert-link,
.cke_reset_all * .alert-warning .alert-link {
  color: #896307;
}

.cke_reset_all .alert-success,
.cke_reset_all * .alert-success {
  border-color: #e1f3e1;
  background-color: #e1f3e1;
  color: #42a142;
}
.cke_reset_all .alert-success hr,
.cke_reset_all * .alert-success hr {
  border-top-color: #cfeccf;
}
.cke_reset_all .alert-success .alert-link,
.cke_reset_all * .alert-success .alert-link {
  color: #337d33;
}

.cke_reset_all .farbtastic,
.cke_reset_all * .farbtastic {
  position: relative !important;
  margin-left: 10px !important;
}
.cke_reset_all .farbtastic *,
.cke_reset_all * .farbtastic * {
  position: absolute !important;
  cursor: crosshair !important;
}
.cke_reset_all .farbtastic,
.cke_reset_all .farbtastic .wheel,
.cke_reset_all * .farbtastic,
.cke_reset_all * .farbtastic .wheel {
  width: 195px !important;
  height: 195px !important;
}
.cke_reset_all .farbtastic .color,
.cke_reset_all * .farbtastic .color {
  top: 46px !important;
  left: 46px !important;
  border: 1px solid #999 !important;
}

/* .cke_reset_all .help-button,
.cke_reset_all * .help-button {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 100%;
  border-color: #fff;
  background-color: #65bcda;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, .2);
  cursor: pointer;
  vertical-align: middle;
} */

.modal-header {
  background-color: #fff;
}
.modal-header h4 {
  margin: 0;
}
.modal-header .close {
  margin-top: -6px;
}

.modal-body {
  background-color: #fff;
}

.title-left-withbuttn {
  line-height: 28px;
}
.title-left-withbuttn + .btn,
.title-left-withbuttn + .ui-inline-edit,
.title-left-withbuttn + .ui-inline-del {
  margin-left: 20px;
}

.table-wrap-row {
  width: 100%;
}

.push-table__remove {
  width: 30px;
  text-align: center;
}
.push-table__remove a {
  color: #dd5a43;
  text-decoration: none;
}
.push-table__remove .fa.fa-trash-o {
  margin: 0 !important;
}
.push-table__remove .fa.fa-trash-o:before {
  content: '\f014';
  font-family: "FontAwesome";
}
.push-table__remove .fa.fa-trash:hover {
  transform: scale(1.2);
  opacity: 1;
}

.push-table__title {
  width: 200px;
  max-width: 200px;
}

.push-table__message {
  width: 370px;
  max-width: 370px;
}

.push-table__date {
  width: 175px;
}

.option-table.option-table--has_randomize .option-table__place {
  width: calc(100% - 30px - 200px - 200px - 100px - 90px - 100px);
}

.option-table.option-table--has_randomize .option-table__cognition_limit {
  display: table-cell;
}

.option-table .table thead tr {
  background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%) !important;
}

.option-table__remove {
  width: 30px;
  text-align: center;
}
.option-table__remove a {
  color: #dd5a43;
  text-decoration: none;
}
.option-table__remove .fa.fa-trash {
  display: inline-block;
  width: 18px;
  font-size: 17px;
  opacity: .85;
  transition: all .12s;
}
.option-table__remove .fa.fa-trash:before {
  font-family: "FontAwesome";
  content: '\f014';
}
.option-table__remove .fa.fa-trash:hover {
  transform: scale(1.2);
  opacity: 1;
}

.option-table__title {
  width: 200px;
  max-width: 200px;
}
.option-table__title__wrap {
  height: 20px;
  overflow-y: hidden;
}

.option-table__term {
  width: 200px;
  max-width: 200px;
}

.option-table__time {
  width: 100px;
  max-width: 100px;
}

.option-table__place {
  width: calc(100% - 30px - 200px - 200px - 100px - 90px);
  max-width: calc(100% - 30px - 200px - 200px - 100px - 90px);
}

.option-table__randomize {
  width: 90px;
  max-width: 90px;
  transition: all .3s ease;
}

.option-table__cognition_limit {
  display: none;
  width: 100px;
  overflow: hidden;
}
.option-table__cognition_limit__inner {
  white-space: nowrap;
}
.option-table__cognition_limit__inner input[type=text] {
  width: 83px;
}

.option-table table > tbody > tr:not(.randomized):not(.sub-table__randomized) + tr.sub-table__randomized {
  display: none;
}

.option-table table > tbody > tr.randomized + tr.sub-table__randomized {
  display: table-row;
}

.option-table table > tbody > tr.sub-table__randomized .sub-table__randomized__inner {
  padding: 0 5px;
}
.option-table table > tbody > tr.sub-table__randomized .sub-table__randomized__inner h5 {
  font-weight: bold;
}

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

.row-randomize {
  margin-top: 12px;
}

.has_inner_table {
  padding: 0 !important;
}
.has_inner_table table {
  margin-bottom: 0;
  border: none !important;
  background-color: transparent;
}
.has_inner_table table tr:first-child td {
  border-top: none;
}
.has_inner_table table tr:last-child td {
  border-bottom: none;
}
.has_inner_table table tr td:first-child {
  border-left: none;
}
.has_inner_table table tr td:last-child {
  border-right: none;
}

.combo-table .table thead tr,
.random-table .table thead tr {
  background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%) !important;
}

.combo-table__remove,
.random-table__remove {
  width: 30px !important;
  text-align: center;
}
.combo-table__remove a,
.random-table__remove a {
  color: #dd5a43;
  text-decoration: none;
}
.combo-table__remove .fa.fa-trash,
.random-table__remove .fa.fa-trash {
  display: inline-block;
  width: 18px;
  font-size: 17px;
  opacity: .85;
  transition: all .12s;
}
.combo-table__remove .fa.fa-trash:before,
.random-table__remove .fa.fa-trash:before {
  font-family: "FontAwesome";
  content: '\f014';
}
.combo-table__remove .fa.fa-trash:hover,
.random-table__remove .fa.fa-trash:hover {
  transform: scale(1.2);
  opacity: 1;
}

.combo-table__title,
.random-table__title {
  width: calc((100% - 30px) / 3);
  max-width: calc((100% - 30px) / 3);
}
.combo-table__title__wrap,
.random-table__title__wrap {
  width: 100%;
  height: 20px;
  overflow: hidden;
}

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

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

.pushMessage {
  min-height: 8rem;
  max-height: 16rem;
}

.push-confirm {
  z-index: 1060;
}
.push-confirm + .modal-backdrop {
  z-index: 1050;
}

.push-confirm-wrap + .push-confirm-wrap {
  margin-top: 20px;
}

.autosize,
.autosize-transition {
  min-height: 120px;
  max-height: 200px;
  resize: none;
}
.autosize.link_message,
.autosize-transition.link_message {
  min-height: 46px;
  max-height: 120px;
}

.autosize-noresize {
  resize: none;
}

.wizard-line-steps {
  display: flex;
  position: relative;
  position: relative;
  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 {
  content: '\f00c';
  color: #87ba21;
  font-size: 16px;
  font-family: "FontAwesome";
}
.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: -ms-inline-flexbox;
  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;
}

.custom-marker-box {
  width: 650px;
  height: 64px;
  margin: 0 auto 30px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  font-size: 0;
}
.custom-marker-box > div {
  display: inline-flex;
  align-items: center;
  /* flex */
  justify-content: flex-start;
  height: 62px;
  vertical-align: top;
}
.custom-marker-box-image {
  width: 62px;
  padding: 6px;
}
.custom-marker-box-image img {
  width: auto;
  max-width: 50px;
  height: auto;
  max-height: 50px;
}
.custom-marker-box-title {
  width: calc(100% - 62px);
  padding: 0 0 0 4px;
  font-size: 13px;
  line-height: normal;
}

.custom-content-left {
  max-width: calc(100% - 350px);
}

.custom-content-right {
  min-width: 350px;
}

.aro-block {
  padding: 0 12px;
}
.aro-block .aro-item {
  padding: 10px;
  background-color: #eee;
  font-size: 0;
}
.aro-block .aro-item > div {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.aro-block .aro-item.aro-item--nobutton .aro-item__filedata {
  width: calc(100% - 40px - 30px);
  padding-right: 0;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap {
  display: block;
  width: 100%;
  margin-top: 0;
  background-color: #fff;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 {
  position: relative;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .object-name {
  width: calc(100% - 20px);
  margin-bottom: 8px;
  font-weight: bold;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .aro-item__remove__icon {
  position: absolute;
  top: 0;
  right: 0;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .file-link,
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .file-size {
  display: inline-block;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .file-link {
  margin-bottom: 4px;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .file-size {
  margin-right: 10px;
  margin-bottom: 8px;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .file-name {
  margin-bottom: 4px;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .btn,
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .ui-inline-edit,
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .ui-inline-del {
  width: 126px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-right: 0;
  padding-left: 0;
  vertical-align: top;
}
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .btn:last-child,
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .ui-inline-edit:last-child,
.aro-block .aro-item.aro-item--picture .edit-preview-wrap .edit-info-box01 .ui-inline-del:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.aro-block .aro-item__icon {
  width: 40px;
  height: 40px;
  margin-top: 10px;
  background-color: #d5d5d5;
  line-height: 40px;
  text-align: center;
}
.aro-block .aro-item__icon i {
  color: #888;
  font-size: 24px;
  vertical-align: middle;
}
.aro-block .aro-item__filedatawrap {
  width: calc(100% - 40px - 30px);
  height: 60px;
  padding: 0 0 0 10px;
}
.aro-block .aro-item__filedata {
  width: calc(100% - 257px);
  height: 60px;
  padding: 0 10px 0 0;
  font-size: 0 !important;
}
.aro-block .aro-item__filedata > * {
  font-size: 14px;
}
.aro-block .aro-item__filedata__upper,
.aro-block .aro-item__filedata__lower {
  width: 100%;
}
.aro-block .aro-item__filedata__upper {
  height: 20px;
  font-size: 0;
}
.aro-block .aro-item__filedata__upper > * {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.aro-block .aro-item__filedata__lower {
  height: 40px;
  font-size: 0;
}
.aro-block .aro-item__filedata__lower > * {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.aro-block .aro-item__filedata__objectname,
.aro-block .aro-item__filedata__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aro-block .aro-item__filedata__objectname {
  width: auto;
  font-weight: bold;
}
.aro-block .aro-item__filedata__name {
  width: 100%;
}
.aro-block .aro-item__filedata__link {
  display: none;
}
.aro-block .aro-item__buttons {
  width: 257px;
  padding: 6px 0 0;
}
.aro-block .aro-item__buttons .btn,
.aro-block .aro-item__buttons .ui-inline-edit,
.aro-block .aro-item__buttons .ui-inline-del {
  min-width: 126px;
  padding-right: 0;
  padding-left: 0;
}
.aro-block .aro-item__buttons .btn + .btn,
.aro-block .aro-item__buttons .ui-inline-edit + .btn,
.aro-block .aro-item__buttons .btn + .ui-inline-edit,
.aro-block .aro-item__buttons .ui-inline-edit + .ui-inline-edit,
.aro-block .aro-item__buttons .ui-inline-del + .btn,
.aro-block .aro-item__buttons .ui-inline-del + .ui-inline-edit,
.aro-block .aro-item__buttons .btn + .ui-inline-del,
.aro-block .aro-item__buttons .ui-inline-edit + .ui-inline-del,
.aro-block .aro-item__buttons .ui-inline-del + .ui-inline-del {
  margin-left: 5px;
}
.aro-block .aro-item__remove {
  width: 30px;
  height: 60px;
  padding: 20px 0 0 10px;
}
.aro-block .aro-item__remove__icon {
  width: 20px;
  height: 20px;
  background-color: #ccc;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  opacity: .8;
  transition: all .3s ease;
}
.aro-block .aro-item__remove__icon:hover {
  opacity: 1;
}
.aro-block .aro-item__remove__icon i {
  color: #888;
  font-size: 16px;
  vertical-align: middle;
}
.aro-block .aro-item + .aro-item {
  margin-top: 10px;
}
.aro-block .aro-item.aro-item--text .aro-item__filedata {
  width: 100%;
  overflow: hidden;
}
.aro-block .aro-item.aro-item--text .aro-item__filedata .aro-item__filedata__name {
  padding-right: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.aro-block .aro-item.aro-item--text .aro-item__filedata .aro-item__filedata__size {
  display: none;
}
.aro-block .aro-item.aro-item--text .aro-item__buttons {
  width: 0;
}
.aro-block .aro-item.aro-item--withlink .aro-item__filedata__objectname {
  display: inline-block;
  width: auto;
  max-width: calc(100% - 104px);
  margin-right: 16px;
  vertical-align: bottom;
}
.aro-block .aro-item.aro-item--withlink .aro-item__filedata__link {
  display: inline-block;
  padding-bottom: 2px;
  vertical-align: bottom;
}
.aro-block .aro-item.aro-item--withlink .aro-item__filedata__link .aro_external_link {
  font-size: 12px;
}
.aro-block .aro-item.aro-item--withlink .aro-item__filedata {
  width: calc(100% - 388px);
}
.aro-block .aro-item.aro-item--withlink .aro-item__buttons {
  width: 388px;
}
.aro-block .aro-item.aro-item--withlink.aro-item--nobutton .aro-item__filedata {
  width: 100%;
  padding-right: 0;
}
.aro-block .aro-item.aro-item--withlink.aro-item--text.aro-item--nobutton .aro-item__filedata {
  width: 100%;
}
.aro-block .aro-item.aro-item--withlink.aro-item--text .aro-item__filedata {
  width: calc(100% - 126px);
}
.aro-block .aro-item.aro-item--withlink.aro-item--text .aro-item__buttons {
  width: 126px;
}

.aro_external_link {
  display: inline-block;
  padding: 0 4px 0 6px;
  background-color: #428bca;
  color: #fff;
  transition: all .3s ease;
}
.aro_external_link:hover {
  color: #fff;
  text-decoration: none;
  opacity: .7;
}

.btn-lg.add-button {
  min-width: 150px;
  height: 36px;
  line-height: 1.4;
}

/* プレビュー付き ace input */
.img_file_wrap {
  overflow: visible;
  font-size: 0;
}
.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 .15s;
}
.img_file_wrap .img_file_right .ace-file-input .file-label:hover [class*="fa 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,
.img_file_wrap .img_file_right .ui-inline-edit + .btn,
.img_file_wrap .img_file_right .btn + .ui-inline-edit,
.img_file_wrap .img_file_right .ui-inline-edit + .ui-inline-edit,
.img_file_wrap .img_file_right .ui-inline-del + .btn,
.img_file_wrap .img_file_right .ui-inline-del + .ui-inline-edit,
.img_file_wrap .img_file_right .btn + .ui-inline-del,
.img_file_wrap .img_file_right .ui-inline-edit + .ui-inline-del,
.img_file_wrap .img_file_right .ui-inline-del + .ui-inline-del {
  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));
}

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

.thumbholder a.cboxElement:focus,
.ace-thumbnails a.cboxElement:focus {
  outline: none;
}

/* 表示倍率 */
.scalefactor-wrap {
  font-size: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.scalefactor-wrap * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.scalefactor-display {
  display: inline-block;
  width: 60px;
  margin: 0 5px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}

.scalefactor-calc {
  display: inline-block;
  width: 20px;
  color: #393939;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
.scalefactor-calc:hover {
  color: #393939;
  text-decoration: none;
  opacity: .7;
}
.scalefactor-calc:focus {
  color: #393939;
  opacity: 1;
}
.scalefactor-calc.scalefactor-calc--disabled {
  opacity: .4;
  pointer-events: none;
}

/* 認識率 */
.recogRated.recogRate1 .tags .recog .recog__stars:before {
  content: "\f005";
}

.recogRated.recogRate1 .tags .recog .recog__stars:after {
  content: "\f005\f005\f005\f005";
}

.recogRated.recogRate2 .tags .recog .recog__stars:before {
  content: "\f005\f005";
}

.recogRated.recogRate2 .tags .recog .recog__stars:after {
  content: "\f005\f005\f005";
}

.recogRated.recogRate3 .tags .recog .recog__stars:before {
  content: "\f005\f005\f005";
}

.recogRated.recogRate3 .tags .recog .recog__stars:after {
  content: "\f005\f005";
}

.recogRated.recogRate4 .tags .recog .recog__stars:before {
  content: "\f005\f005\f005\f005";
}

.recogRated.recogRate4 .tags .recog .recog__stars:after {
  content: "\f005";
}

.recogRated.recogRate5 .tags .recog .recog__stars:before {
  content: "\f005\f005\f005\f005\f005";
}

.recogRated.recogRate5 .tags .recog .recog__stars:after {
  content: "";
}

.recogRated.recogRate0_5 .tags .recog .recog__stars:before {
  content: "\f089";
}

.recogRated.recogRate0_5 .tags .recog .recog__stars:after {
  content: "\f005\f005\f005\f005\f005";
}

.recogRated.recogRate1_5 .tags .recog .recog__stars:before {
  content: "\f005\f089";
}

.recogRated.recogRate1_5 .tags .recog .recog__stars:after {
  content: "\f005\f005\f005\f005";
}

.recogRated.recogRate2_5 .tags .recog .recog__stars:before {
  content: "\f005\f005\f089";
}

.recogRated.recogRate2_5 .tags .recog .recog__stars:after {
  content: "\f005\f005\f005";
}

.recogRated.recogRate3_5 .tags .recog .recog__stars:before {
  content: "\f005\f005\f005\f089";
}

.recogRated.recogRate3_5 .tags .recog .recog__stars:after {
  content: "\f005\f005";
}

.recogRated.recogRate4_5 .tags .recog .recog__stars:before {
  content: "\f005\f005\f005\f005\f089";
}

.recogRated.recogRate4_5 .tags .recog .recog__stars:after {
  content: "\f005";
}

.recogRated .tags .recog {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  direction: ltr !important;
}
.recogRated .tags .recog > span {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}
.recogRated .tags .recog .recog__title {
  height: 21px;
  padding: 2px 4px 1px;
  background-color: #ff892a;
  color: #fff;
}
.recogRated .tags .recog .recog__stars {
  position: relative;
  width: 73px;
  height: 21px;
  padding: 2px 3px 1px 4px;
  background-color: #fff;
}
.recogRated .tags .recog .recog__stars:before,
.recogRated .tags .recog .recog__stars:after {
  position: absolute;
  top: 2px;
  font-family: "FontAwesome";
  letter-spacing: 2px;
}
.recogRated .tags .recog .recog__stars:before {
  z-index: 2;
  left: 4px;
  content: "";
  color: #ff892a;
}
.recogRated .tags .recog .recog__stars:after {
  z-index: 1;
  right: 3px;
  content: "\f005\f005\f005\f005\f005";
  color: #abbac3;
}

td[aria-describedby=grid-table_marker_name] {
  font-size: 0;
}
td[aria-describedby=grid-table_marker_name] a {
  font-size: 13px;
}
td[aria-describedby=grid-table_marker_name] .recog_title {
  display: inline-block;
  padding: 3px 4px 2px;
  background-color: #ff892a;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
}
td[aria-describedby=grid-table_marker_name] .recog_stars {
  display: inline-block;
  padding: 2px 5px 1px;
  font-family: "FontAwesome";
  font-size: 11px;
  letter-spacing: 3px;
}
td[aria-describedby=grid-table_marker_name] .recog_stars:before {
  color: #ff892a;
}
td[aria-describedby=grid-table_marker_name] .recog_stars:after {
  color: #abbac3;
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate0:before {
  content: '';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate0:after {
  content: '\f005\f005\f005\f005\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate1:before {
  content: '\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate1:after {
  content: '\f005\f005\f005\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate2:before {
  content: '\f005\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate2:after {
  content: '\f005\f005\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate3:before {
  content: '\f005\f005\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate3:after {
  content: '\f005\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate4:before {
  content: '\f005\f005\f005\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate4:after {
  content: '\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate5:before {
  content: '\f005\f005\f005\f005\f005';
}
td[aria-describedby=grid-table_marker_name] .recog_stars.recog_rate5:after {
  content: '';
}

.thumbnailBox.markerBox > li .tags {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
.thumbnailBox.markerBox > li .tags .recog {
  line-height: 18px;
}

.btn-parent {
  font-size: 0;
}
.btn-parent .btn,
.btn-parent .ui-inline-edit,
.btn-parent .ui-inline-del {
  font-size: 13px;
}

/* セレクトビューログ詳細 */
/* 複数選択のセレクトボックス */
.multiple-select {
  border: none;
}
.multiple-select.ms-parent {
  padding: 0;
}
.multiple-select option {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 13px;
  white-space: pre-wrap;
}
.multiple-select .ms-choice {
  height: 100%;
  border: 1px solid #d5d5d5;
  border-radius: 0;
}
.multiple-select .ms-choice:focus {
  border-color: #f59942;
  outline: none;
}
.multiple-select .ms-choice > div {
  top: 4px;
  background: url("../img/multiple-select.png") left top no-repeat;
}
.multiple-select .ms-choice > span {
  bottom: 0;
  padding-top: 5px;
}
.multiple-select .ms-drop {
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
}
.multiple-select .ms-drop li.ms-select-all label {
  margin-top: 5px;
}
.multiple-select .ms-drop li label {
  word-wrap: break-word;
  display: block;
  white-space: normal !important;
}
.multiple-select .ms-drop li input[type=checkbox],
.multiple-select .ms-drop li input[type=radio] {
  margin: 0;
  float: left;
  vertical-align: top;
}
.multiple-select .ms-drop li input[type=checkbox]:focus,
.multiple-select .ms-drop li input[type=radio]:focus {
  outline: none;
}
.multiple-select .ms-drop li .ms-itemlabel {
  display: block;
  margin-left: 20px;
  vertical-align: top;
}

/* 絞り込み条件 */
.condition_panel {
  position: absolute;
  top: -2000px;
  left: -2000px;
}

.condition-area h6 {
  margin: 0;
  padding: 10px 0 5px;
  font-weight: bold;
}

.condition-area select.multiple-select {
  display: none;
}

.condition-area .ms-drop ul {
  height: 134px !important;
}
.condition-area .ms-drop ul li {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.condition-area .ms-drop ul li:not(.ms-no-results):nth-last-child(2) label {
  margin-bottom: 0;
}

.condition-area-term .header_form {
  margin-left: 0;
}

.condition-area-application {
  padding-top: 16px;
}

.widget-arolog-condition {
  padding: 10px 16px 16px;
}

.widget-arolog-aro .widget-body {
  padding: 10px 0 0;
}

.widget-arolog-aro-basis__item {
  padding-top: 4px;
  font-size: 0;
}
.widget-arolog-aro-basis__item > * {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  vertical-align: top;
}
.widget-arolog-aro-basis__item__title {
  width: 150px;
  font-weight: bold;
}
.widget-arolog-aro-basis__item__data {
  width: calc(100% - 150px);
}

.widget-arolog-aro-stats__item {
  padding: 6px 0 2px;
  border-bottom: 1px dashed #ccc;
  font-size: 0;
}
.widget-arolog-aro-stats__item > * {
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  vertical-align: top;
}
.widget-arolog-aro-stats__item__title {
  width: 220px;
}
.widget-arolog-aro-stats__item__data {
  width: calc(100% - 220px);
  text-align: right;
}

.widget-arolog-aro-title {
  margin-top: 16px;
}
.widget-arolog-aro-title__prefix {
  font-weight: bold;
}
.widget-arolog-aro-title__text {
  margin-top: 5px;
}

.widget-arolog-aro-data {
  margin-top: 24px;
}

.widget-arolog-aro-data__title {
  margin-bottom: 6px;
  color: #666;
  font-size: 0;
  font-weight: bold;
}
.widget-arolog-aro-data__title > * {
  display: inline-block;
}
.widget-arolog-aro-data__title__prefix {
  margin-right: 30px;
  font-size: 16px;
}
.widget-arolog-aro-data__title__correct {
  font-size: 14px;
}
.widget-arolog-aro-data__item {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}
.widget-arolog-aro-data__item > * {
  display: inline-block;
  padding: 6px 0;
  font-size: 14px;
  vertical-align: top;
}
.widget-arolog-aro-data__item--number1 .widget-arolog-aro-data__item__title {
  background-color: rgba(240, 124, 114, .4);
}
.widget-arolog-aro-data__item--number2 .widget-arolog-aro-data__item__title {
  background-color: rgba(252, 208, 80, .4);
}
.widget-arolog-aro-data__item--number3 .widget-arolog-aro-data__item__title {
  background-color: rgba(113, 194, 135, .4);
}
.widget-arolog-aro-data__item--number4 .widget-arolog-aro-data__item__title {
  background-color: rgba(123, 170, 247, .4);
}
.widget-arolog-aro-data__item:last-child {
  border-bottom: none;
}
.widget-arolog-aro-data__item__title {
  width: calc(100% - 140px);
  padding-right: 8px;
  padding-left: 8px;
  background-color: #eee;
}
.widget-arolog-aro-data__item__data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  /* flex */
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 140px;
  padding-right: 8px;
  font-size: 0;
  text-align: right;
}
.widget-arolog-aro-data__item__data > * {
  display: inline-block;
  font-size: 14px;
}
.widget-arolog-aro-data__item__data__rate {
  width: 76px;
}
.widget-arolog-aro-data__item--correct.widget-arolog-aro-data__item {
  border: 1px solid #fb962a;
  box-shadow: 0 0 2px 1px #fb962a inset;
}

.widget-arolog-answer .dcms_widget_header_follow {
  display: inline-block;
  margin-left: 30px;
  color: #757575;
  font-weight: bold;
}

.widget-main-answer {
  height: 420px;
}

/* セレクトビューグラフ */
.widget-arolog-graph .pieChart {
  height: 350px;
}

.widget-arolog-graph .pieLegend {
  width: 100%;
}

.ratio-pie-center-value {
  font-size: 26px;
  line-height: normal;
}

/* セレクトビューグラフ凡例 */
.chartLegends {
  margin-top: 10px;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.chartLegends-inner {
  display: inline;
  text-align: left;
}
.chartLegends .chartLegend-item {
  display: inline-block;
  width: auto;
  margin: 2px 0 0;
}
.chartLegends .chartLegend-item > * {
  display: inline-block;
  font-size: 12px;
  line-height: normal;
  vertical-align: top;
}
.chartLegends .chartLegend-item__bullet {
  width: 12px;
  height: 12px;
  margin: 2px 4px 0 0;
  border-radius: 50%;
}
.chartLegends .chartLegend-item__bullet--number1 {
  background-color: #f07c72;
}
.chartLegends .chartLegend-item__bullet--number2 {
  background-color: #fcd050;
}
.chartLegends .chartLegend-item__bullet--number3 {
  background-color: #71c287;
}
.chartLegends .chartLegend-item__bullet--number4 {
  background-color: #7baaf7;
}

.card-alike {
  padding: 4px 14px 12px;
  border: 1px solid #ddd;
  border-bottom: 2px solid #ccc;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
.card-alike > * {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
}

.aro_selected_condition__item {
  margin: 8px 10px 0 0;
  padding: 4px 8px;
  border: 1px solid #42a5f5;
  border-radius: 3px;
  background-color: #bbdefb;
  color: #333;
}

/* セレクトビュー新規作成 
.selectview-box {
  padding-left: 32px;
}*/
.selectview-box .selectview-wrap {
  width: 504px;
  height: 370px;
  margin-top: 5px;
}
.selectview-box .selectview-wrap .selectview-col {
  height: 100%;
}
.selectview-box .selectview-wrap .selectview-col--left {
  width: 350px;
  float: left;
}
.selectview-box .selectview-wrap .selectview-col--right {
  width: 150px;
  float: right;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #ababab;
  font-size: 16px;
  transition: background-color .3s ease-in-out;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile:hover {
  background-color: #c5c5c5;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile--title {
  height: 60px;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile--content {
  height: 180px;
  margin-top: 4px;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile--selection {
  height: 122px;
  margin-top: 4px;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile--ads {
  height: 100%;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile.selectview-tile--complete {
  background-color: #d1d1d1;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile.selectview-tile--complete:hover {
  background-color: #ebebeb;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile.selectview-tile--complete .selectview-tile__title:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  color: #388e3c;
  font-family: "FontAwesome";
  font-size: 18px;
  content: '\f00c';
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile.selectview-tile--complete a {
  color: #666;
}
.selectview-box .selectview-wrap .selectview-col .selectview-tile a {
  display: flex;
  align-items: center;
  /* flex */
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

/* セレクトビュー設定用のモーダル */
.modal_selectview .label-rightside-wrap {
  display: flex;
  align-items: center;
  /* flex */
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding-bottom: 2px;
}

.modal_selectview .label-inline {
  display: inline-block;
  padding-right: 3px;
}
.modal_selectview .label-inline.label-inline--http {
  width: 52px;
}
.modal_selectview .label-inline.label-inline--http + input {
  width: calc(100% - 52px);
}

.modal_selectview .selectview_graphic_group {
  margin-top: 5px;
}

.modal_selectview .selectview_movie_loop {
  margin-top: 10px;
}

.modal_selectview .selectview_content_text {
  width: 335px;
  height: 150px;
  resize: none;
  white-space: pre-wrap;
  overflow: hidden;
}

.modal_selectview .ace-file-input {
  height: 30px;
  margin-bottom: 0;
}
.modal_selectview .ace-file-input .file-label {
  margin-bottom: 0;
}

.modal_selectview .selectview_selection_button_model {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 28px;
  margin-left: 10px;
  background-color: #7db4d8;
  vertical-align: middle;
}
.modal_selectview .selectview_selection_button_model:before,
.modal_selectview .selectview_selection_button_model:after {
  display: inline-block;
  position: absolute;
  background-color: #fff;
  content: '';
}
.modal_selectview .selectview_selection_button_model.selectview_selection_button_model--2:after,
.modal_selectview .selectview_selection_button_model.selectview_selection_button_model--4:after {
  top: 13px;
  left: 0;
  width: 50px;
  height: 2px;
}
.modal_selectview .selectview_selection_button_model.selectview_selection_button_model--3:before {
  top: 8px;
  left: 0;
  width: 50px;
  height: 2px;
}
.modal_selectview .selectview_selection_button_model.selectview_selection_button_model--3:after {
  top: 18px;
  left: 0;
  width: 50px;
  height: 2px;
}
.modal_selectview .selectview_selection_button_model.selectview_selection_button_model--4:before {
  top: 0;
  left: 24px;
  width: 2px;
  height: 28px;
}

.modal_selectview .tab-pane--selectview-selection {
  padding-top: 15px;
}

.modal_selectview .selectview_image_present {
  width: 100%;
  height: auto;
}

.modal_selectview .selectview_movie_present {
  position: relative;
  width: 100%;
}
.modal_selectview .selectview_movie_present:before {
  display: block;
  padding-top: 56.25%;
  content: '';
}
.modal_selectview .selectview_movie_present .selectview_movie_present_player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal_selectview .selectview_title {
  min-height: 49px;
  line-height: 18px;
}

.modal_selectview .selectview_selection_button + .help-block {
  margin-bottom: 0;
}
.modal_selectview .selectview_selection_button + .help-block + label {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 0;
}

.modal_selectview .input-switched-url {
  margin-bottom: 2px;
}
/*access log time table css*/
.log_table {
    margin: 8px 0 0px 340px;
    vertical-align: middle;
    list-style-type: none;
    font-size: 14px;
    position: fixed;
    color: #666;
}
.modal_selectview .endpage_wrap {
  padding: 0 10px;
}
.modal_selectview .endpage_wrap h5 {
  font-weight: bold;
}

.modal_selectview_selection .modal-body,
.modal-set-content-multiple .modal-body {
  max-height: calc(100vh - 173px);
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-set-content .modal-body {
  max-height: calc(100vh - 220px);
  overflow-x: hidden;
  overflow-y: auto;
}
.blockMsg--serialcode {
  font-size: 0;
  line-height: normal;
}

.blockMsg-body .blockMsg-inner {
  font-size: 14px;
}

.blockMsg-body .progress-wrapper {
  margin-top: 10px;
}
.blockMsg-body .progress-wrapper .progress {
  margin-bottom: 0;
  border-radius: 3px;
}

.serialcode_plan_list td[aria-describedby="grid-table_myac"] > div {
  margin-left: 0 !important;
}
.serialcode_plan_list td[aria-describedby="grid-table_myac"] > div .ui-inline-del {
  margin-left: 0 !important;
  float: none !important;
}

/* カスタムコンテンツ新規登録 */
.marker-warning {
  display: flex;
  align-items: center;
  /* flex */
  justify-content: flex-start;
  height: 27px;
  margin: 15px 0;
  font-size: 0;
}
.marker-warning > div {
  display: inline-block;
}
.marker-warning-image .logo_cocoar_old {
  width: 36px;
  height: 27px;
  background-size: 36px 27px;
}
.marker-warning-image .logo_cocoar {
  width: 27px;
  height: 27px;
  background-size: 27px 27px;
}
.marker-warning-title {
  margin-right: 10px;
}
.marker-warning-title > div {
  display: inline-block;
  vertical-align: middle;
}
.marker-warning-title-icon {
  margin-right: 5px;
  color: #dd5a43;
  font-size: 13px;
}
.marker-warning-title-text {
  color: #b94a48;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
}
.marker-warning-text {
  color: #b94a48;
  font-size: 12px;
  line-height: 20px;
}

/* カスタムコンテンツ新規登録 */
.marker-condition-settings-wrap {
  min-height: calc(100vh - 450px);
  padding: 0 10px;
}

.marker-contents-settings-wrap {
  padding: 0 10px;
  counter-reset: conditions 0;
}

.widget-box.widget-box--custom-condition {
  border-color: #d6d6d6;
  background-color: #fff;
}
.widget-box.widget-box--custom-condition.condition--open .condition-status {
  border: 1px solid #3a87ad;
  background-color: #3a87ad;
  color: #fff;
}
.widget-box.widget-box--custom-condition.condition--open .condition-status:before {
  top: -1px;
  left: -10px;
  border-top: 11px solid transparent;
  border-right: 5px solid #3a87ad;
  border-bottom: 11px solid transparent;
  border-left: 5px solid transparent;
}
.widget-box.widget-box--custom-condition.condition--closed .widget-header {
  background-color: #d5d5d5;
}
.widget-box.widget-box--custom-condition.condition--closed .condition-status {
  border: 1px solid #707070;
  background-color: #fff;
  color: #707070;
}
.widget-box.widget-box--custom-condition.condition--closed .condition-status:before {
  top: -1px;
  left: -10px;
  border-top: 11px solid transparent;
  border-right: 5px solid #707070;
  border-bottom: 11px solid transparent;
  border-left: 5px solid transparent;
}
.widget-box.widget-box--custom-condition.condition--closed .condition-status:after {
  top: 0px;
  left: -8px;
  border-top: 10px solid transparent;
  border-right: 4px solid #fff;
  border-bottom: 10px solid transparent;
  border-left: 4px solid transparent;
}
/*.widget-box.widget-box--custom-condition.condition--closed .custom-contents-operation-edit {
  display: none;
}*/
.widget-box.widget-box--custom-condition.condition--open .condition-status,
.widget-box.widget-box--custom-condition.condition--closed .condition-status {
  display: inline-block;
  position: relative;
  margin: 0 0 2px 16px;
  padding: 2px 5px 0;
  border-left: none;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}
.widget-box.widget-box--custom-condition.condition--open .condition-status:before,
.widget-box.widget-box--custom-condition.condition--open .condition-status:after,
.widget-box.widget-box--custom-condition.condition--closed .condition-status:before,
.widget-box.widget-box--custom-condition.condition--closed .condition-status:after {
  display: inline-block;
  position: absolute;
  content: "";
}
.widget-box.widget-box--custom-condition.condition--open .widget-header h4 .widget-title-text,
.widget-box.widget-box--custom-condition.condition--closed .widget-header h4 .widget-title-text {
  max-width: calc(100% - 44px - 80px);
}
.widget-box.widget-box--custom-condition.condition--open:nth-child(n+10) .widget-header h4 .widget-title-text,
.widget-box.widget-box--custom-condition.condition--closed:nth-child(n+10) .widget-header h4 .widget-title-text {
  max-width: calc(100% - 52px - 80px);
}
.widget-box.widget-box--custom-condition.condition--open .set-content-button-wrap,
.widget-box.widget-box--custom-condition.condition--closed .set-content-button-wrap,
.widget-box.widget-box--custom-condition.condition--set .set-content-button-wrap {
  display: none;
}
.widget-box.widget-box--custom-condition:nth-child(n+10) .widget-header h4 .widget-title-number {
  width: 52px;
}
.widget-box.widget-box--custom-condition:nth-child(n+10) .widget-header h4 .widget-title-text {
  max-width: calc(100% - 52px);
}
.widget-box.widget-box--custom-condition + .widget-box--custom-condition {
  margin-top: 30px;
}
.widget-box.widget-box--custom-condition .widget-header {
  height: 38px;
  padding-left: 10px;
  border-color: #d6d6d6;
  border-bottom-color: transparent;
  background-image: none;
  background-color: #f3f3f3;
  font-size: 0;
  line-height: normal;
}
.widget-box.widget-box--custom-condition .widget-header h4 {
  display: inline-block;
  width: calc(100% - 38px);
  padding: 7px 10px 4px 0;
  color: #393939;
  font-weight: bold;
  line-height: normal;
  vertical-align: top;
}
.widget-box.widget-box--custom-condition .widget-header h4 .widget-title-number {
  display: inline-block;
  width: 44px;
  margin: 0 0 2px 0;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  vertical-align: middle;
}
.widget-box.widget-box--custom-condition .widget-header h4 .widget-title-number:before {
  content: "No." counter(conditions);
  counter-increment: conditions 1;
}
.widget-box.widget-box--custom-condition .widget-header h4 .widget-title-text {
  display: inline-block;
  max-width: calc(100% - 44px);
  overflow: hidden;
  font-size: 16px;
  line-height: 27px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.widget-box.widget-box--custom-condition .widget-header .widget-toolbar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding-right: 0;
  padding-left: 0;
}
.widget-box.widget-box--custom-condition .widget-header .widget-toolbar:before {
  display: none;
}
.widget-box.widget-box--custom-condition .widget-header .widget-toolbar .confirm-remove-condition {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  color: #555 !important;
  font-size: 16px;
}
.widget-box.widget-box--custom-condition .widget-header .widget-toolbar .confirm-remove-condition:hover {
  background-color: #fce8e8 !important;
  color: #e9141c !important;
}
.widget-box.widget-box--custom-condition .widget-body {
  border-color: #d6d6d6;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main {
  padding: 0;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row {
  display: flex;
  align-items: center;
  /* flex */
  justify-content: flex-start;
  border-bottom: 1px solid #e4e4e4;
  font-size: 0;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row > .custom-condition {
  display: inline-flex;
  min-height: 42px;
  vertical-align: top;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row > .custom-condition + .custom-condition {
  border-left: 1px solid #e4e4e4;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row .custom-condition.custom-condition--type {
  width: 180px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row .custom-condition.custom-condition--type .custom-condition-title {
  width: 80px;
  padding-right: 0;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row .custom-condition.custom-condition--type .custom-condition-value {
  width: 100px;
  padding-right: 0;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row .custom-condition > div {
  display: inline-flex;
  align-items: center;
  /* flex */
  justify-content: flex-start;
  min-height: 42px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row .custom-condition-title {
  padding: 12px 10px 12px 10px;
  color: #777;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-conditions-row .custom-condition-value {
  padding: 10px 20px 10px 10px;
  color: #393939;
  font-size: 14px;
  line-height: 22px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .set-content-button-wrap {
  padding: 20px 0;
  text-align: center;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap {
  padding: 10px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents-operations .custom-contents-operation-edit {
  padding-top: 2px;
  float: left;
  font-size: 13px;
  line-height: 18px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents-operations .custom-contents-operation-edit i {
  font-size: 14px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents-operations .custom-contents-operation-toggle {
  width: 116px;
  padding: 1px 2px 1px 4px;
  float: right;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents-operations .custom-contents-operation-toggle > span {
  display: inline-block;
  width: 90px;
  margin-right: 4px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents-operations .custom-contents-operation-toggle i {
  display: inline-block;
  margin-right: 0;
  transform-origin: center center;
  font-size: 11px;
  line-height: 14px;
  transition: transform .2s linear;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents-operations.custom-contents-operation--opened .custom-contents-operation-toggle i {
  transform: rotate(180deg);
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents-operations.custom-contents-operation--opened + .custom-contents {
  padding-top: 12px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents {
  transition: padding-top .2s linear;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table.table-th-fixed-header {
  margin-bottom: 0;
  border-bottom: none;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table.table-hover.table-th-fixed-body tbody tr:nth-child(odd):hover td {
  background-color: #f9f9f9;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table.table-hover.table-th-fixed-body tbody tr:nth-child(even):hover td {
  background-color: #eff4f7;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table.table-th-fixed-body {
  margin-bottom: 0;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table thead tr {
  background-image: none;
  background-color: #fcfcfc;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table tbody tr {
  background-color: #fff;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td {
  height: 43px;
  padding-top: 7px;
  padding-bottom: 5px;
  line-height: 30px;
  vertical-align: middle;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-contentname span,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-content span,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-contentname span,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-content span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-contentname,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-contentname {
  width: 368px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-contentname span,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-contentname span {
  width: 350px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-content,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-content {
  width: 369px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-content span,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-content span {
  width: 351px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-contenttype,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-contenttype {
  width: 50px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-ratio,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-ratio {
  width: 60px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-ratio:empty,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-ratio:empty {
  background-image: linear-gradient(to bottom left, transparent, transparent 49.5%, #ddd 49.5%, #ddd 50.5%, transparent 50.5%);
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-limit,
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-limit {
  width: 110px;
}
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table th.cell-limit[rowspan],
.widget-box.widget-box--custom-condition .widget-body .widget-main .custom-contents-wrap .custom-contents .table td.cell-limit[rowspan] {
  line-height: 22px;
}

.modal-add-condition .modal-body {
  padding: 0;
}
.modal-add-condition .modal-body .modal-body-inner {
  padding: 20px;
}
.modal-add-condition .modal-body .modal-body-inner .form-group {
  margin-right: 0;
  margin-left: 0;
}

.modal-set-content .modal-header {
  padding: 12px 12px 12px 20px;
  background-image: linear-gradient(#fff 0%, #eee);
}
.modal-set-content .modal-header .msc-header-title,
.modal-set-content .modal-header .msc-header-body {
  max-width: 100%;
  overflow: hidden;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-set-content .modal-header .msc-header-title {
  color: #393939;
  font-size: 16px;
}
.modal-set-content .modal-header .msc-header-body {
  margin-top: 6px;
  color: #777;
  font-size: 14px;
}

.modal-set-content .modal-body {
  padding: 0;
}
.modal-set-content .modal-body .modal-body-inner {
  padding: 20px;
}

.modal-set-content-multiple .modal-body {
  padding: 0;
}
.modal-set-content-multiple .modal-body .modal-body-inner {
  padding: 20px;
}

.explain-lead-block {
  font-size: 13px;
  line-height: 20px;
}

.gps-input-wrap {
  position: relative;
  margin-top: 10px;
}
.gps-input-wrap.has-error input {
  border-color: #f09784;
  background-color: #ffc !important;
  color: #d68273;
  box-shadow: none;
}
.gps-input-wrap.has-error input:focus {
  border-color: #db8978;
  color: #866;
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, .3);
}
.gps-input-wrap.has-error i[class*="fa fa-"] {
  color: #d68273;
}
.gps-input-wrap.has-error + .alert-text {
  display: block;
  color: #d68273;
}
.gps-input-wrap .gps_maps_search_address {
  padding-right: 40px;
}
.gps-input-wrap .gps_maps_search_button {
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 40px;
  height: 32px;
  padding-top: 6px;
  color: #858585;
  text-align: center;
  cursor: pointer;
  transition: color .15s ease;
}
.gps-input-wrap .gps_maps_search_button:hover {
  color: #bbb;
}
.gps-input-wrap .gps_maps_search_button.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.gps-input-wrap + .alert-text {
  display: none;
  margin-top: 5px;
  font-size: 12px;
  line-height: 19px;
}

.gps-maps-wrap {
  margin-top: 15px;
}
.gps-maps-wrap .gps_google_maps {
  height: 450px;
}

.cognitive-area-wrap {
  margin: 15px 0 0;
  font-size: 0;
}
.cognitive-area-wrap.has-error input {
  border-color: #f09784;
  background-color: #ffc !important;
  color: #d68273;
  box-shadow: none;
}
.cognitive-area-wrap.has-error input:focus {
  border-color: #db8978;
  color: #866;
  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, .3);
}
.cognitive-area-wrap.has-error + .alert-text {
  display: block;
  color: #d68273;
}
.cognitive-area-wrap.has-error + .alert-text:empty {
  display: none;
}
.cognitive-area-wrap.has-error + .alert-text:blank {
  display: none;
}
.cognitive-area-wrap > * {
  display: inline-block;
  vertical-align: top;
}
.cognitive-area-wrap .follow-block {
  display: block;
}
.cognitive-area-wrap .label_cognitive_area,
.cognitive-area-wrap .gps_cognitive_area_suffix {
  padding-top: 7px;
  font-size: 14px;
  line-height: 21px;
}
.cognitive-area-wrap .gps_cognitive_area_suffix {
  padding-left: 10px;
}
.cognitive-area-wrap .gps_cognitive_area_unit {
  font-size: 14px;
  line-height: 1.2 !important;
}
.cognitive-area-wrap + .alert-text {
  display: none;
  font-size: 11px;
  line-height: 19px;
}
.gps_cognitive_area {
  font-size: 14px;
}

.gps_cognitive_area_unit {
  font-size: 14px;
  line-height: 1.2 !important;
}

.gps_cognitive_area_unit_string {
  display: inline-block;
  font-size: 14px;
}
.gps_cognitive_area {
  font-size: 14px;
}

.gps_cognitive_area_unit {
  font-size: 14px;
  line-height: 1.2 !important;
}
.gps_cognitive_area_unit_string {
  display: inline-block;
  font-size: 14px;
}
.cognitive-area-wrap + .alert-text {
  display: none;
  font-size: 11px;
  line-height: 19px;
}

.custom_content_table .table th,
.custom_content_table .table td {
  font-size: 13px;
  line-height: 20px;
  vertical-align: middle;
}
.custom_content_table .table th.cell-size12,
.custom_content_table .table td.cell-size12 {
  font-size: 12px;
  line-height: 18px;
}
.custom_content_table .table th.cell-size14,
.custom_content_table .table td.cell-size14 {
  font-size: 14px;
  line-height: 21px;
}
.custom_content_table .table th.cell-action,
.custom_content_table .table td.cell-action {
  padding-left: 0 !important;
}

.custom_content_table .table .ui-inline-del,
.custom_content_table .table .ui-inline-edit {
  margin-right: 5px;
  float: left;
}
.custom_content_table .table .ui-inline-del:last-child,
.custom_content_table .table .ui-inline-edit:last-child {
  margin-right: 0;
}

.condition_table {
  margin-top: 20px;
}
.condition_table .table {
  background-color: #fff;
}
.condition_table .table.table-th-fixed-header {
  margin-bottom: 0;
  border-bottom: none;
}
.condition_table .table.table-hover.table-th-fixed-body tbody tr:nth-child(odd):hover td {
  background-color: #f9f9f9;
}
.condition_table .table.table-hover.table-th-fixed-body tbody tr:nth-child(even):hover td {
  background-color: #eff4f7;
}
.condition_table .table.ui-jqgrid-btable td:last-child:before {
  display: block;
  height: 39px;
  float: left;
  content: '';
}
.condition_table .table th .small,
.condition_table .table td .small {
  font-size: 12px;
}
.condition_table .table th.cell-place:empty,
.condition_table .table td.cell-place:empty {
  background-image: linear-gradient(to bottom left, transparent, transparent 49.5%, #ddd 49.5%, #ddd 50.5%, transparent 50.5%);
}
.condition_table .table th.cell-place:blank,
.condition_table .table td.cell-place:blank {
  background-image: linear-gradient(to bottom left, transparent, transparent 49.5%, #ddd 49.5%, #ddd 50.5%, transparent 50.5%);
}
.condition_table .table.table-th-fixed-body {
  margin-bottom: 0;
  counter-reset: content 0;
}
.condition_table .table tr:not(.content-totals) td.cell-number:before {
  content: counter(content);
  counter-increment: content 1;
}

/* コンテンツの追加 */
.content-multiple-wrap.show + .content-adding-wrap {
  margin-top: 20px;
}

/* .content_setting_table.content_setting_table--unlimited .cell-ratio {
  display: none;
} */
.content_setting_table.content_setting_table--unlimited .cell-limit {
  display: none;
}

.content_setting_table.content_setting_table--unlimited .cell-contentname {
  width: 350px;
  white-space: pre-wrap;
}

.content_setting_table.content_setting_table--unlimited .cell-content {
  width: 448px;
  white-space: pre-wrap;
}

/* content total by lisa 10.1.0 start */
.content_setting_table.content_setting_table--content_total .cell-ratio {
  display: none;
}

.content_setting_table.content_setting_table--content_total .cell-contentname {
  width: 200px;
}

.content_setting_table.content_setting_table--content_total .cell-content {
  width: 250px;
}
/* content total by lisa 10.1.0 end */

.content_setting_table.content_setting_table--by_condition .cell-contentname {
  width: 200px;
}

.content_setting_table.content_setting_table--by_condition .cell-content {
  width: 340px;
}

.content_setting_table.content_setting_table--total .cell-limit {
  display: none;
}

.content_setting_table.content_setting_table--total .cell-contentname {
  width: 300px;
}
.content_setting_table.content_setting_table--total .cell-content {
  width: 418px;
}
.content_setting_table.content_setting_table--content_total .cell-ratio {
  display: none;
}
.content_setting_table.content_setting_table--content_total .cell-contentname {
  width: 250px;
}

.content_setting_table.content_setting_table--content_total .cell-content {
  width: 348px;
}

.content_setting_table .table.table-th-fixed-header {
  margin-bottom: 0;
  border-bottom: none;
}

.content_setting_table .table.table-hover.table-th-fixed-body tbody tr:nth-child(odd):hover td {
  background-color: #f9f9f9;
}

.content_setting_table .table.table-hover.table-th-fixed-body tbody tr:nth-child(even):hover td {
  background-color: #eff4f7;
}

.content_setting_table .table.table-th-fixed-body {
  margin-bottom: 0;
  counter-reset: content 0;
}

.content_setting_table .table tr.content-totals {
  border: none;
  background-color: #f9f9f9;
}
.content_setting_table .table tr.content-totals td {
  padding-top: 8px;
  padding-bottom: 7px;
  border: none;
  color: #777;
}
.content_setting_table .table tr.content-totals td:first-child:before {
  display: none;
}
.content_setting_table .table tr.content-totals td.cell-action {
  line-height: 20px;
}
.content_setting_table .table tr.content-totals td.cell-ratio,
.content_setting_table .table tr.content-totals td.cell-limit {
  font-size: 13px;
}
.content_setting_table .table tr.content-totals td.cell-ratio.error-state,
.content_setting_table .table tr.content-totals td.cell-limit.error-state {
  color: #d68273;
}
.content_setting_table .table tr.content-totals td.cell-ratio:not(:empty):after {
  content: ' \ff05';
}
.content_setting_table .table tr.content-totals td.cell-limit:not(:empty):after {
  content: ' \56de';
}

.content_setting_table .table tr:not(.content-totals) td.cell-number:before {
  content: counter(content);
  counter-increment: content 1;
}

.content_setting_table .table td:first-child:before {
  display: block;
  height: 30px;
  float: left;
  content: '';
}

.content_setting_table .table td.cell-action {
  line-height: 30px;
}

.content_setting_table .table td.cell-ratio,
.content_setting_table .table td.cell-limit {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 0;
}
.content_setting_table .table td.cell-ratio input,
.content_setting_table .table td.cell-limit input {
  width: calc(100% - 26px);
  height: 34px;
  font-size: 14px;
}

.content_setting_table .table .input-suffix {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: bottom;
}

.content-adding-wrap {
  margin: 25px 10px 0;
  border: 1px solid #ccc;
}
.content-adding-wrap.content-adding-wrap--multiple .content-multiple-title,
.content-adding-wrap.content-adding-wrap--multiple .content-multiple-footer {
  display: block;
}
.content-adding-wrap .content-multiple-title {
  display: none;
  height: 30px;
  padding: 5px 0 0 10px;
  background-color: #f8f8f8;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
}
.content-adding-wrap .content-adding-body {
  padding: 10px 0 20px;
}
.content-adding-wrap .content-adding-body .content-adding-body-basic,
.content-adding-wrap .content-adding-body .content-adding-body-detail {
  padding: 0 20px;
}

.content-adding-body-inner .content_setting_inline {
  display: inline-block;
}

.content-adding-body-inner .classification {
  margin-right: 25px;
}

.content-adding-body-inner .explain_3dobj_wrap {
  font-size: 12px;
  line-height: 18px;
}

.content-adding-body-inner label + .help-button {
  margin-left: 8px;
  vertical-align: 2px;
}

.content-adding-body-inner .camera_mode_wrap .support-text {
  padding-left: 20px;
}

.scalefactor-setting-wrap {
  height: 30px;
  font-size: 0;
}
.scalefactor-setting-wrap > * {
  display: inline-flex;
  align-items: center;
  /* flex */
  justify-content: center;
  vertical-align: top;
}
.scalefactor-setting-wrap .scalefactor-calc {
  position: relative;
  width: 18px;
  height: 100%;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  color: #666;
  font-size: 14px;
  line-height: 14px;
  z-index: 1;
}
.scalefactor-setting-wrap .scalefactor-calc:before,
.scalefactor-setting-wrap .scalefactor-calc:after {
  display: inline-block;
  position: absolute;
  content: '';
}
.scalefactor-setting-wrap .scalefactor-calc:before {
  top: -1px;
  width: 20px;
  height: 30px;
  border-top: 15px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid transparent;
  z-index: -2;
}
.scalefactor-setting-wrap .scalefactor-calc:after {
  top: 0;
  width: 18px;
  height: 28px;
  border-top: 14px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 9px solid transparent;
  z-index: -1;
}
.scalefactor-setting-wrap .scalefactor-calc[data-behavior="minus"] {
  /* flex */
  justify-content: flex-start;
  margin-left: 10px;
  border-left: none;
}
.scalefactor-setting-wrap .scalefactor-calc[data-behavior="minus"]:before {
  left: -20px;
  border-right-color: #afafaf;
}
.scalefactor-setting-wrap .scalefactor-calc[data-behavior="minus"]:after {
  left: -18px;
  border-right-color: #f5f5f5;
}
.scalefactor-setting-wrap .scalefactor-calc[data-behavior="minus"]:hover:after {
  border-right-color: #dcdcdc;
}
.scalefactor-setting-wrap .scalefactor-calc[data-behavior="plus"] {
  /* flex */
  justify-content: flex-end;
  border-right: none;
}
.scalefactor-setting-wrap .scalefactor-calc[data-behavior="plus"]:before {
  right: -20px;
  border-left-color: #afafaf;
}
.scalefactor-setting-wrap .scalefactor-calc[data-behavior="plus"]:after {
  right: -18px;
  border-left-color: #f5f5f5;
}
.scalefactor-setting-wrap .scalefactor-calc[data-behavior="plus"]:hover:after {
  border-left-color: #dcdcdc;
}
.scalefactor-setting-wrap .scalefactor-calc:hover {
  background-color: #dcdcdc;
  opacity: 1;
}
.scalefactor-setting-wrap .scalefactor-calc.scalefactor-calc--disabled {
  color: #ccc;
  opacity: 1;
  pointer-events: none;
}
.scalefactor-setting-wrap .scalefactor-display {
  width: 72px;
  height: 100%;
  margin: 0;
  font-size: 14px;
  line-height: 14px;
}

.camera_mode_wrap .support-text {
  padding-left: 20px;
}

/* Google Maps */
.gm-style > [tabindex="0"]:first-child {
  cursor: pointer !important;
}

/* カスタムコンテンツ作成　利用していないコンテンツ */
.notused-contents .table {
  margin-bottom: 0;
}
.notused-contents .table thead:first-child tr {
  background: #f2f2f2;
  background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#ffececec',GradientType=0);
}
.notused-contents .table tr.highlighted td {
  background-color: #e4efc9 !important;
}
.notused-contents .table th,
.notused-contents .table td {
  font-size: 13px;
}
.notused-contents .table .table_tooltip {
  color: #999;
  font-size: 18px;
}
.bootstrap-timepicker-widget {
  z-index: 1050;
}

/* 通常コンテンツ新規登録 */
.hide-control-movie {
  display: inline-block;
  margin: 5px 0;
  padding-right: 10px;
  font-size: 0;
  vertical-align: middle;
}
.hide-control-movie label {
  font-size: 14px;
}
.hide-control-movie .help-button {
  vertical-align: middle;
}

/* コンテンツ系一覧画面 */
.nav .tags-header {
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}
.nav .tags-header label {
  margin-bottom: 0;
}
.nav .tags-header .tags-header-main {
  color: #717171;
  font-size: 12px;
  line-height: 16px;
}
.nav .tags-header .tags-header-sub {
  color: #999;
  font-size: 11px;
  line-height: 14px;
}

.nav .list-tags {
  width: 250px;
}

.nav .tags-clear-wrap {
  display: inline-block;
  height: 30px;
  margin-left: 10px;
  padding-top: 5px;
  vertical-align: top;
}
.nav .tags-clear-wrap .tags-clear {
  color: #717171;
  font-size: 12px;
  line-height: 20px;
  text-decoration: underline;
}
.nav .tags-clear-wrap .tags-clear:hover {
  color: #3e3e3e;
}
.nav .tags-clear-wrap .tags-clear.disabled {
  opacity: .5;
  pointer-events: none;
}
.active_if_has_link {
  position: relative;
}
.active_if_has_link.disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.active_if_has_link.disabled input {
  pointer-events: none;
}
.active_if_has_link.disabled:after {
  z-index: 11;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* background-color: rgba(255, 255, 255, .5); */
  content: '';
}

/*scan count error by lisa 10.1.0 start*/
.scan-count-error {
	border-color: #f09784;
    background-color: #ffc !important;
    color: #d68273;
}
/*scan count error by lisa 10.1.0 end*/


.app-icon-change {
  border: 1px solid #999;
}
.app-icon-change,
.app-icon-change * {
  box-sizing: border-box;
}
.app-icon-change thead tr {
  border-bottom: 1px solid #999;
}
.app-icon-change thead tr th {
  width: 200px;
  height: 31px;
  padding: 5px 10px;
  border-right: 1px solid #999;
  background-color: #ccc;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.app-icon-change thead tr th:last-child {
  border-right: none;
}
.app-icon-change tbody tr {
  border-bottom: 1px solid #999;
}
.app-icon-change tbody tr:last-child {
  border-bottom: 0;
}
.app-icon-change tbody tr td {
  width: 200px;
  padding: 10px;
  border-right: 1px solid #999;
  text-align: center;
  vertical-align: middle;
}
.app-icon-change tbody tr td:last-child {
  border-right: none;
}
.app-icon-change tbody tr td.icon-house {
  background-color: #eee;
}

.logs-wrap .log-title-wrap {
  padding: 8px 0 4px;
  font-size: 0;
}
.logs-wrap .log-title-wrap > * {
  display: inline-block;
  line-height: 32px;
}
.logs-wrap .log-title > * {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  vertical-align: bottom;
}
.logs-wrap .log-summary {
  margin-left: 80px;
}
.logs-wrap .log-summary .log-summary-item {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}
.logs-wrap .log-summary .log-summary-item + .log-summary-item {
  margin-left: 40px;
}
.logs-wrap .log-summary .log-summary-item .log-summary-title {
  display: inline-block;
  font-size: 16px;
}
.logs-wrap .log-summary .log-summary-item .log-summary-value {
  display: inline-block;
  font-size: 16px;
}
.logs-wrap .log-summary .log-summary-item .log-summary-value > div {
  display: inline-block;
  line-height: 32px;
}
.logs-wrap .log-summary .log-summary-item .log-summary-value .log-summary-value-number {
  font-size: 32px;
}
.logs-wrap .log-summary .log-summary-item .log-summary-value .log-summary-value-suffix {
  margin-left: 5px;
  font-size: 16px;
}
.logs-wrap .log-group .log-block {
  margin-top: 40px;
  padding: 20px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
}
.logs-wrap .log-group .log-block.log-block--nomargin {
  margin-top: 0;
}
.logs-wrap .log-group .log-block.log-block--gender {
  padding: 20px 0;
}
.logs-wrap .log-group .log-block.log-block--gender .log-block-title-wrap,
.logs-wrap .log-group .log-block.log-block--gender .log-block-graph-wrap,
.logs-wrap .log-group .log-block.log-block--gender .log-block-legend-wrap {
  padding: 0 20px;
}
.logs-wrap .log-group .log-block.log-block--gender .log-block-tab-wrap {
  padding: 20px 0 0;
}
.logs-wrap .log-group .log-block.log-block--gender .log-block-tab-wrap .nav {
  padding-left: 20px;
}
.logs-wrap .log-group .log-block.log-block--gender .log-block-graph-wrap {
  padding-top: 30px;
}
.logs-wrap .log-group .log-block .log-block-title-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.logs-wrap .log-group .log-block .log-block-title-wrap .log-title-block {
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.logs-wrap .log-group .log-block .log-block-title-wrap .log-title-block .log-summary {
  height: 40px;
  padding-top: 7px;
}
.logs-wrap .log-group .log-block .log-block-title-wrap .log-block-title {
  padding-bottom: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.logs-wrap .log-group .log-block .log-block-title-wrap .log-right-block {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  font-size: 0;
}
.logs-wrap .log-group .log-block .log-block-title-wrap .log-right-block .btn,
.logs-wrap .log-group .log-block .log-block-title-wrap .log-right-block .ui-inline-edit,
.logs-wrap .log-group .log-block .log-block-title-wrap .log-right-block .ui-inline-del {
  font-size: 14px;
}
.logs-wrap .log-group .log-block .log-block-title-wrap .log-right-block .btn + select,
.logs-wrap .log-group .log-block .log-block-title-wrap .log-right-block .ui-inline-edit + select,
.logs-wrap .log-group .log-block .log-block-title-wrap .log-right-block .ui-inline-del + select {
  margin-left: 10px;
}
.logs-wrap .log-group .log-block .log-block-title-wrap .log-right-block select {
  height: 34px;
  font-size: 14px;
}
.logs-wrap .log-group .log-block .log-block-graph-wrap {
  font-size: 0;
}
.logs-wrap .log-group .log-block .log-block-graph-wrap .log-block-graph {
  display: inline-block;
  vertical-align: top;
}
.logs-wrap .log-group .log-block .log-block-graph-wrap .log-block-graph.log-block-graph--gender-pie {
  width: 410px;
  height: 360px;
}
.logs-wrap .log-group .log-block .log-block-graph-wrap .log-block-graph.log-block-graph--gender-bar {
  width: calc(100% - 410px);
  height: 360px;
}
.logs-wrap .log-group .log-block .log-block-graph {
  width: 100%;
}
.logs-wrap .log-group .log-block .log-block-graph.log-block-graph--user-line,
.logs-wrap .log-group .log-block .log-block-graph.log-block-graph--displayratio-line,
.logs-wrap .log-group .log-block .log-block-graph.log-block-graph--aro-line,
.logs-wrap .log-group .log-block .log-block-graph.log-block-graph--push-notify-line {
  height: 450px;
}
.logs-wrap .log-group .log-block .log-block-graph.log-block-graph--os-pie,
.logs-wrap .log-group .log-block .log-block-graph.log-block-graph--jumpedfrom-pie {
  height: 360px;
}
.logs-wrap .log-group .log-block .log-block-graph.log-block-graph--area-bar,
.logs-wrap .log-group .log-block .log-block-graph.log-block-graph--genre-bar {
  height: 432px;
  /* min-height: 432px; */
}
.logs-wrap .log-group .log-block .log-block-graph--nodata {
  z-index: 1;
  position: relative;
}
.logs-wrap .log-group .log-block .log-block-graph--nodata:before,
.logs-wrap .log-group .log-block .log-block-graph--nodata:after {
  display: inline-flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  color: #393939;
  white-space: pre;
}
.logs-wrap .log-group .log-block .log-block-graph--nodata:before {
  z-index: 2;
  padding-bottom: 34px;
  background-color: rgba(251, 251, 251, .85);
  content: attr(data-before-text);
  font-weight: 700;
  font-size: 28px;
}
.logs-wrap .log-group .log-block .log-block-graph--nodata:after {
  z-index: 3;
  padding-top: 34px;
  content: attr(data-after-text);
  font-size: 15px;
  line-height: 18px;
}
.logs-wrap .log-group .log-block .log-block-legend-wrap .log-block-legend {
  height: 39px;
}
.logs-wrap .log-group .log-block .log-block-legend-wrap .log-block-legend.log-block-legend--os,
.logs-wrap .log-group .log-block .log-block-legend-wrap .log-block-legend.log-block-legend--jumpedfrom {
  height: 78px;
}
.logs-wrap .log-group .log-block .log-options {
  display: flex;
  align-items: center;
  justify-content: center;
}
.logs-wrap .log-group .log-block .log-settings {
  display: flex;
  padding-left: 20px;
}
.logs-wrap .log-group .log-block .log-settings .log-setting-item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0;
}
.logs-wrap .log-group .log-block .log-settings .log-setting-item + .log-setting-item {
  margin-left: 40px;
}
.logs-wrap .log-group .log-block .log-settings .log-setting-item .log-setting-item-title {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
  padding-right: 10px;
  font-size: 14px;
}
.logs-wrap .log-group .log-block .log-settings .log-setting-item .log-setting-item-setting {
  font-size: 14px;
}
.logs-wrap .log-group .log-block .log-settings .log-setting-item .log-setting-item-setting .ui-selectmenu-button {
  width: 80px !important;
  height: 40px;
}
.logs-wrap .log-group .log-block .log-settings .log-setting-item .log-setting-item-setting .ui-selectmenu-button .ui-selectmenu-text {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.logs-wrap .log-group .logs-row {
  display: flex;
  margin-top: 40px;
  font-size: 0;
}
.logs-wrap .log-group .logs-row.logs-row--col2 .log-block-wrap {
  display: inline-block;
  width: calc((100% - 40px) / 2);
}
.logs-wrap .log-group .logs-row.logs-row--col2 .log-block-wrap + .log-block-wrap {
  margin-left: 40px;
}
.logs-wrap .log-group .logs-row .log-block {
  margin-top: 0;
  font-size: 14px;
}
.logs-wrap .lineToolTip {
  padding-bottom: 2px;
  color: #2b2b2b;
}
.logs-wrap .lineToolTip .title {
  margin-bottom: 7px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: left;
}
.logs-wrap .lineToolTip .item {
  margin-bottom: 5px;
  font-size: 0;
}
.logs-wrap .lineToolTip .item:last-child {
  margin-bottom: 0;
}
.logs-wrap .lineToolTip .item .colortip {
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-right: 5px;
  vertical-align: middle;
}
.logs-wrap .lineToolTip .item .item_data {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  min-width: 150px;
  vertical-align: middle;
}
.logs-wrap .lineToolTip .item .item_data .item_name {
  display: inline-block;
  flex: 0 0 80px;
  width: 80px;
  font-size: 12px;
  line-height: 16px;
}
.logs-wrap .lineToolTip .item .item_data .item_value {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.log-block--aroLine .lineToolTip .item .item_data {
  width: auto;
  min-width: 170px;
}
.log-block--aroLine .lineToolTip .item .item_data .item_name {
  flex: 0 0 100px;
  width: 100px;
}

.content_category {
  max-height: 34px;
}

.SumoSelect:hover > .CaptionCont {
  border-color: #b5b5b5;
  box-shadow: none;
}
.SumoSelect:focus > .CaptionCont {
  border-color: #f59942;
  box-shadow: none;
}
.SumoSelect > .CaptionCont {
  height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 0;
  border-color: #d5d5d5;
}
.SumoSelect > .CaptionCont > span.placeholder {
  color: #858585;
  font-style: normal;
}
.SumoSelect > .CaptionCont > label i {
  margin-top: 8px;
  margin-bottom: 8px;
}
.SumoSelect > .optWrapper {
  border-radius: 0;
}
.SumoSelect > .optWrapper.up {
  margin-bottom: 0;
}
.SumoSelect > .optWrapper > .options li.opt {
  border-bottom: none;
}
.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #1e90ff;
  color: #fff;
}
.SumoSelect > .optWrapper > .options li label {
  margin-bottom: 0;
  padding-top: 2px;
}

/* アカウント新規登録 */
.register-confirm-block {
  max-height: 300px;
  margin-top: 10px;
  padding: 10px;
  overflow-y: auto;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
}
.register-confirm-block dl {
  margin: 0 0 8px;
  font-size: 0;
}
.register-confirm-block dl:last-child {
  margin-bottom: 0;
}
.register-confirm-block dl > * {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.register-confirm-block dl dt {
  width: 280px;
}
.register-confirm-block dl dd {
  width: calc(100% -  280px );
}

.share-url-copy {
display: inline-block;
  color: #35ba99;
  font-size: 20px;
  text-decoration: none;
vertical-align: middle;
}
.share-url-copy:hover {
  text-decoration: none;
}
.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 {
  width: 20px;
  height: 20px;
}
.show-share-qr-icon .qr-code-icon .qrpath {
  fill: #555;
}

.label-publishstatus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 0 4px;
}

/* 11.1.1 by komori*/
.modal_selectview_ad .modal-body,
.modal_selectview_selection .modal-body,
.modal-set-content-multiple .modal-body {
  max-height: calc(100vh - 173px);
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-add-condition .modal-body,
.modal-set-content .modal-body {
  max-height: calc(100vh - 220px);
  overflow-x: hidden;
  overflow-y: auto;
}


.image-preview-wrap {
  font-size: 0;
}
.image-preview-wrap img {
  display: inline-block;
  width: auto;
  max-width: 120px;
  height: auto;
  margin: 5px 10px;
  vertical-align: top;
}
.image-preview-wrap img:first-child {
  margin-left: 0;
}
.image-preview-wrap img:last-child {
  margin-right: 0;
}


.widget-main.notify-area {
  max-height: calc(100vh - 151px);
  overflow-y: auto;
}

.notify-area {
  min-width: 0;
  min-height: 0;
  background-color: #fff;
  color: #393939;
  font-size: 14px;
  line-height: normal;
}
.notify-area h1 {
  position: relative;
  -webkit-margin-before: 18px;
          margin-block-start: 18px;
  -webkit-margin-after: 18px;
          margin-block-end: 18px;
  font-weight: 700;
  font-size: 28px;
}
.notify-area h1:after {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #393939;
  content: "";
}
.notify-area h2 {
  -webkit-margin-before: 17px;
          margin-block-start: 17px;
  -webkit-margin-after: 17px;
          margin-block-end: 17px;
  font-weight: 700;
  font-size: 21px;
}
.notify-area h3 {
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  font-weight: 700;
  font-size: 17px;
}
.notify-area p {
  -webkit-margin-before: 14px;
          margin-block-start: 14px;
  -webkit-margin-after: 14px;
          margin-block-end: 14px;
}
.notify-area p a {
  color: #428bca;
  text-decoration: none;
}
.notify-area p a:hover {
  color: #2a6496;
  text-decoration: underline;
}
.notify-area ul,
.notify-area ol {
  -webkit-margin-before: 14px;
          margin-block-start: 14px;
  -webkit-margin-after: 14px;
          margin-block-end: 14px;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.notify-area ul {
  list-style-type: disc;
}
.notify-area ol {
  list-style-type: decimal;
}

.uploaded-block {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 10px;
}
.uploaded-block .uploaded-item {
  display: inline-flex;
  flex: 0 0 170px;
  flex-direction: column;
  justify-content: space-between;
  width: 170px;
  margin-right: 21px;
  height: 246px;
}
.uploaded-block .uploaded-item:nth-child(3) {
  margin-right: 22px;
}
.uploaded-block .uploaded-item:last-child {
  margin-right: 0;
}
.uploaded-block .uploaded-item img {
  width: 100%;
  height: auto;
}
.uploaded-block .uploaded-item .btn,
.uploaded-block .uploaded-item .ui-inline-edit,
.uploaded-block .uploaded-item .ui-inline-del {
  width: 100%;
  margin-top: 4px;
}

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

.modal-show-marker .modal-content img {
  width: auto;
  max-width: 60vw;
  height: auto;
  max-height: 60vh;
}

.swiper-parent {
  display: block;
}

.extend-expressions-wrapper {
  width: calc(100% - 24px);
  margin: 0 12px;
  padding: 0 0 10px;
}
.extend-expressions-wrapper.extend-expressions-wrapper--custom {
  width: 644px;
}
.extend-expressions-wrapper.extend-expressions-wrapper--custom-multi {
  width: 690px;
}
.extend-expressions-wrapper .swiper-button-prev,
.extend-expressions-wrapper .swiper-button-next {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  opacity: .7;
  transition: opacity .3s ease-in-out;
}
.extend-expressions-wrapper .swiper-button-prev:hover,
.extend-expressions-wrapper .swiper-button-next:hover {
  opacity: .9;
}
.extend-expressions-wrapper .swiper-button-prev:after,
.extend-expressions-wrapper .swiper-button-next:after {
  font-size: 16px;
}
.extend-expressions-wrapper .swiper-button-prev.swiper-button-disabled,
.extend-expressions-wrapper .swiper-button-next.swiper-button-disabled {
  opacity: .35;
}
.extend-expressions-wrapper .swiper-button-prev.swiper-button-disabled:hover,
.extend-expressions-wrapper .swiper-button-next.swiper-button-disabled:hover {
  opacity: .35;
}

.extend-expressions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
}
.extend-expressions .ee-item {
  flex: 0 0 150px;
  width: 150px;
  margin-right: 8px;
}
.extend-expressions .ee-item input[type=radio] {
  display: none;
}
.extend-expressions .ee-item input[type=radio]:checked + .ee-item-inner {
  border-color: #468fcc;
}
.extend-expressions .ee-item input[type=radio]:checked + .ee-item-inner .ee-item-name {
  font-weight: 700;
}
.extend-expressions .ee-item input[type=radio] + .ee-item-inner {
  padding: 4px;
  border: 4px solid rgba(70, 143, 204, 0);
  transition: border-color .2s ease-in-out;
}
.extend-expressions .ee-item .ee-item-inner .ee-item-inner-frame {
  padding: 6px;
  border: 1px solid #ccc;
}
.extend-expressions .ee-item .ee-item-inner .ee-item-image img {
  width: 120px;
  height: auto;
}
.extend-expressions .ee-item .ee-item-inner .ee-item-name {
  margin-top: 7px;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uploaded-wrap{
	position: relative;
}
.uploaded-wrap .image-item{
	position: relative;
    height: 246px;
}
.uploaded-wrap .image-item .image-wrap{
	height: 170px;
	overflow: hidden;
}
.uploaded-wrap .err-info{
	position: relative;
	display: none;
}
body.page_header_fixed .modal{
	z-index: 100000;
}

.modal-dialog{
	z-index: 100000;
}
/* #main-container{
	height: calc(calc(100 * var(--vh, 1vh)) - 51px); 
} */
.modal-body--marker {
  max-height: calc(100vh - 170px);
  padding: 0;
}
.modal-body--marker .modal-body-scroll,
.modal-body--ee .modal-body-scroll {
  padding: 20px;
}
.modal-body--marker .gps_settings_wrap .control-label--switcher {
  padding-left: 0 !important;
}

.modal-body--marker,
.modal-body--ee {
  padding: 0;
}
.modal-body--marker .modal-body_scroll,
.modal-body--ee .modal-body_scroll {
  padding: 20px;
}
.modal-body--marker .gps_settings_wrap .control-label--switcher,
.modal-body--ee .gps_settings_wrap .control-label--switcher {
  padding-left: 0 !important;
}
.grey {
  color: #868686 !important;
}
h4.grey {
  font-weight: 700;
}
/* button */
.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 120px;
  height: 34px;
  padding: 0 12px !important;
  border-width: 1px;
  border-color: #e0e4e5 !important;
  background-color: #e0e4e5 !important;
  color: #666 !important;
  font-size: 14px;
  text-shadow: none !important;
}

.btn,
.ui-inline-edit,
.ui-inline-del {
 /*  display: inline-flex !important; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 120px;
  height: 34px;
  padding: 0 12px !important;
  border-width: 1px;
  border-color: #e0e4e5 !important;
  background-color: #e0e4e5 !important;
  color: #666 !important;
  font-size: 14px;
  text-shadow: none !important;
  /* primary */
  /* secondary */
  /* normal */
  /* edit / delete */
  /* モーダルの削除実行ボタン専用 */
}
.btn:focus,
.ui-inline-edit:focus,
.ui-inline-del:focus {
  outline: none;
}
.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 {
  border-color: #c4ccce !important;
  background-color: #c4ccce !important;
  color: #666 !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: .4;
}
.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 {
  border-color: #eff1f1 !important;
  background-color: #eff1f1 !important;
  color: #b1b1b1 !important;
}
.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;
}
button.btn.btn-primary.btn-danger-self{
  border-color: red !important;
  background-color: red !important;
}
.btn.btn-primary,
.btn-primary.ui-inline-edit,
.btn-primary.ui-inline-del {
  border-color: #a537db !important;
  background-color: #a537db !important;
  color: #fff !important;
  /* primary-sub */
}
.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: #7a1ea7 !important;
  background-color: #7a1ea7 !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: #d29aed !important;
  background-color: #d29aed !important;
  color: #fcf9fe !important;
}
.btn.btn-primary.btn-outlined,
.btn-primary.btn-outlined.ui-inline-edit,
.btn-primary.btn-outlined.ui-inline-del {
  border-color: #a537db !important;
  background-color: #fff !important;
  color: #8a22bd !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: #a537db !important;
  background-color: #a537db !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: #d19aec !important;
  background-color: #fff !important;
  color: #c48fdd !important;
}
.btn.btn-secondary,
.btn-secondary.ui-inline-edit,
.btn-secondary.ui-inline-del {
  border-color: #f3e4fa !important;
  background-color: #f3e4fa !important;
  color: #8a22bd !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: #cd8eea !important;
  background-color: #cd8eea !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: #f9f1fc !important;
  background-color: #f9f1fc !important;
  color: #c188dc !important;
}
.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.btn-edit,
.ui-inline-edit,
.btn-edit.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-edit.btn-hover,
.btn-hover.ui-inline-edit,
.btn-edit.btn-hover.ui-inline-del,
.btn.btn-edit:focus,
.ui-inline-edit:focus,
.btn-edit.ui-inline-del:focus {
  border-color: #f3e4fa !important;
  background-color: #f3e4fa !important;
  color: #a537db !important;
}
.btn.btn-edit:hover .ui-icon,
.ui-inline-edit:hover .ui-icon,
.btn-edit.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-edit:focus .ui-icon,
.ui-inline-edit:focus .ui-icon,
.btn-edit.ui-inline-del:focus .ui-icon {
  color: #a537db !important;
}
.btn.btn-edit:disabled,
.ui-inline-edit:disabled,
.btn-edit.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-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-edit.btn-disabled .ui-icon,
.btn-disabled.ui-inline-edit .ui-icon,
.btn-edit.btn-disabled.ui-inline-del .ui-icon {
  color: #b2b2b2 !important;
}
.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 {
  margin-left: 8px;
}
.btn.btn-edit .ui-icon,
.ui-inline-edit .ui-icon,
.btn-edit.ui-inline-del .ui-icon {
  color: #666 !important;
}
.btn.btn-delete,
.btn-delete.ui-inline-edit,
.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 .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 {
  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 {
  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 .ui-inline-edit,
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^="fa fa-"],
table .ui-inline-edit i[class^="fa fa-"],
table .btn.btn-delete i[class^="fa fa-"],
table .ui-inline-del i[class^="fa fa-"] {
  margin-right: 0 !important;
}
.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 .fa.fa-arrow-left,
.ui-inline-edit .fa.fa-arrow-left,
.ui-inline-del .fa.fa-arrow-left,
.btn .fa.fa-trash-o,
.ui-inline-edit .fa.fa-trash-o,
.ui-inline-del .fa.fa-trash-o,
.btn .fa.fa-download,
.ui-inline-edit .fa.fa-download,
.ui-inline-del .fa.fa-download,
.btn .fa.fa-remove,
.ui-inline-edit .fa.fa-remove,
.ui-inline-del .fa.fa-remove,
.btn .fa.fa-pencil,
.ui-inline-edit .fa.fa-pencil,
.ui-inline-del .fa.fa-pencil,
.btn .fa.fa-plus,
.ui-inline-edit .fa.fa-plus,
.ui-inline-del .fa.fa-plus {
  margin-top: -2px;
  margin-right: 5px;
  margin-left: 0;
}
.btn .fa.fa-arrow-right,
.ui-inline-edit .fa.fa-arrow-right,
.ui-inline-del .fa.fa-arrow-right {
  margin-top: -4px;
  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: #d29aed !important;
  background-color: #d29aed !important;
  color: #fcf9fe !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: #d19aec !important;
  background-color: #fff !important;
  color: #c48fdd !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: #f9f1fc !important;
  background-color: #f9f1fc !important;
  color: #c188dc !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;
}

.fa.fa-trash-o.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: #a537db !important;
  background-color: #a537db !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: #a537db !important;
  color: #fff;
}
.nav-list > li.active:not(.open) > a:not(.dropdown-toggle) {
  background-color: #a537db !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-] {
  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: #a537db !important;
  color: #fff !important;
}
.nav-list > li.open > a:not(.dropdown-toggle):hover {
  background-color: #a537db !important;
  color: #fff !important;
}
.nav-list > li.open > a > .arrow {
  transform: rotate(180deg);
}
.nav-list > li.disabled > a {
  background-color: rgba(0, 0, 0, .1) !important;
}
.nav-list > li.disabled > a:hover {
  background-color: rgba(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;
  transition: transform .3s ease-in-out;
}
.nav-list > li > a [class*=ccc-]:first-child {
  color: #44485b;
}
.nav-list > li > a [class*=ccc-]: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: #a537db !important;
  color: #fff;
  font-weight: 700;
}
.nav-list > li .submenu > li.active > a > [class*="fa fa-"]:first-child {
  color: #fff;
}
.nav-list > li .submenu > li.active > a:hover {
  background-color: #a537db !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*="fa 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: #a537db !important;
}
.menu-min .nav-list > li.active > a {
  background-color: #a537db !important;
  color: #fff !important;
}
.menu-min .nav-list > li.active > a:hover {
  background-color: #a537db !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: #a537db !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: #a537db;
  color: #393939;
}
.wizard-steps li.active .title {
  color: #393939;
}
.wizard-steps li.passed + li:before {
  background-color: #a537db;
}
.wizard-steps li.passed .step {
  border-color: #a537db;
  background-color: #a537db;
  color: #fff;
}
.wizard-steps li.passed .step:after {
  content: "\f00c";
  font-family: "FontAwesome";
}
.wizard-steps li.passed .title {
  color: #9b9b9b;
}
.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: #999;
}
.wizard-steps li .step:after {
  content: counter(step);
  font-size: 12px;
  line-height: 1;
}
.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.wizard-steps--3 {
  position: relative;
}
.wizard-steps.wizard-steps--3.wizard-steps--center {
  width: 461px;
}
.wizard-steps.wizard-steps--3 li:nth-child(1) {
  z-index: 3;
}
.wizard-steps.wizard-steps--3 li:nth-child(2) {
  z-index: 2;
}
.wizard-steps.wizard-steps--3 li:nth-child(3) {
  z-index: 1;
}
.wizard-steps.wizard-steps--4 {
  position: relative;
}
.wizard-steps.wizard-steps--4.wizard-steps--center {
  width: 678px;
}
.wizard-steps.wizard-steps--4 li:nth-child(1) {
  z-index: 4;
}
.wizard-steps.wizard-steps--4 li:nth-child(2) {
  z-index: 3;
}
.wizard-steps.wizard-steps--4 li:nth-child(3) {
  z-index: 2;
}
.wizard-steps.wizard-steps--4 li:nth-child(4) {
  z-index: 1;
}
.wizard-steps.wizard-steps--5 {
  position: relative;
}
.wizard-steps.wizard-steps--5.wizard-steps--center {
  width: 895px;
}
.wizard-steps.wizard-steps--5 li:nth-child(1) {
  z-index: 5;
}
.wizard-steps.wizard-steps--5 li:nth-child(2) {
  z-index: 4;
}
.wizard-steps.wizard-steps--5 li:nth-child(3) {
  z-index: 3;
}
.wizard-steps.wizard-steps--5 li:nth-child(4) {
  z-index: 2;
}
.wizard-steps.wizard-steps--5 li:nth-child(5) {
  z-index: 1;
}

.alert.alert-info {
  border-color: #d1ebfb;
  background-color: #d1ebfb;
  color: #0070b3;
}
.alert.alert-info hr {
  border-top-color: #bae1f9;
}
.alert.alert-info .alert-link {
  color: #005080;
}
.alert.alert-danger {
  border-color: #fce4e4;
  background-color: #fce4e4;
  color: #b94a48;
}
.alert.alert-danger hr {
  border-top-color: #f9cdcd;
}
.alert.alert-danger .alert-link {
  color: #953b39;
}
.alert.alert-warning {
  border-color: #fdf3da;
  background-color: #fdf3da;
  color: #ba8609;
}
.alert.alert-warning hr {
  border-top-color: #fcebc2;
}
.alert.alert-warning .alert-link {
  color: #896307;
}
.alert.alert-success {
  border-color: #e1f3e1;
  background-color: #e1f3e1;
  color: #42a142;
}
.alert.alert-success hr {
  border-top-color: #cfeccf;
}
.alert.alert-success .alert-link {
  color: #337d33;
}

td[aria-describedby=grid-table_myac] > 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;
}

.news_buttons_block .btn + .btn,
.news_buttons_block .ui-inline-del + .btn,
.news_buttons_block .ui-inline-edit + .btn,
.news_buttons_block .btn + .ui-inline-del,
.news_buttons_block .ui-inline-del + .ui-inline-del,
.news_buttons_block .ui-inline-edit + .ui-inline-del,
.news_buttons_block .btn + .ui-inline-edit,
.news_buttons_block .ui-inline-del + .ui-inline-edit,
.news_buttons_block .ui-inline-edit + .ui-inline-edit {
  margin-left: 10px;
}

.goto-updown-button {
  display: flex;
  position: fixed;
  top: calc((100% - 56px) / 2 + 5px);
  right: 10px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  opacity: .3;
  transition: opacity .3s ease-in-out;
}
.goto-updown-button:hover {
  color: #fff;
  text-decoration: none;
  opacity: .6;
}
.goto-updown-button.goto-updown-button--up {
  top: calc((100% - 56px) / 2 - 29px);
}
.goto-updown-button.goto-updown-button--fade {
  top: -1000px;
  opacity: 0;
  pointer-events: none;
}

.register-confirm-block {
  max-height: 300px;
  margin-top: 10px;
  padding: 10px;
  overflow-y: auto;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
}
.register-confirm-block dl {
  margin: 0 0 8px;
  font-size: 0;
}
.register-confirm-block dl:last-child {
  margin-bottom: 0;
}
.register-confirm-block dl > * {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.register-confirm-block dl dt {
  width: 280px;
}
.register-confirm-block dl dd {
  width: calc(100% - 280px);
}

.device-total-indent {
  padding-right: 19px;
  padding-left: 10px;
}


/* 12.4 */
.type-icon {
  color: #666;
  font-size: 24px;
}

[aria-describedby=grid-table_preview] {
  font-size: 0;
  line-height: 0;
  white-space: normal !important;
}

.content-preview-wrap {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
.content-preview-wrap a {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.content-preview-wrap a:hover:before {
  display: inline-flex;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .6);
  content: "\f01d\a0\518d\751f\3059\308b";
  color: #fff;
  font-size: 13px;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", "FontAwesome";
}

.content-preview-wrap img {
  z-index: 1;
  position: relative;
  width: auto;
  max-width: 80px;
  height: auto;
  max-height: 64px;
}

.marker-single-preview-wrap {
  /*display: inline-flex;*/
  align-items: center;
  justify-content: center;
}
.marker-single-preview-wrap img {
  position: relative;
  width: auto;
  max-width: 64px;
  height: auto;
  max-height: 64px;
}

.marker-single-preview-wrap.marker-single-preview-wrap--samemarker {
  position: relative;
}
.marker-single-preview-wrap.marker-single-preview-wrap--samemarker:after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
  content: "";
}
.marker-single-preview-wrap.marker-single-preview-wrap--samemarker img {
  z-index: 1;
}

.marker-single-preview-wrap.marker-single-preview-wrap--samemarker {
  position: relative;
}
.marker-single-preview-wrap.marker-single-preview-wrap--samemarker:after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
  content: "";
}
.marker-single-preview-wrap.marker-single-preview-wrap--samemarker img {
  z-index: 1;
}

.text-preview-wrap {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  white-space: normal;
}

.preview-multi-sign {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 4px;
  vertical-align: bottom;
}
.preview-multi-sign:before,
.preview-multi-sign:after {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #999;
  content: "";
}
.preview-multi-sign:before {
  left: 4px;
}
.preview-multi-sign:after {
  right: 0;
}

.audioPlayerLink {
  font-size: 13px;
}

.term-notopen {
  color: #bcbcbc;
}

.select2-container-multi.select2-container-active .select2-choices {
  border-color: #f59942;
}
.select2-container-multi .select2-choices {
  border: 1px solid #d5d5d5;
  background-image: none;
  font-size: 14px;
}
.select2-container-multi .select2-choices:hover {
  border-color: #b5b5b5;
}
.select2-container-multi .select2-choices .select2-search-choice {
  margin-left: 8px;
  padding: 7px 25px 4px 5px;
  border: none;
  border-radius: 0;
  background-image: none;
  background-color: #a3b1bf;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  line-height: 1;
}
.select2-container-multi .select2-search-choice-close {
  display: inline-flex;
  top: 0;
  right: 0;
  left: auto;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 100%;
}
.select2-container-multi .select2-search-choice-close:before,
.select2-container-multi .select2-search-choice-close:after {
  display: inline-block;
  position: absolute;
  top: 11px;
  width: 11px;
  height: 1px;
  transform-origin: center center;
  background-color: #fff;
  content: "";
}
.select2-container-multi .select2-search-choice-close:before {
  transform: rotate(45deg);
}
.select2-container-multi .select2-search-choice-close:after {
  transform: rotate(135deg);
}
.select2-container-multi .select2-search-choice-close:hover {
  background-color: #768ba0;
}
.select2-drop {
  border-bottom-width: 1px;
  border-color: #f59942;
}

/* コンテンツ新規作成時の表示箇所選択 */
.modal-contentcreate-select + .modal-marker-select {
  z-index: 1060;
}

.content-create-selects-wrap {
  grid-gap: 10px 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 300px);
  grid-auto-rows: 1fr;
  width: 920px;
  margin: 20px auto 0;
}

.content-create-item {
   display: inline-block;
   padding: 12px 10px 10px;
   border-radius: 4px;
   background-color: #cdd5d7;
   cursor: pointer;
}
.content-create-item:last-child {
  margin-right: 0;
}
.content-create-item:hover {
  background-color: #a537db;
  text-decoration: none;
}
.content-create-item:hover .content-create-item-title {
  color: #fff;
}
.content-create-item:hover .content-create-item-body {
  border-color: #fff;
}
.content-create-item.out-of-plan {
  cursor: not-allowed;
}
.content-create-item.out-of-plan:hover {
  background-color: #cdd5d7;
}
.content-create-item.out-of-plan:hover .content-create-item-title {
  color: #393939;
}
.content-create-item.out-of-plan .content-create-item-body {
  border-color: #adbabe;
}
.content-create-item.out-of-plan .content-create-item-body:after {
  display: flex;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .4);
  content: "\203b\30d7\30e9\30f3\5bfe\8c61\5916";
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.content-create-item-title {
  color: #393939;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}

.content-create-item-body {
  position: relative;
  margin-top: 7px;
  padding: 10px 10px 5px 10px;
  border: 1px solid #adbabe;
  border-radius: 4px;
  background-color: #fff;
}

.content-create-item-body-lead {
  height: 36px;
  color: #393939;
  font-size: 12px;
  line-height: 18px;
}

.content-create-item-body-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 98px;
  margin-top: 5px;
}

.content-create-item-image-marker {
  display: inline-block;
  width: 129px;
  height: 80px;
  background-image: url(../img/_sprite_create_select.png?vvv1270);
  background-position: 0% 100%;
  background-size: 309.3023255814% 292.5%;
  background-repeat: no-repeat;
}
.content-create-item-image-marker:after {
  display: block;
  padding-top: 62.015503876%;
  content: "";
}

.content-create-item-image-horizontal {
  display: inline-block;
  width: 145px;
  height: 80px;
  background-image: url(../img/_sprite_create_select.png?vvv1270);
  background-position: 0% 46.7532467532%;
  background-size: 275.1724137931% 292.5%;
  background-repeat: no-repeat;
}
.content-create-item-image-horizontal:after {
  display: block;
  padding-top: 55.1724137931%;
  content: "";
}

.content-create-item-image-vertical {
  display: inline-block;
  width: 76px;
  height: 98px;
  background-image: url(../img/_sprite_create_select.png?vvv1270);
  background-position: 100% 0%;
  background-size: 525% 238.7755102041%;
  background-repeat: no-repeat;
}
.content-create-item-image-vertical:after {
  display: block;
  padding-top: 128.9473684211%;
  content: "";
}

.content-create-item-image-vps {
  display: inline-block;
  width: 132px;
  height: 80px;
  background-image: url(../img/_sprite_create_select.png?vvv1270);
  background-position: 70.7865168539% 0%;
  background-size: 302.2727272727% 292.5%;
  background-repeat: no-repeat;
}
.content-create-item-image-vps:after {
  display: block;
  padding-top: 60.6060606061%;
  content: "";
}

/* コンテンツ新規作成時のマーカーAR種別選択 */
.marker-selects-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 20px;
}

.marker-select-item {
  display: inline-block;
  position: relative;
  flex: 0 0 300px;
  margin-right: 20px;
  padding: 10px;
  border: 1px solid #adbabe;
  border-radius: 4px;
  color: #393939;
}
.marker-select-item:last-of-type {
  margin-right: 0;
}
.marker-select-item:hover {
  padding: 9px;
  border: 2px solid #a537db;
  color: #393939;
  text-decoration: none;
}
.marker-select-item.out-of-plan {
  cursor: not-allowed;
}
.marker-select-item.out-of-plan:hover {
  padding: 10px;
  border: 1px solid #adbabe;
}
.marker-select-item.out-of-plan:after {
  display: flex;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .4);
  content: "\203b\30d7\30e9\30f3\5bfe\8c61\5916";
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.marker-select-item-body-title {
  font-size: 14px;
  line-height: 21px;
}

.marker-select-item-body-lead {
  height: 36px;
  font-size: 12px;
  line-height: 18px;
}

.marker-select-item-body-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  margin-top: 8px;
}

.marker-select-item-image-normal {
  display: inline-block;
  width: 85px;
  height: 70px;
  background-image: url(../img/_sprite_create_select.png?vvv1270);
  background-position: 60.1910828025% 50%;
  background-size: 469.4117647059% 334.2857142857%;
  background-repeat: no-repeat;
}
.marker-select-item-image-normal:after {
  display: block;
  padding-top: 82.3529411765%;
  content: "";
}

.marker-select-item-image-custom {
  display: inline-block;
  width: 187px;
  height: 70px;
  background-image: url(../img/_sprite_create_select.png?vvv1270);
  background-position: 0% 0%;
  background-size: 213.3689839572% 334.2857142857%;
  background-repeat: no-repeat;
}
.marker-select-item-image-custom:after {
  display: block;
  padding-top: 37.4331550802%;
  content: "";
}

/* マーカー管理 */
.table-marker-name {
  font-size: 13px;
  line-height: 20px;
}
.table-marker-name i[class^="fa fa-"] {
  color: #e84d4d;
}
.recograte-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}

.recograte-title {
  display: inline-block;
  margin-right: 4px;
  font-size: 12px;
  line-height: 18px;
}

.recograte {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 2px;
}
.recograte:before,
.recograte:after {
  display: inline-block;
  font-size: 15px;
  line-height: normal;
  font-family: "FontAwesome";
  letter-spacing: 3px;
}
.recograte:before {
  color: #cd8eea;
}
.recograte:after {
  color: #c4ccce;
}
.recograte.recograte0:after {
  content: "\f005\f005\f005\f005\f005";
}
.recograte.recograte1:before {
  content: "\f005";
}
.recograte.recograte1:after {
  content: "\f005\f005\f005\f005";
}
.recograte.recograte2:before {
  content: "\f005\f005";
}
.recograte.recograte2:after {
  content: "\f005\f005\f005";
}
.recograte.recograte3:before {
  content: "\f005\f005\f005";
}
.recograte.recograte3:after {
  content: "\f005\f005";
}
.recograte.recograte4:before {
  content: "\f005\f005\f005\f005";
}
.recograte.recograte4:after {
  content: "\f005";
}
.recograte.recograte5:before {
  content: "\f005\f005\f005\f005\f005";
}

.marker-download {
  color: #666;
  font-size: 16px;
  line-height: normal;
}
.marker-download:hover {
  color: #666;
  text-decoration: none;
}


/* コンテンツ新規登録 */
body.contents_create .recograte-wrap {
  display: none;
}

.marker-button .btn-add-marker {
  width: 56px;
  min-width: 0;
}
.marker-button .btn-add-marker i[class*="fa fa-"] {
  margin-top: 4px;
  margin-right: 0;
  font-size: 18px;
}

.ui-jqgrid tr.jqgrow td[aria-describedby=grid-marker-table_name],
.ui-jqgrid tr.jqgrow td[aria-describedby=grid-marker-table_gps_address],
.ui-jqgrid tr.jqgrow td[aria-describedby=grid-table_corporate_name],
.ui-jqgrid tr.jqgrow td[aria-describedby=grid-table_publish_to],
.ui-jqgrid tr.jqgrow td[aria-describedby=grid-table_content_name] {
  white-space: normal;
}
.ui-jqgrid tr.jqgrow td[aria-describedby=grid-marker-table_preview] {
  font-size: 0;
  line-height: 0;
}

.ace-file-multiple-wrap .ace-file-input.ace-file-multiple {
  height: auto;
  margin-bottom: 0;
}
.ace-file-multiple-wrap .file-label {
  height: 126px;
}
.ace-file-multiple-wrap .file-label:before {
  display: none;
}
.ace-file-multiple-wrap .file-label.selected .ace-file-drop {
  display: none;
}
.ace-file-multiple-wrap .file-label.selected .file-name {
  display: block;
  margin: 9px 37px 9px 9px;
  overflow: hidden;
  border: 1px solid #aaa;
  background-color: #fff;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ace-file-multiple-wrap .file-label.selected .file-name i[class^="fa fa-"] {
  background-color: transparent;
  color: #fff;
}
.ace-file-multiple-wrap .file-label.selected + .remove {
  display: inline-flex;
  top: 20px;
  right: 11px;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: none;
  background-color: #fb7142;
  color: #fff;
}
.ace-file-multiple-wrap .file-name[data-title="No File ..."] {
  display: none;
}

.ace-file-drop {
  padding: 10px 0;
  color: #bbb;
  font-weight: 700;
  font-size: 0;
  line-height: 0;
}

.ace-file-drop-main {
  font-size: 18px;
  line-height: 24px;
}

.ace-file-drop-sub {
  margin-top: 6px;
  font-size: 11px;
  line-height: 20px;
}

.ace-file-drop-filetype {
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
}

.marker-image-follow {
  color: #9b9b9b;
  font-size: 12px;
  line-height: 18px;
}
.marker-image-follow i[class*="fa fa-"] {
  margin-right: 5px;
  color: #e84d4d;
  font-size: 13px;
}
.marker-image-follow img {
  width: 16px;
  height: 16px;
  margin: 0 1px 2px 2px;
}

.gps_setting_instruction {
  margin-top: 20px;
  color: #393939;
  font-size: 12px;
  line-height: 18px;
}

.explain-3dobject {
  font-size: 12px;
  line-height: 18px;
}

.ee-items-selected-wrap-inner {
  display: inline-block;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.ee-items-selected-buttons {
  text-align: right;
}

.ee-items-selected {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 20px;
  color: #393939;
}

.ee-item-selected {
  flex: 0 0 134px;
  margin-right: 20px;
  text-align: center;
}
.ee-item-selected:last-child {
  margin-right: 0;
}

.ee-item-selected-title {
  font-size: 14px;
  line-height: 21px;
}

.ee-item-selected-inner {
  margin-top: 10px;
  padding: 6px;
  border: 1px solid #ccc;
}

.ee-item-selected-image img {
  width: 120px;
  height: auto;
}

.ee-item-selected-name {
  margin-top: 7px;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.input-follow {
  margin-top: 10px;
}

.link-message,
.share-message,
.comment-input {
  min-height: 54px;
  max-height: 117px;
  font-size: 14px;
  line-height: 21px;
}

.object-text {
  min-height: 117px;
  max-height: 222px;
  font-size: 14px;
  line-height: 21px;
}

.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;
}

.dropzone-wrap .dropzone.dz-clickable {
  height: auto;
  min-height: 0;
  padding: 0;
  /* border: 1px dashed #aaa; */ 
  border-radius: 4px;
  background-color: #fff;
}
.dropzone-wrap .dropzone.dz-started {
  text-align: center;
}
.dropzone-wrap .dropzone .dz-default.dz-message span {
  margin: 0;
}
.dropzone-wrap .dropzone .dz-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 94px;
  height: 94px;
  margin: 18px 8px 0;
  border-color: #acacac;
  box-shadow: none;
}
.dropzone-wrap .dropzone .dz-preview.dz-success .dz-success-mark {
  display: inline-flex;
}
.dropzone-wrap .dropzone .dz-preview.dz-image-preview:hover .dz-details img {
  opacity: .6;
}
.dropzone-wrap .dropzone .dz-preview .dz-details {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 0;
  padding: 0;
}
.dropzone-wrap .dropzone .dz-preview .dz-details .dz-filename,
.dropzone-wrap .dropzone .dz-preview .dz-details .dz-size {
  display: none;
}
.dropzone-wrap .dropzone .dz-preview .dz-details img {
  width: auto;
  max-width: 80px;
  height: auto;
  max-height: 80px;
}
.dropzone-wrap .dropzone .dz-preview .dz-success-mark {
  top: -9px;
  right: auto;
  left: -9px;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, .8);
}
.dropzone-wrap .dropzone .dz-preview .dz-success-mark:before {
  color: #6da552;
  font-size: 14px;
}
.dropzone-wrap .dropzone .dz-preview .dz-error-message {
  right: 0;
  bottom: 0;
  left: 0;
}
.dropzone-wrap .dropzone .dz-preview .dz-remove {
  display: inline-flex;
  z-index: 501;
  position: absolute;
  top: -9px;
  right: -9px;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-top: 0;
  border-radius: 50%;
  background-color: #fb7142;
  color: transparent;
  font-size: 0;
}
.dropzone-wrap .dropzone .dz-preview .dz-remove:after {
  content: "\f00d";
  color: #fff;
  font-size: 11px;
  font-family: "FontAwesome";
}
.nav.nav-tabs li:not(.active) a:not([data-toggle=tab]) {
  cursor: not-allowed;
}

.grid-empty-block {
  padding-top: 50px;
  text-align: center;
}
.grid-empty-block .grid-empty-frame {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 350px;
  height: 150px;
}
.grid-empty-block .grid-empty-title {
  font-weight: 700;
  font-size: 18px;
}
.grid-empty-block .grid-empty-lead {
  margin-top: 10px;
}
.grid-empty-block .grid-empty-buttons {
  margin-top: 20px;
}
.white-space{
	white-space: pre-wrap;
}

#grid-table .ui-icon{
	padding: 3px;
	transform: scale(1) !important;
}
#grid-table .ui-inline-del .ui-icon:hover{
	background-color: rgba(252,232,232);
	color: red;
}
#grid-table .ui-inline-edit .ui-icon{
	color: rgba(102,102,102);
}
#grid-table .ui-inline-edit .ui-icon:hover{
	background-color: rgba(242,228,250);
	color: rgba(164,54,218);
}
.remove_plan .modal-header{
	padding: 5px 10px;
	background: #f1f1f1;
}
.remove_plan .modal-header .bootbox-close-button{
	font-size: 21px;
    padding-top: 8px;
    color: #d15b47;
    opacity: 0.5;
}
.remove_plan .modal-header .bootbox-close-button:hover{
	opacity: 1;
}
.remove_plan .modal-header{
	padding: 7px 10px;
    background: #f1f1f1;
    border-bottom: 1px solid #ddd;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#eee));
    background-image: -webkit-linear-gradient(top,#fff,0%,#eee,100%);
    background-image: -moz-linear-gradient(top,#fff 0,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
    background-repeat: repeat-x;
}
.remove_plan .modal-header h4{
	color: #669fc7;
    font-size: 16px;
}
.remove_plan .modal-footer{
	display: flex;
    justify-content: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.remove_plan .modal-footer .btn{
	min-width: 40px;
}
.remove_plan .modal-dialog{
	padding-top: 261px;
}
.remove_plan .modal-dialog .modal-body{
	padding: 8px 11px;
	font-size: 13px;
}
@media screen and (min-width: 768px){
	.remove_plan .delDialog{
		width: 320px !important;
	}
	.remove_plan .delDialog .modal-body{
		padding-top: 10px;
		padding-bottom: 28px;
	}
	.remove_plan .warnDialog{
		width: 220px !important;
	}
}
@media screen and (max-width: 768px){
	.remove_plan .delDialog{
		width: 320px !important;
	}
	.remove_plan .delDialog .modal-body{
		padding-top: 10px;
		padding-bottom: 28px;
	}
	.remove_plan .warnDialog{
		width: 220px !important;
	}
}
.ui-jqdialog-content .delmsg{
	padding-top: 0;
}

#modal-reports .ui-jqgrid-hdiv .ui-jqgrid-htable {
  border-top: none;
}
#modal-reports td[aria-describedby=grid-report-table_date],
#modal-reports td[aria-describedby=grid-report-table_reason]{
  white-space: normal;
}
#modal-reports td[aria-describedby=grid-report-table_opinion] {
  white-space: pre-wrap;
}

#modal-comments td[aria-describedby=grid-comment-table_comment] {
  white-space: pre-wrap;
}
#modal-reports #grid-report-pager {
  border-bottom: none !important;
}

.display-settings .dropdown-menu {
  padding: 10px;
  font-size: 0;
}
.display-settings .dropdown-menu li {
  font-size: 14px;
}
.display-settings .dropdown-menu li:nth-last-child(-n+2) label {
  margin-bottom: 0;
}
.display-settings .dropdown-menu li.check-item {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.display-settings .dropdown-menu li h5 {
  margin-top: 0;
}

.ui-icon-cancel {
  font-family: "FontAwesome";
}

.fm-button-icon-left .ui-icon {
  display: inline-block;
  position: static;
  top: auto;
  margin-top: 0;
  margin-right: 4px;
  float: left;
  vertical-align: middle;
}
.comment-act {
  margin-right: 8px;
}
.comment-act:last-child {
  margin-right: 0;
}

.delete-comment {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 60px;
  -webkit-line-clamp: 3;
  overflow: hidden;
  white-space: pre-wrap;
}

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

td[aria-describedby=grid-table_content-myac] {
  overflow: visible !important;
}

.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;
}

.btn-on-modal-head {
  margin: -2px 20px 0 0;
}