/** ================== 管理者用サイト・作業者用サイトの共通スタイル ==================== */
/* BASE STYLE */
html {
  height: 100%;
  width: 100%;
  overflow-y: hidden !important;
}
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #5fbae9 !important;
}
:root {
  /* 配色 */
  --main-bg-color: #2a5380;
  --overlay-bg-color: rgba(0, 0, 0, 0.6);

  /* 左端のタブの文字色 */
  --account-type-color: #3396f4;
  --account-type-color_hover: #0366c4;
  
  --parts-select-bg-color: #29b0ff;
  --parts-normal-bg-color: #f0f0f0;

  --tab-bg-color :#3496f3;

  --edit-window-header-bg-color: #295280;
  
  --list-select-fore-color: #3396f4;
  --list-header-bg-color: #f1f1f1;

  /* 各ボタン背景色 */
  --delete-button-bg-color: #ff0000;
  --delete-button-bg-color_hover: #C00000;
  --cancel-button-bg-color: #c0c0c0;
  --cancel-button-bg-color_hover: #808080;
  --inactive-button-bg-color: #ff0000;
  --inactive-button-bg-color_hover: #C00000;
  --update-button-bg-color: #3396f4;
  --update-button-bg-color_hover: #0366C4;
  --update-button-bg-color_disabled: #3396f4;
  --csv-button-bg-color: #33cc00;
  --csv-button-bg-color_hover: #039c00;
}
div#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* FORM TYPOGRAPHY*/
input[type=button], input[type=submit], input[type=reset]  {
    background-color: #56baed;
    border: none;
    color: white;
    padding: 15px 80px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
    border-radius: 5px 5px 5px 5px;
    margin: 5px 20px 40px 20px;
    transition: all 0.3s ease-in-out;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
    background-color: #39ace7;
}
input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
    transform: scale(0.95);
}
.button {
    background-color: #f6f6f6;
    border: none;
    color: #0d0d0d;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px;
    width: 50%;
    transition: all 0.5s ease-in-out;
    border-radius: 20px 20px 20px 20px;
}
.button:hover {
    background-color: #a3a3a3;
}

/* ANIMATIONS */
/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}

/* STRUCTURE */
.wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
    /* 中央ぞろえ */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
/* OTHERS */
*:focus {
    outline: none;
}
.v-list-item {
  text-align: start;
}
.v-input__append-inner{
  margin-top: 5px !important;
}
#overlay {
  background-color:rgba(0, 0, 0, 0.6) !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 100;
}

/** ローディングアニメーションの共通スタイル（Spinner） */
div.loader-spinner {
  width: 60px;
  height: 60px;
}

  /**
    ライブラリーのスタイルの上書き
  */
  /** ========= 共通 =========== */
  /** v-data-tableを使ったテーブルのヘッダーのスタイル */
div.v-data-table thead.v-data-table-header > tr th {
    font-size: 0.9em !important;
    background-color: rgb(241, 241, 241) !important;
}
div.v-data-table tbody > tr {
    height: auto;
}
div.v-data-table:not(.event-log-list) tbody > tr td {
    font-size: 0.8em !important;
    height: auto;
    padding: 0.5vmin 16px !important;
}
div.v-data-table div.v-data-footer,
  div.v-data-table div.v-data-footer div.v-input {
    font-size: 0.6em;
}
.v-text-field .v-input__control .v-input__slot {
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
}
  /** ========= 管理者用サイト =========== */
  /** プロジェクト詳細画面のスタイル */
div.expiration-calendar {
    font-size: 1em;
}
div.expiration-calendar div.v-input__slot {
    padding: 4px 12px !important;
    height: calc(1.5em + 0.75rem + 2px);
}
div.expiration-calendar > div.v-input__control > div.v-input__slot > .v-text-field__slot input {
    max-height: none;
}
div.expiration-calendar div.v-input__slot button.v-icon,
  div.search-by-date-range div.v-input__slot button.v-icon {
    font-size: 1.6em;
}
div.search-by-date-range input {
    height: calc(1.5em + 0.75rem + 2px);
    max-height: none;
}
div.search-by-date-range div.v-input__slot {
    margin: 0;
}
div.expiration-calendar div.v-input__slot div.v-input__icon--append,
  div.search-by-date-range div.v-input__slot div.v-input__icon--append {
    width: 100%;
    height: 100%;
}
div.select-event-container .v-input {
    font-size: 1em;
}
div.select-event-container div.v-input__slot {
    background-color: rgb(241, 241, 241) !important;
}
div.select-event-container div.v-select__selections {
    line-height: normal;
    padding: 0 !important;
}
div.select-event-container div.v-input__icon i.v-icon {
    font-size: 2.2em;
}
div.select-event-container div.v-input__control {
    z-index: 1000;
}
div#event-body div.v-data-footer,
  div#trouble-body div.v-data-footer,
  div#workflow-body div.v-data-footer {
    margin-right: 0;
}
#trouble-scroll.v-data-table div.v-data-table__wrapper,
  #event-scroll.v-data-table div.v-data-table__wrapper,
  #workflow-scroll.v-data-table div.v-data-table__wrapper {
    height: auto;
    max-height: 100%;
}
div.v-dialog {
    width: auto;
}
  /** アカウント詳細画面のプロジェクト一覧のチェックボックスのスタイル */
