html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: local('Open Sans'), url("/common/fonts/openSans/regular.woff2") format('woff2'), url("/common/fonts/openSans/regular.woff") format('woff'), url("/common/fonts/openSans/regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  src: local('Open Sans italic'), url("/common/fonts/openSans/italic.woff2") format('woff2'), url("/common/fonts/openSans/italic.woff") format('woff'), url("/common/fonts/openSans/italic.ttf") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: italic;
  src: local('Open Sans light italic'), url("/common/fonts/openSans/lightItalic.woff2") format('woff2'), url("/common/fonts/openSans/lightItalic.woff") format('woff'), url("/common/fonts/openSans/lightItalic.ttf") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  src: local('Open Sans semibold'), url("/common/fonts/openSans/semibold.woff2") format('woff2'), url("/common/fonts/openSans/semibold.woff") format('woff'), url("/common/fonts/openSans/semibold.ttf") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: italic;
  src: local('Open Sans semibold italic'), url("/common/fonts/openSans/semiboldItalic.woff2") format('woff2'), url("/common/fonts/openSans/semiboldItalic.woff") format('woff'), url("/common/fonts/openSans/semiboldItalic.ttf") format('truetype');
}
@font-face {
  font-family: 'Source Code Pro';
  font-weight: 400;
  font-style: normal;
  src: local('Source Code Pro'), url("/common/fonts/sourceCodePro/regular.woff2") format('woff2'), url("/common/fonts/sourceCodePro/regular.woff") format('woff'), url("/common/fonts/sourceCodePro/regular.ttf") format('truetype');
}
* {
  outline: none;
}
.body {
  color: #333;
  font-size: 16px;
  font-family: 'Open Sans', Verdana, Geneva, Arial, sans-serif;
  min-height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dialog--content {
  display: none;
}
.header {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  -ms-box-flex: 0;
  box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
.hidden {
  display: none;
}
.footer {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -o-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  -ms-box-flex: 0;
  box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
.link,
.button-link {
  color: #0083d2;
  cursor: pointer;
  text-decoration: none;
}
.link :hover,
.button-link :hover {
  color: #2fa3ff;
}
.link-self {
  cursor: auto;
}
.main {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -o-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 100%;
}
.unorderedList {
  padding: 0;
  list-style: none;
}
.inputTemplate,
.input,
.textarea,
.select,
.button {
  border: solid 1px #ddd;
  text-align: center;
  padding: 0.2em 0.4em;
}
.input,
.textarea {
  width: 15em;
}
.select {
  background-color: #fff;
  text-align: left;
}
.select option {
  background-color: #fff;
  border-radius: 0;
}
.input-type-file {
  display: none;
}
.textarea {
  width: 100%;
  height: 4em;
  text-align: left;
}
.textarea-name-details {
  height: 10em;
}
.button {
  color: #0083d2;
  background-color: #f6f6f6;
  border: solid 1px #fff;
  -webkit-box-shadow: 0 0 0.5em #ccc;
  box-shadow: 0 0 0.5em #ccc;
  padding: 0.4em 1em;
  cursor: pointer;
}
.button+.button {
  margin-left: 1em;
}
.button:hover {
  color: #fd5701;
  -webkit-box-shadow: 0 0 0.2em #ccc;
  box-shadow: 0 0 0.2em #ccc;
}
.button-action-cancel {
  color: #999;
}
.button-link {
  border: none;
  background-color: transparent;
}
.buttons {
  padding: 1em 0.5em 0.5em 0.5em;
  margin-top: 2em;
  text-align: center;
}
.animate-waiting-01,
.form-waiting input,
.form-waiting textarea {
  background: url("../../common/images/backgrounds/animated/waiting.01.gif");
}
.label {
  display: block;
  text-align: center;
  margin: 1em 0;
}
.label+.label {
  margin-top: 1em;
}
.label--text {
  display: block;
  color: #777;
}
.label--text-before {
  margin-bottom: 0.2em;
}
.label--text-before:after {
  content: ': ';
}
.notice {
  font-size: 0.8em;
  text-align: center;
}
.input + .noticeArea,
.input + .notice {
  margin: 0.35em 0 0.5em 0;
}
.notice-error {
  color: #a00;
}
.icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  margin: 0.25em;
  position: relative;
  top: 1px;
}
.icon-size-20 {
  width: 1.25em;
  height: 1.25em;
}
.icon-size-24 {
  width: 1.5em;
  height: 1.5em;
}
.icon-size-32 {
  width: 2em;
  height: 2em;
}
.icon-size-256 {
  width: 16em;
  height: 16em;
}
.icon-type-edit {
  background-image: url("../../common/images/icons/edit.01.svg");
}
.icon-type-settings {
  background-image: url("../../common/images/icons/settings.01.svg");
}
.icon-type-home {
  background-image: url("../../common/images/icons/home.01.svg");
}
.icon-type-info {
  background-image: url("../../common/images/icons/info.01.0083d2.svg");
}
.icon-type-add {
  background-image: url("../../common/images/icons/plus.01.svg");
}
.icon-type-uploadImage {
  background-image: url("../../common/images/icons/plus.01.svg");
}
.icon-type-uploadFile {
  background-image: url("../../common/images/icons/plus.01.svg");
}
.icon-type-clock {
  background-image: url("../../common/images/icons/clock.01.svg");
}
.icon-type-list {
  background-image: url("../../common/images/icons/list.01.svg");
}
.icon-type-image {
  background-image: url("../../common/images/icons/image.01.svg");
}
.icon-type-visible {
  background-image: url("../../common/images/icons/eye.01.svg");
}
.icon-type-invisible {
  background-image: url("../../common/images/icons/eye.01.svg");
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.icon-type-remove {
  background-image: url("../../common/images/icons/exit.01.svg");
}
.icon-type-exit {
  background-image: url("../../common/images/icons/exit.03.svg");
}
.icon-type-underConstruction {
  background-image: url("../../common/images/icons/underConstruction.01.256.png");
}
.lockBlockContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.lockBlock {
  text-align: center;
}
.lockBlock--reason {
  color: #333;
  font-size: 1.1rem;
}
.lockBlock--reason ~.lockBlock--reason {
  margin-bottom: 4em;
}
.lockBlock--icon {
  cursor: auto;
  margin-bottom: 2em;
}
@media (max-width: 700px) {
  .lockBlock--icon {
    font-size: 12px;
    margin-bottom: 5em;
  }
}
.lockBlock--hr {
  border: dashed 1px #ddd;
  width: 80%;
  margin: 2em auto 1.5em auto;
}
.lock_modeInForm {
  position: absolute;
  width: 6em;
  top: 0;
  right: 0;
  z-index: 95;
  text-shadow: none;
}
.lock_modeInForm--input {
  width: 5em;
  border: none;
  background-color: transparent;
}
.lock_modeInForm--input:focus {
  border: none;
}
.lockModeOutButton {
  cursor: pointer;
  font-size: 0.8rem;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  position: absolute;
  right: 0.3em;
  top: 0;
  width: auto;
  color: #333;
  z-index: 95;
}
.showLog {
  font-family: 'Source Code Pro', monospace;
  color: #666;
  text-shadow: none;
  -webkit-box-shadow: 0 0 0.3rem #aaa;
  box-shadow: 0 0 0.3rem #aaa;
  width: 25vw;
  max-width: 30em;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  max-height: 99vh;
  margin: 0;
  z-index: 90;
  text-align: left;
}
.showLog--icon {
  cursor: grab;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  position: absolute;
  left: 13em;
  top: -0.3em;
  z-index: 91;
  background-image: url("../../common/images/icons/move.01.svg");
}
.showLog--icon:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.showLog--record {
  font-size: 0.8em;
  padding: 0.2em 0.4em;
}
.showLog--record:last-child {
  padding-bottom: 1em;
}
.showLog--record + .showLog--record {
  border-top: solid 1px #ddd;
}
.showLog--record-error {
  background-color: #fee;
}
.showLog--record-exception {
  background-color: #fee;
}
.showLog--record-show {
  background-color: #efe;
}
.showLog--text {
  font-family: 'Source Code Pro', monospace;
  margin: 0.5em 0;
}
.showLog--header {
  color: #999;
}
