/* Minification failed. Returning unminified contents.
(68,35): run-time error CSS1046: Expect comma, found '123'
(68,43): run-time error CSS1046: Expect comma, found '/'
(93,35): run-time error CSS1046: Expect comma, found '123'
(93,43): run-time error CSS1046: Expect comma, found '/'
(124,40): run-time error CSS1046: Expect comma, found '53'
(124,46): run-time error CSS1046: Expect comma, found '/'
 */
.translation-wrapper {
   position: relative;
}

   .translation-wrapper .translation-tag {
      position: absolute;
      top: -7px;
      left: 0;
      font-size: 7px;
      white-space: nowrap;
      cursor: pointer;
   }

   .translation-wrapper .translation-tag:hover {
      font-weight: bold;
      font-style: italic;
   }

.popover {
   max-width: 100% !important;
}

/* Custom Selectize Control */
.selectize-control.border-radius-0 .selectize-input {
   border-radius: 0;
}

.selectize-control.border-radius-right-0 .selectize-input {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.selectize-control.border-radius-left-0 .selectize-input {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.selectize-dropdown .active {
   cursor: pointer;
}

/* Input Group Control */

/* Custom Control */
.custom-control-label.sm {
   font-size: 90%;
}

.custom-control-label.lg::before {
   transform: scale(1.4) !important;
   left: -1.8rem !important;
}

.custom-control-label.lg::after {
   transform: scale(2) !important;
   left: -1.8rem !important;
}

/* Custom Radio Control */
.custom-radio .custom-control-label::before {
   background-color: #fff !important;
   border: 1px solid rgb(206,212,218) !important;
}

.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
   /*box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(206,212,218,.25);*/
   border-color: #80bdff;
   box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}


.custom-radio .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
   background-color: rgb(108,117,125) !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label.check-symbol::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgb(255,255,255)' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

/* Custom Checkbox Control */
.custom-checkbox .custom-control-label::before {
   background-color: #fff !important;
   border: 1px solid rgb(206,212,218) !important;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
   /*box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(206,212,218,.25);*/
   border-color: #80bdff;
   box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
   background-color: rgb(108,117,125) !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label.check-symbol::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='rgb(255,255,255)' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

/* Form Validation Control */
.form-control.letter-spacing {
   letter-spacing: .25em;
}

.form-control.input-validation-error {
   border-color: #dc3545 !important;
}

   .form-control.input-validation-error ~ .input-group-append.cursor-pointer > .input-group-text {
      background-color: #dc3545 !important;
      border-color: #dc3545 !important;
   }

   .form-control.input-validation-error:focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%) !important;
   }

/* Hide input group dropdown */
input .form-control.no-click {
   background-color: #e9ecef !important;
   cursor: auto !important;
}

   input.form-control.no-click:focus {
      outline-style: none;
      box-shadow: none !important;
      border-color: #ced4da !important;
   }

   input.form-control.no-click + .input-group-append,
   input.form-control.no-click + * + .input-group-append {
      cursor: auto !important;
      /*display: none;*/
   }
/*
textarea.form-control.required:not(.default),
input.form-control.required:not(.default) {
   border: 1px solid #f47528 !important;
}

   textarea.form-control.required:not(.default):focus,
   input.form-control.required:not(.default):focus {
      border-color: #f47528;
      box-shadow: 0 0 0 0.2rem rgba(244,116,40,.25);
   }

.form-control.required:not(.default) > .selectize-input {
   border: 1px solid #f47528;
}

   .form-control.required:not(.default) > .selectize-input.input-active {
      border-color: #f47528;
      box-shadow: 0 0 0 0.2rem rgba(244,116,40,.25);
   }

.form-control.required:not(.default) .selectize-dropdown .active {
   background-color: rgba(244,116,40,.25);
}*/
/* Input for spinner */
.form-control-spinner {
   z-index: 10;
   pointer-events: auto;
   cursor: pointer;
   position: absolute;
   right: 1em;
   top: 2.1em;
   width: auto;
}

.input-group > .form-control-spinner {
   position: relative !important;
   right: 2em !important;
   top: 0.2em !important;
   width: 0 !important;
}

.has-spinner input[type=text] {
   padding-right: 2.5em;
}

/* Input for clear */
.form-control-clear {
   z-index: 10;
   pointer-events: auto;
   cursor: pointer;
   position: absolute;
   right: .8em;
   top: .2em;
}

/* Input for validator */
.form-control-validator {
   z-index: 10;
   pointer-events: auto;
   cursor: pointer;
   position: absolute;
   right: 1em;
   top: 2.2em;
   width: auto;
}