div#id_assignProject div.v-list div.v-input__slot .v-icon {
    font-size: 1.6em;
}
@media screen and (min-height: 1440px) {
div#id_assignProject div.v-list div.v-input__slot .v-icon {
      font-size: 2em;
}
}
  /** 関連アカウント一覧のスタイル */
div.accounttree-area .v-treeview-node.v-treeview-node--shaped .v-treeview-node__root {
    margin: 0;
    padding: 8px;
    height: 2em;
    min-height: 3em;
}
div.accounttree-area button.v-treeview-node__toggle {
    font-size: 1.4em;
}
  /** 通知送信機能のポップアップ画面のスタイル */
#notification-content div.v-select__selections {
    font-size: 2vmin;
    line-height: normal;
}
div.v-list-item__title {
    font-size: 1em;
}
#notification-content div.v-input__icon i.v-icon {
    font-size: 2.2em;
}
#notification-content div.v-select__slot {
    height: 3.5em;
}
#notification-content div.v-messages__message {
    font-size: 1.4em;
    height: 1em;
    display: flex;
    align-items: center;
}
#notification-content div.v-text-field__slot {
    font-size: 2vmin;
}
#notification-content div.v-text-field__slot > textarea {
    height: 10em;
}
#notification-content div.v-counter {
    font-size: 0.9em;
    line-height: normal;
}
  /** ========= 作業者用サイト =========== */
  /** 作業者用サイトのMessage List画面のテーブルのスタイル */
div.message-list table {
    table-layout: fixed!important;
    white-space: pre-wrap;
    line-break: strict;
}
div.message-list table tbody tr td {
    font-size: 13pt !important;
}
  /** Event Listのスタイル */
.alert-color, 
  .alert-color:hover {
    background-color: rgb(255,192,203) !important;
}
.compleated-color,
  .compleated-color:hover {
    background-color: rgb(255, 255, 255) !important;
}
.v-application--is-ltr .v-data-footer__select .v-select{
    margin: 0 0 6px 34px !important
}
.event-log-list div.v-data-table__wrapper {
    height: 195px;
    overflow-y: auto;
}
.event-log-list table thead tr th {
    font-size: 11pt!important;
    background-color: #cccccc!important;
}
.event-log-list table tbody tr td {
    font-size: 11pt!important;
}
  /** Workflowのスタイル */
.text-input-red .v-text-field__slot input {
    color: red !important;
}
.label{
    margin: 0 !important;
}
.v-label{
    margin: 0;
}
li.check-list.flexbox .v-label {
    font-size: 14px;
}
li.check-list.flexbox .v-icon.v-icon--dense {
    font-size: 1em;
}
div.mt-2.v-textarea div.v-input__slot,
  div.mt-5.v-text-field div.v-input__slot {
    background-color: #fff !important;
}
div.mt-5.v-text-field div.v-input__slot input[type=text] {
    padding: 4px 0 2px 10px;
    caret-color: black;
}
div.mt-2.v-textarea.v-input--is-disabled div.v-input__slot,
  div.mt-5.v-text-field.v-input--is-disabled div.v-input__slot {
    background-color: rgb(210, 210, 210) !important;
}
  /** 非活性の状態用スタイル */
div.mt-2.v-textarea.v-input--is-disabled textarea,
  div.mt-5.v-text-field.v-input--is-disabled input[type=text] {
    color: #808080 !important;
}
  /** 活性の状態用スタイル */
