@charset "utf-8";

/* --HTML-- */
html {
    background:#EEEEEE;
    color:#333;
    overflow-y:scroll;
    margin:0;
    padding:0;
    width: 100%
  }
  
  /* --BODY-- */
  body {
    font:13px/1.5 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    margin:0;
    overflow:visible;
    padding:0;
    background:#EEEEEE;
  }
  
  
  ol, ul {
    list-style:none;
  }
  
  /* form */
  button, fieldset, form, input, label, legend, select, textarea {
    font-family:inherit;
    font-size:100%;
    font-style:inherit;
    font-weight:inherit;
    margin:0;
    padding:0;
    vertical-align:baseline;
  }
  
  
  .container {
    width: calc(100% - 180pt) !important;
    max-width: 96% !important;
    /* min-width: 95% !important; */
    /* width: 95% !important; */
    margin-left: 0px !important;
    /* position: absolute; */
    top: 0;
    /* left: 210px; */
  }
  
  .content {
    display: flex;
    /* height: 1080px; */
    /* position: fixed; */
    top: 50px;
    /* left: 210px; */
    padding: 0;
    margin: 0;
    overflow: auto;
    /* background-color: #200040; */
  }
  
  .nowrap {
    white-space: nowrap;
  }
  
  .virtical-center {
    display: table-cell;
    vertical-align: middle;
  }
  
  .label-center {
    display: flex;
    align-items: center;
    border: 1px solid darkgray;
    width: 200px;
    height: 40px;
    padding: 3px;
    margin-right: 5px;
    background: #F0F0F0;
  }
  
  .flex-layout {
    display: flex;
  }
  
  
  /* input[text] */
  .readonly-text {
    border: 1px solid darkgray;
    padding: 3px;
    margin-right: 5px;
  }
  
  .centered-input input {
    text-align: center;
  }
  
  .center {
    text-align: center !important;
  }
  .left {
    text-align: left !important;
  }
  .right {
    text-align: right !important;
  }
  
  .break-all {
    word-break : break-all
  }
  
  .min-width-200 {
    min-width: 200px;
  }
  
  .v-menu__content {
    border: 2px solid #888888 !important;
  }
  
  @media print{
    .no_print{
        display: none !important;
    }
  }
  
  /* vue-js-modal の背景色を設定 (Vuetify のカラーを設定) */ 
  .vm--modal {
    background-color: var(--v-modal_background-base)  !important;
  }
  
  /* modal画面に枠を付ける */
  .modal-border {
    border:solid 3px #555555;
  }
  
  /* テーブルのセルに枠を付ける */
  .table-border td,
  .table-border th 
  {
    /* border-top: solid 1px #555;
    border-bottom: solid 1px #555;
    border-left: solid 1px #333;
    border-right: solid 1px #333; */
    border: 1px solid #888888;
  }
  
  table {
    table-layout: fixed;
  }
  
  table td {
    /* word-break: break-all; */
    overflow-wrap : break-word;
  }
  
  .v-messages__message {
    white-space: pre-line !important;
  }