.input-group > .form-control-validator {
   position: relative !important;
   right: 2em !important;
   top: 0.2em !important;
   width: 0 !important;
}

label.required::after {
   content: attr(data-content);
   padding: 0 0 0 5px;
   color: #dc3545;
   font-size: 80%;
}

label.ignore::after {
   content: attr(data-content);
   padding: 0 0 0 5px;
   color: #6c747c;
   font-size: 80%;
   font-weight: normal;
}

/* Responsive CSS */
@media screen and (max-width: 768px) {

   input[readonly].form-control {
      background-color: transparent;
   }

   /* Datetime Picker Control */
   .bootstrap-datetimepicker-widget table td,
   .bootstrap-datetimepicker-widget table td:hover {
      color: green;
   }

      .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
         color: red;
         text-decoration: line-through;
         cursor: not-allowed;
      }

      .bootstrap-datetimepicker-widget table td.day {
         height: 20px;
         line-height: 20px;
         width: 20px;
      }

   /* Editable Readonly Control */
   .editable-control {
   }

   .readonly-control {
      min-height: 18px;
   }
}

html {
}

   html:lang(ja) *:not(.fa):not(.far):not(.fas):not(.fab):not(.glyphicon) {
      font-family: 'Noto Sans JP', sans-serif;
   }

   html:lang(en) *:not(.fa):not(.far):not(.fas):not(.fab):not(.glyphicon) {
      font-family: 'Poppins', sans-serif;
   }

body {
   /*padding-top: 50px;*/
   /*padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
   padding-left: 15px;
   padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
   white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
   max-width: 280px;
}

/* Border */
.border-2 {
   border-width: 2px !important;
}

.border-3 {
   border-width: 3px !important;
}
/* Border */

/* Font */
.font-60P {
   font-size: 60%;
}

.font-70P {
   font-size: 70%;
}

.font-80P {
   font-size: 80%;
}

.font-90P {
   font-size: 90%;
}

.font-150P {
   font-size: 150%;
}
/* Font */

/* Energy Loading */
.fa-loading-bg {
   width: 60px;
   top: 0;
   -webkit-animation: spin 1s linear infinite;
   -moz-animation: spin 1s linear infinite;
   animation: spin 1s linear infinite;
}

.fa-loading-gif {
   position: relative;
   top: 2px;
   width: 20px;
   left: -45px;
}
/* Energy Loading */

.flip-X {
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
}

.flip-Y {
   -moz-transform: scaleY(-1);
   -o-transform: scaleY(-1);
   -webkit-transform: scaleY(-1);
   transform: scaleY(-1);
   filter: FlipV;
   -ms-filter: "FlipV";
}


/** Animation */
/* Spin */
@-moz-keyframes spin {
   100% {
      -moz-transform: rotate(360deg);
   }
}

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

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

/* Flicker  */
@keyframes flicker {
   0% {
      opacity: 1;
   }

   50% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@-o-keyframes flicker {
   0% {
      opacity: 1;
   }

   50% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@-moz-keyframes flicker {
   0% {
      opacity: 1;
   }

   50% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@-webkit-keyframes flicker {
   0% {
      opacity: 1;
   }

   50% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}
/* Flicker  */

/* Shining  */
@keyframes shining {
   0% {
      background-position: -500%;
   }

   100% {
      background-position: 500%;
   }
}

@-webkit-keyframes shining {
   0% {
      background-position: -500%;
   }

   100% {
      background-position: 500%;
   }
}
/* Shining  */

.animate-flicker {
   -webkit-animation: flicker 1s infinite;
   -moz-animation: flicker 1s infinite;
   -o-animation: flicker 1s infinite;
   animation: flicker 1s infinite;
}

.animate-flicker-fast {
   -webkit-animation: flicker .5s infinite;
   -moz-animation: flicker .5s infinite;
   -o-animation: flicker .5s infinite;
   animation: flicker .5s infinite;
}

.animate-flicker-slow {
   -webkit-animation: flicker 2s infinite;
   -moz-animation: flicker 2s infinite;
   -o-animation: flicker 2s infinite;
   animation: flicker 2s infinite;
}

.animate-shine {
   position: relative;
   overflow: hidden;
   background: linear-gradient(90deg, #000, #fff, #000);
   background-repeat: no-repeat;
   background-size: 80%;
   animation: shining 2s linear infinite;
   -webkit-background-clip: text;
   -webkit-text-fill-color: rgba(255, 255, 255, 0);
}
/** Animation */