div.mt-2.v-textarea:not(.v-input--is-disabled) textarea,
  div.mt-5.v-text-field:not(.v-input--is-disabled) input[type=text] {
    color: rgba(0, 0, 0, 0.87) !important;
}
div.mt-5.v-text-field div.v-input__slot label {
    left: 10px !important;
}
div.mt-2.v-textarea div.v-input__slot {
    height: 110px;
}
div.mt-2.v-textarea div.v-input__slot label.v-label,
  div.mt-5.v-text-field div.v-input__slot label.v-label {
    color: rgba(0, 0, 0, 0.87) !important;
}
div.mt-5.v-text-field div.v-input__slot label.v-label--active {
    color: #fff !important;
}
div.mt-2.v-textarea div.v-input__slot textarea {
    resize: none;
}
div.report-button-items span.v-btn__content {
    justify-content: flex-start;
}
li.check-list.flexbox div {
    margin: 0;
    padding: 0;
}


.v-btn[data-v-fed4e3f8] {
  text-transform: none;
}
#overlay[data-v-fed4e3f8] {
  z-index:50;  
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
#content[data-v-fed4e3f8] {
  min-width: 1000px;
  width: 1000px;
  height: 800px;
  background-color:#fff;
  border: 2px solid gray;
  transition: 0.5s;
}
.title[data-v-fed4e3f8]{
  font-size: 20px;
  height: 50px;
  color:white !important;
  display: flex; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */ /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
}
.button-area[data-v-fed4e3f8] {
  width: 100%;
  padding: 20px 10px 10px 10px;
  font-size:25px;
  text-align: center;
}
.agree-check[data-v-fed4e3f8] {
  margin-top: -20px;
  margin-bottom: 40px;
}
.submit-btn[data-v-fed4e3f8] {
  width: 120px;
  margin-right: 100px;
}
.cancel-btn[data-v-fed4e3f8] {
  width:120px;
  margin-left:100px;
}


#overlay[data-v-6df4703a] {
   z-index:210;
}
#content[data-v-6df4703a] {
   width: 40%;
   height: auto;
   background-color:#fff;
   transition: 0.5s;
   border-radius: 10px;
   text-align: center;
}
div.headerstyle[data-v-6df4703a] {
   color: white;
   background-color: var(--main-bg-color);
   height: 2em;
   font-size: 1.2em;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
}
div.headerstyle > div[data-v-6df4703a] {
   position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
div.headerstyle button.v-btn--icon[data-v-6df4703a] {
   position: absolute;
   right: 1.4%;
}
div.headerstyle button.v-btn--icon i[data-v-6df4703a] {
   font-size: 3vmin !important;
}
.btn[data-v-6df4703a] {
   width: 6em;
   font-size: 1em;
}
.btn-update[data-v-6df4703a] {
   color: white;
   background-color: var(--update-button-bg-color);
   margin-bottom: 1em;
}
.btn-update[data-v-6df4703a]:hover {
   color: white;
   background-color: var(--update-button-bg-color_hover);
}
.btn-cancel[data-v-6df4703a] {
   color: white;
   background-color: var(--cancel-button-bg-color);
   margin-bottom: 1em;
}
.btn-cancel[data-v-6df4703a]:hover {
   color: white;
   background-color: var(--cancel-button-bg-color_hover);
   margin-bottom: 1em;
}
.btn-delete[data-v-6df4703a] {
   color: white;
   background-color: var(--delete-button-bg-color);
   margin-bottom: 1em;
}
.btn-delete[data-v-6df4703a]:hover {
   color: white;
   background-color: var(--delete-button-bg-color_hover);
   margin-bottom: 1em;
}
.message[data-v-6df4703a] {
   margin: 0;
   padding: 1em 1em 2em;
   overflow-y: auto;
   white-space: pre-wrap;
   word-wrap: break-word;
   text-align: center;
   font-size: 1em;
}


div#parent[data-v-6d2783b0] {
  font-family: Roboto;
  font-size: 2vmin;
}
.login_title[data-v-6d2783b0] {
  margin: 20px 3px;
}
#login-form-container[data-v-6d2783b0] {
  border-radius: 10px 10px 10px 10px;
  background: #10699f;
  padding: 30px;
  width: 40%;
  position: relative;
  padding: 0px;
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  text-align: center;
  font-size: 1em;
}
#login-form-container > div.alert[data-v-6d2783b0] {
  font-size: 1em;
}
.button[data-v-6d2783b0]:hover{
  background-color: #a3a3a3;
}
.input[data-v-6d2783b0] {
  background-color: #f6f6f6;
  border: none;
  color: #0d0d0d;
  padding: 0.5em 0.8em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 5px;
  width: 80%;
  border: 2px solid #f6f6f6;
  transition: all 0.5s ease-in-out;
  border-radius: 5px 5px 5px 5px;
}
.input[data-v-6d2783b0]:focus{
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}
.input[data-v-6d2783b0]:placeholder, input[type=password][data-v-6d2783b0]:placeholder {
  color: #cccccc;
  font-size: 1em;
}
button[data-v-6d2783b0] {
  font-size: 1em;
  padding: 0;
  width: 13em;
  height: 2.5em;
}
div#header[data-v-6d2783b0] {
  background-color: black;
  font-size: inherit;
}
div#header > span[data-v-6d2783b0] {
  color: white;
  height: 2em;
  font-size: 1.5em;
}
div#login-form[data-v-6d2783b0] {
  padding: 2em 1em;
}
div#login-form img[data-v-6d2783b0] {
  width: 50%;
  height: 50%;
}
div#login-form a[data-v-6d2783b0] {
  color: #fff;
  font-size: 1.1em;
}
footer[data-v-6d2783b0] {
  font-size: 0.85em;
  text-align: left;
  padding: 1em;
}
footer > a[data-v-6d2783b0] {
  color: #fff;
}


div#message-list.v-card.v-sheet.theme--light[data-v-2e1120b4] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
div#message-list > div.messagelist-title.text-h6[data-v-2e1120b4] {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div.v-menu__content.theme--light.menuable__content__active[data-v-2e1120b4] {
  z-index: 7 !important;
}
div#profile.v-card[data-v-2e1120b4] {
  min-width: 344px;
  margin-top: 18px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
div#profile.v-card > div.v-list[data-v-2e1120b4],
div#profile.v-card > div.v-list > div[data-v-2e1120b4]:first-child {
  padding: 0;
}
div#profile.v-card > div.v-list > div[data-v-2e1120b4]:first-child {
  max-width: 388px;
}
div#profile p[data-v-2e1120b4] {
  text-align: left;
  margin-bottom: 0;
  padding: 8px;
  max-height: 178px;
  overflow-y: auto;
  white-space: pre-line;
}
div#profile div.v-list-item__title[data-v-2e1120b4] {
  margin-bottom: 4px;
  padding: 8px;
  background-color: rgb(6, 43, 72);
  color: #FFFFFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.v-btn[data-v-2e1120b4] {
  text-transform: none;
}
.header[data-v-2e1120b4] {
  font-family: Kanit;
  font-size: 1.0rem;
  color: white;
  background-color: #062b48;
  height: auto;
}
.flex-container[data-v-2e1120b4] {
  display: flex;
  align-items: center
}
.flex-column-container[data-v-2e1120b4] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 170px;
}
.main-icon[data-v-2e1120b4] {
  width: 70px;
}
.disp-date[data-v-2e1120b4] {
  text-align: left;
}
.disp-time[data-v-2e1120b4] {
  font-size: 35px;
  text-align: left;
  margin-top: -5%;
  min-width: 200px;
  padding-left: 20px;
}
.CoA-button[data-v-2e1120b4] {
  margin-top: 5px;
  left: 20px;
}
.flex-icon-container[data-v-2e1120b4] {
  font-family: Kanit;
  font-size: 1.0rem;
  display: flex;
  margin: auto 0 auto auto;
  padding-right: 20px;
}
.notification-button[data-v-2e1120b4] {
  margin-right: 10px;
}
.zoom-slider[data-v-2e1120b4] {
  max-width: 200px;
  height: 38px;
  margin-right: 20px;
}
div#alert-sign[data-v-2e1120b4] {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 10em;
  height: 60px;
}
div#alert-sign[data-v-2e1120b4]:not(.showArmedDisarmed),
div#alert-sign[data-v-2e1120b4]:not(.showDoorOpenClose) {
  width: 5em;
}
div#alert-sign span[data-v-2e1120b4] {
  font-size: 0.8em;
  text-align: left;
  white-space: nowrap;
}
div#alert-sign span.disarmed[data-v-2e1120b4]::before,
div#alert-sign span.armed[data-v-2e1120b4]::before {
  content: '';
  display: inline-flex;
  position: relative;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 10px;
}
div#alert-sign span.disarmed[data-v-2e1120b4]::before {
  background-color: rgb(108, 238, 96);
}
div#alert-sign span.armed[data-v-2e1120b4]::before {
  background-color: rgb(238, 96, 96);
}
div#alert-sign span.event[data-v-2e1120b4]::before,
div#alert-sign span.dc-open[data-v-2e1120b4]::before,
div#alert-sign span.dc-close[data-v-2e1120b4]::before {
  content: '';
  display: inline-flex;
  position: relative;
  width: 20px;
  height: 0.3em;
  margin: 0 5px;
  vertical-align: middle;
}
div#alert-sign span.event[data-v-2e1120b4]::before {
  background-color: rgb(255, 0, 0);
}
div#alert-sign span.dc-open[data-v-2e1120b4]::before {
  background-color: rgb(204, 204, 0);
}
div#alert-sign span.dc-close[data-v-2e1120b4]::before {
  background-color: rgb(35, 226, 34);
}
div#armed-disarmed-container[data-v-2e1120b4],
div#dc-open-close-container[data-v-2e1120b4] {
  width: 50%;
  line-height: 1em;
}
.flex-slider-container[data-v-2e1120b4] {
  display: flex;
  width: 300px;
  margin-top: 10px;
}
@media screen and (min-width: 1250px) {
.flex-slider-container[data-v-2e1120b4] {
      position: absolute;
      right: 360px;
}
}
@media screen and (max-width: 1249px) {
.flex-slider-container[data-v-2e1120b4] {
      position: relative;
      right: 0;
      margin-left: auto;
}
}
.v-input input[data-v-2e1120b4] {
  max-height: 27px;
}
.messagelist-title[data-v-2e1120b4] {
  font-family: Kanit;
  font-size: 1.0rem;
  color: white;
  background-color: rgb(6, 43, 72);
}
div.v-list-item__title[data-v-2e1120b4],
div.v-textarea[data-v-2e1120b4],
.btnFont[data-v-2e1120b4] {
  font-size: 1.0rem !important;
}
div.v-list-item__title[data-v-2e1120b4] {
  text-align: center;
}


#imgTd[data-v-cb415d1c] {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #323232;
  overflow: auto;
  padding: 0;
}
div.canvas-wrapper[data-v-cb415d1c] {
    min-width: 80%;
    min-height: 500px;
}
.canvas[data-v-cb415d1c] {
    width: 60%;
    height: 60%;
}
img.arrow[data-v-cb415d1c] {
  position: fixed;
  cursor: pointer;
  z-index: 10;
  /* transition: 1.0s; */
  opacity: 0.6;
}
img.arrow[data-v-cb415d1c]:hover {
  opacity: 1.0;
}
#map-tree-button[data-v-cb415d1c] {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  /**
  67.5 → ヘッダーの高さ
  12px → #map-tree-button.menu-display-triggerの半分の高さ
  */
  top: calc(((100vh - 67.5px) / 2) - 12px);
}
#map-tree-button.menu-display-trigger.opened[data-v-cb415d1c] {
  border-left: 24px solid rgba(55, 121, 254, .7);
  /**
  360px → 384px (右側のメニューの横幅) - 24px (#map-tree-button.menu-display-triggerの横幅)
  */
  right: 360px;
}
#map-tree-button.menu-display-trigger.closed[data-v-cb415d1c] {
  border-right: 24px solid rgba(55, 121, 254, .7);
  right: 0;
}
#event-list-button[data-v-cb415d1c] {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  /**
  384px → 右側のメニューの横幅
  12px → #event-list-button.menu-display-triggerの半分の横幅
  */
  left: calc(((100vw - 384px) / 2) - 12px);
}
#event-list-button.menu-display-trigger.opened[data-v-cb415d1c] {
  border-top: 24px solid rgba(55, 121, 254, .7);
  bottom: 271.4px;
}
@media screen and (max-height: 768px) {
#event-list-button.menu-display-trigger.opened[data-v-cb415d1c] {
    border-top: 24px solid rgba(55, 121, 254, .7);
    bottom: 253px;
}
}
#event-list-button.menu-display-trigger.closed[data-v-cb415d1c] {
  border-bottom: 24px solid rgba(55, 121, 254, .7);
  bottom: 0px;
}
.menu-display-trigger[data-v-cb415d1c] {
  display: block;
  position: fixed;
  width: 0;
  height: 0;
  z-index: 1;
  cursor: pointer;
}
div.message-dialog[data-v-cb415d1c] {
  z-index: 1000 !important;
}


.v-btn[data-v-8ffbf32e] {
  text-transform: none;
}
ul[data-v-8ffbf32e] {
  list-style: none;
}
img[data-v-8ffbf32e] {
  width: 40px;
  height: 30px;
  margin-right: 10px;
}
div.maptree-parent[data-v-8ffbf32e] {
  height: 310px;
  background: #323232;
  text-align: left;
  font-size: 15pt;
}
@media screen and (max-height: 875px) {
div.maptree-parent[data-v-8ffbf32e] {
    height: 90%;
}
}
div.maptree-header[data-v-8ffbf32e] {
  color: white;
  display: inline-flex;
  margin-top: 10px;
}
div.maptree-header div.v-btn-toggle[data-v-8ffbf32e] {
  max-width: 250px;
  overflow-x: auto;
}
h5.header-title.ml-6.pt-2[data-v-8ffbf32e] {
  display: inline-flex;
  width: 100px;
  padding-top: 6px !important;
}
.v-btn.v-size--default[data-v-8ffbf32e], .v-btn.v-size--large[data-v-8ffbf32e] {
  font-size: 0.57em;
}
div.maptree-area[data-v-8ffbf32e] {
  height: 86%;
  overflow-y: auto;
  font-size: 0.8em;
}
ul.menu[data-v-8ffbf32e] {
  background: black;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
li.menu-list[data-v-8ffbf32e] {
  float: left;
  font-size: 15px;
  width: calc(100% / 4);
  padding: 5px 1px;
}
button.menu-button[data-v-8ffbf32e] {
  font-size: 13pt;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 90px;
}
ul.area[data-v-8ffbf32e] {
  padding: 0;
  display: table;
  text-align: left;
}
a.area-name[data-v-8ffbf32e] {
  cursor: pointer;
}
ul.branch-list[data-v-8ffbf32e] {
  display: none;
  clear: both;
  padding: 0 20px;
}
.header-title[data-v-8ffbf32e] {
  text-align: left;
}
.v-btn-toggle:not(.v-btn-toggle--dense) .v-btn.v-btn.v-size--default[data-v-8ffbf32e] {
  min-width: 15%;
  height: 35px;
}
.spacer[data-v-8ffbf32e] {
  height: 1px;
  width: 95%;
  margin: 5px auto 0 auto;
  background-color: white;
}



.v-btn[data-v-a3fc3ce6] {
  text-transform: none;
}
.v-tab[data-v-a3fc3ce6] {
  text-transform: none;
}
.flexbox[data-v-a3fc3ce6] {
  display: flex;
}
.menu-button[data-v-a3fc3ce6] {
  border: solid 1px black;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  width: 74px;
  height: 30px;
}
.report-template[data-v-a3fc3ce6] {
  height: 52%;
}
.report-textarea[data-v-a3fc3ce6] {
  border-radius: 5px;
  background: white;
  padding: 5px;
}
.report-textarea[data-v-a3fc3ce6]:focus {
  outline: 0;
  box-shadow: 0 0 0 1px rgb(33, 150, 243) inset;
}
ul[data-v-a3fc3ce6] {
  list-style: none;
  padding: 0;
}
div.workflow-parent[data-v-a3fc3ce6] {
  height: 100%;
  background: #323232;
}
ul.menu[data-v-a3fc3ce6] {
  background: #555555;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
li.menu-list[data-v-a3fc3ce6] {
  float: left;
  font-size: 15px;
}
div.workflow-body[data-v-a3fc3ce6] {
  height: 93%;
  color: white;
  background: #323232;
  font-size: 11pt;
  padding: 1px 5px 7px 5px;
}
div.workflow-text[data-v-a3fc3ce6] {
  height: 8%;
  color: #ff3333;
  font-size: 12pt;
  text-align: left;
}
div.workflow-list[data-v-a3fc3ce6] {
  max-height: 14%;
  border: solid;
  border-width: 1px;
  overflow-y: auto;
  margin: 0 10px;
}
ul.check-list[data-v-a3fc3ce6] {
  padding: 3px;
  margin: 0;
  text-align: left;
}
label.check-label[data-v-a3fc3ce6] {
  width: 100%;
  margin-top: -4px;
  margin-left: 4px;
  font-size: 12pt;
}
div.workflow-report-items[data-v-a3fc3ce6] {
  height: 60%;
  position: relative;
  border: solid;
  border-width: 1px;
  margin: 0 10px 5px;
}
div.report-label[data-v-a3fc3ce6] {
  padding: 0 5px;
  position: absolute;
  margin-left: 5px;
  top: -3%;
  background: #323232;
  color: white;
}
div.report-button-items[data-v-a3fc3ce6] {
  overflow-y: auto;
}
ul.report-button-list[data-v-a3fc3ce6] {
  padding: 0 0 0 0;
  margin: 0;
}
ul.report-button-list li.button-item button[data-v-a3fc3ce6] {
  padding: 0 10px;
}
li.button-item[data-v-a3fc3ce6] {
  margin: 3px 0 3px 0;
}
button.report-template[data-v-a3fc3ce6] {
  width: 90%;
  text-align: left;
  height:35px;
}
textarea.report-textarea[data-v-a3fc3ce6] {
  resize: none;
  width: 90%;
}
div.workflow-reporter[data-v-a3fc3ce6] {
  display: inline;
  font-weight: 400;
}
div.workflow-report[data-v-a3fc3ce6] {
  height: 17%;
}
input.reporter-text[data-v-a3fc3ce6] {
  width: 50%;
  padding: 0;
  text-align: left;
}
div.workflow-completed[data-v-a3fc3ce6] {
  margin: 0 10px;
}
ul.completed-button-list[data-v-a3fc3ce6] {
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
}
.completed-button-list>li[data-v-a3fc3ce6] {
  float: left;
  width: 50%;
}
.completed-button-list>li>button[data-v-a3fc3ce6] {
  width: 90px;
}
.v-input__control[data-v-a3fc3ce6] {
  min-height: 27px !important;
}
div.v-card__actions[data-v-a3fc3ce6] {
  position: relative;
  width: 100%;
}
div.pa-4.pb-0[data-v-a3fc3ce6] {
  padding: 16px 16px 0 !important;
}
div.mt-5.v-text-field.v-input[data-v-a3fc3ce6] {
  margin-top: 8px !important;
}
div.report-button-container[data-v-a3fc3ce6] {
  height: 280px;
  overflow-y: auto;
  margin-top: 8px;
  padding-top: 0 !important;
}
div.report-button-container > h6[data-v-a3fc3ce6]:first-of-type {
  margin: 0 0 8px !important;
}
div.report-button-container > h6[data-v-a3fc3ce6]:not(:first-of-type) {
  margin: 8px 0 !important;
}
.actions-check-list-container[data-v-a3fc3ce6] {
  height: 130px;
  background-color: white;
  overflow-y: auto;
}
li.check-list.flexbox div.v-input:not(div.v-input--is-disabled) label[data-v-a3fc3ce6] {
  color: rgba(0, 0, 0, 0.87);
}
div.v-application div.ma-3[data-v-a3fc3ce6] {
  height: 100%;
  margin: 0 12px !important;
  overflow-y: auto;
}


.v-btn[data-v-5e026a21] {
  text-transform: none;
}
.flexbox[data-v-5e026a21] {
  display: flex;
}
ul[data-v-5e026a21] {
  list-style: none;
  padding: 0;
}
div.eventLog-body[data-v-5e026a21] {
  height: 100%;
  background: #323232;
}
div.eventLog-parent[data-v-5e026a21] {
  height: 100%;
  background: #EEEEEE;
}
div.eventLog-header[data-v-5e026a21] {
  height: 20%;
  overflow: hidden;
  background-color: #062B48;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  font-size: 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid gray;
}
div.header-items[data-v-5e026a21] {
  margin-right: 30px;
}
button.header-button[data-v-5e026a21] {
  font-size: 13pt;
  margin: 0 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}
button.search-button[data-v-5e026a21] {
  font-size: 13pt;
  padding-top: 1px;
  padding-bottom: 1px;
}
button.list-button[data-v-5e026a21] {
  font-size: 13pt;
  height: 26px;
  text-align: center;
  vertical-align: center;
  margin-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
}
table.eventLog-table[data-v-5e026a21] {
  width: 100%;
  font-size: 14pt;
  font-weight: 400;
}
tr.header[data-v-5e026a21] {
  background: #323232;
  color: white;
  padding-left: 5px;
  border-bottom: 1px solid gray;
}
tr.success[data-v-5e026a21] {
  background: #CCCCCC;
}
tr.proccess[data-v-5e026a21] {
  background: #FFAA15;
}
tr.warning[data-v-5e026a21] {
  /** 受領した資料のHEX値と実際の色が異なるため仮指定 **/
  background: #FA3939;
}
td[data-v-5e026a21] {
  width: 200px;
  text-align: left;
  padding-left: 5px;
}
div.eventLog-buttons[data-v-5e026a21] {
  display: flex;
}
.v-data-table[data-v-5e026a21]{
  border-radius: 0px;
}
div.eventLog-body button.delete-all[data-v-5e026a21] {
  position: absolute;
  left: 6px;
  bottom: 6px;
  background-color: var(--delete-button-bg-color) !important;
}
div.eventLog-body button.delete-all.v-btn--disabled[data-v-5e026a21] {
  background-color: #272727 !important;
}


#overlay[data-v-72aa8f88] {
   z-index:210;
}
#content[data-v-72aa8f88] {
   width: 40%;
   height: auto;
   background-color:#fff;
   transition: 0.5s;
   border-radius: 10px;
   text-align: center;
}
div.headerstyle[data-v-72aa8f88] {
   color: white;
   background-color: var(--main-bg-color);
   height: 2em;
   font-size: 1.2em;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
}
div.headerstyle > div[data-v-72aa8f88] {
   position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
div.headerstyle button.v-btn--icon[data-v-72aa8f88] {
   position: absolute;
   right: 1.4%;
}
div.headerstyle button.v-btn--icon i[data-v-72aa8f88] {
   font-size: 3vmin !important;
}
.btn[data-v-72aa8f88] {
   width: 6em;
   font-size: 1em;
}
.btn-update[data-v-72aa8f88] {
   color: white;
   background-color: var(--update-button-bg-color);
   margin-bottom: 1em;
}
.btn-update[data-v-72aa8f88]:hover {
   color: white;
   background-color: var(--update-button-bg-color_hover);
}
.btn-cancel[data-v-72aa8f88] {
   color: white;
   background-color: var(--cancel-button-bg-color);
   margin-bottom: 1em;
}
.btn-cancel[data-v-72aa8f88]:hover {
   color: white;
   background-color: var(--cancel-button-bg-color_hover);
   margin-bottom: 1em;
}
.btn-delete[data-v-72aa8f88] {
   color: white;
   background-color: var(--delete-button-bg-color);
   margin-bottom: 1em;
}
.btn-delete[data-v-72aa8f88]:hover {
   color: white;
   background-color: var(--delete-button-bg-color_hover);
   margin-bottom: 1em;
}
.message[data-v-72aa8f88] {
   margin: 0;
   padding: 1em 1em 2em;
   overflow-y: auto;
   white-space: pre-wrap; 
   word-wrap: break-word;
   text-align: center;
   font-size: 1em;
}


div.v-application[data-v-3e846ed6] {
  font-family: Kanit;
  font-size: 1.0rem;
}
#map[data-v-3e846ed6] {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  height: 70%;
}
@media screen and (max-height: 1068px) {
#map[data-v-3e846ed6] {
    height: 66%;
}
}
@media screen and (max-height: 942px) {
#map[data-v-3e846ed6] {
    height: 63%;
}
}
@media screen and (max-height: 868px) {
#map[data-v-3e846ed6] {
    height: 60%;
}
}
@media screen and (max-height: 802px) {
#map[data-v-3e846ed6] {
    height: 57%;
}
}
#mapEvent[data-v-3e846ed6] {
  display: inline-block;
  position: absolute;
  left: 0;
  width: calc(100% - 384px);
  height: 94%;
  vertical-align: top;
  border-right: 1px solid black;
}
#workflow[data-v-3e846ed6] {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  height: calc(100% - 360px);
  font-size: 10pt;
}
@media screen and (max-height: 875px) {
#workflow[data-v-3e846ed6] {
    height: 56%;
}
}
#eventlog[data-v-3e846ed6] {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: 10pt;
  position: absolute;
  bottom: 20px;
  clear: both;
}
#overlay[data-v-3e846ed6] {
  z-index:500;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
#content[data-v-3e846ed6] {
  z-index:502;
  min-width: 100px;
  min-height: 20%;
  padding: 1em;
  background-color:lightgray;
  border: 3px solid gray;
  border-radius: 0.3rem;
}
.popup-text[data-v-3e846ed6] {
  font-family: 'Noto Sans JP';
  font-size: 16pt;
  text-align: left;
  margin-left: 8px;
  background-color:lightgray;
}
.popup[data-v-3e846ed6] {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.popup-button[data-v-3e846ed6] {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
}
.v-leave-active[data-v-3e846ed6],
.v-enter-active[data-v-3e846ed6] {
  transition: opacity 0.5s;
}
.v-enter[data-v-3e846ed6],
.v-leave-to[data-v-3e846ed6] {
  opacity: 0;
  transition: 0.5s;
}
div.menu-container[data-v-3e846ed6] {
  position: fixed;
  right: 0;
  display: inline-flex;
  flex-direction: column;
  row-gap: 10px;
  width: 384px;
  height: 94%;
  background-color: rgb(50, 50, 50);
}
.loading[data-v-3e846ed6] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  z-index:9999;
  position: fixed;
  background-color: rgba(#000, 0.5);
}