@CHARSET "UTF-8";

body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Hiragino Kaku Gothic ProN, "メイリオ", meiryo,
    sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  word-break: normal;
  word-wrap: break-word;
}

fieldset .ui-panelgrid {
  white-space: nowrap;
}

.ui-widget {
  font-family: inherit;
}

/* 全体パネルレイアウト  */
.ui-layout-unit {
  border: 0 none;
  overflow: hidden;
  border-radius: 0;
}

.ui-layout-unit .ui-layout-unit-content {
  overflow: hidden;
}

/* エラー表示領域の表示アイコン */
.ui-messages-error-icon {
  background-position: 0 -184px;
}

/* DataTableのページャ */
.ui-paginator {
  font-size: small;
}

/* DataTableのスクロール領域 */
.ui-datatable .ui-datatable-scrollable-body {
  background-color: rgba(217, 217, 217, 0.25);
}

.ui-datatable-scrollable-footer {
  border-top: 1px solid #d9d9d9;
}

/* DataTableのページ移動 */
.ui-paginator-jtp-select {
  margin-left: 20px;
}

.ui-paginator-current {
  margin-left: 0 !Important;
}

/* DataTableの表示行がないメッセージ */
.ui-datatable-empty-message {
  display: none;
}

/* 入力必須の＊マーク */
.ui-outputlabel .ui-outputlabel-rfi {
  color: red;
  font-weight: bold;
}

/* リンクとアイコンの隙間  */
.ui-commandlink i {
  margin-right: 3px;
}

/** FileUploadのボタン関係 */
.ui-fileupload-buttonbar {
  font-size: small;
}

/* システム名らへんのヘッダ */
.head {
  background-color: #186ba0;
  color: #F8F8F8;
}

.head>.ui-layout-unit-content {
  background-color: #186ba0;
  color: #F8F8F8;
}

/* システム名 */
.sysName {
  font-size: x-large;
  font-weight: bold;
  margin: 10px 0 10px 5px;
}

/* メインメニュー */
.mainmenu {
  background-color: #EFF1F3;
  border-right: 1px solid #d6d6d6;
  padding: 0;
}

.mainmenu>.ui-layout-unit-header {
  background-color: #EFF1F3;
  border: none;
}

.mainmenu>.ui-layout-unit-content {
  padding-top: 0;
  overflow: auto;
  background-color: #EFF1F3;
}

.mainmenu>.ui-corner-all {
  border-radius: 0;
}

/* メインメニュー折りたたみ中パネル */
.ui-layout-resizer-west {
  border-radius: 0;
  border-bottom: 1px solid #d6d6d6;
}

/* メイン領域 */
.content>.ui-layout-unit-content {
  overflow: auto;
  background-color: #FFF;
}

/* 画面名 */
.title {
  font-size: large;
  font-weight: bold;
}

/* コピーライト等のフッタ */
.copyright {
  clear: both;
  border-top: solid 1px #bcc7cf;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0;
  padding: 0;
  font-size: x-small;
}

/* p:panelGrid のボーダーなくす */
.ui-panelgrid>*>tr, .ui-panelgrid .ui-panelgrid-cell {
  border: none;
}

/* ダイアログのメイン領域 */
.dialogContent {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* ログインユーザ名のメニュー */
.loginuser-menu {
  margin-right: 5px;
}

.loginuser-menu .ui-button span.ui-button-text {
  font-weight: normal;
}

.loginuser-menu-item {
  width: auto;
}

.loginuser-menu-item a.ui-menuitem-link {
  padding: .1em .3em;
  width: 100%;
}

.loginuser-menu-item a.ui-menuitem-link .ui-menuitem-icon {
  margin-right: 3px;
}

/* 処理中ぐるぐる */
.loading {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

/* ボタンアイコンの太字をなくす */
button.ui-button span.ui-icon.fa {
  font-weight: normal;
}

/* 一覧のリンクカラム */
tbody.ui-datatable-data tr.ui-state-highlight a {
  color: inherit;
}

tbody.ui-datatable-data tr.ui-state-hover a {
  text-decoration: underline;
}

tbody.ui-datatable-data tr td {
  white-space: normal;
}

/* 明細行をフォーカスしたときの明細行の色 */
tbody.ui-widget-content .ui-state-hover {
  background: #C0C0C0;
}

/* 検索条件の枠 */
.fieldset-search-condition {
  margin-bottom: 20px;
}

/* 下枠の空白追加 */
.fieldset-bottom-margin {
  margin-bottom: 20px;
}

/* 検索条件の最大幅 */
.fieldset-search-condition-width {
  max-width: 1180px;
}

/* 選択中のタブがどれか分かる様に、下線追加 */
.ui-tabs .ui-tabs-nav>li.ui-state-default.ui-state-active {
  border-bottom: 2px solid #4a8bee;
  color: #000;
}

/** 検索条件の項目 1280x800で横スクロールバーが出ないように調整したサイズ */
/** 検索条件の項目(3列版) */
td.ui-panelgrid-cell.condition-label {
  max-width: 130px;
}

td.ui-panelgrid-cell.condition-value {
  max-width: 165px;
}

td.ui-panelgrid-cell.condition-value input {
  min-width: 100px;
  max-width: 130px;
}

td.ui-panelgrid-cell.condition-value div.ui-selectonemenu {
  min-width: 110px !Important;
  max-width: 110px;
}

/** 検索条件の項目(2列版) */
td.ui-panelgrid-cell.condition-label-2 {
  /*max-width: 130px;*/

}

td.ui-panelgrid-cell.condition-value-2 {
  /*max-width: 165px;*/

}

td.ui-panelgrid-cell.condition-value-2 input {
  min-width: 100px;
  max-width: 130px;
}

td.ui-panelgrid-cell.condition-value-2 div.ui-selectonemenu {
  min-width: 110px !Important;
  max-width: 110px;
}

/** 検索条件の項目(1列版) */
td.ui-panelgrid-cell.condition-label-3 {
  /*max-width: 130px;*/

}

td.ui-panelgrid-cell.condition-value-3 {
  /*max-width: 165px;*/

}

td.ui-panelgrid-cell.condition-value-3 input {
  min-width: 100px;
  max-width: 130px;
}

td.ui-panelgrid-cell.condition-value-3 div.ui-selectonemenu {
  min-width: 110px !Important;
  max-width: 110px;
}

/** プルダウンのメニュー */
.ui-selectonemenu-panel {
  max-width: 100%;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  padding-right: 1.5em;
}

/* ツールチップ */
.ui-tooltip {
  white-space:pre-line;
}

/* ツールチップの背景色を指定 */
.ui-tooltip .ui-tooltip-text {
  background: #186ba0;
}

/* 吹き出し部分の背景色を指定 */
.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #186ba0;
}
.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #186ba0;
}

/* ツールチップアイコンの色指定 */
.theme-color:before {
  color: #186ba0;
}

/******************************************/
/** 汎用的なstyle定義                     */
/******************************************/

/* 左寄せ */
.pull-left {
  float: left;
}

/* 右寄せ */
.pull-right {
  float: right;
}

/* 読み取り専用 */
input[readonly] {
  color: lightgray !important;
}

/** 無効な明細行の色 */
.row-invalid {
  background: #D6D6D6;
}

/* テキスト要素の右寄せ */
.text-pull-right {
  text-align: right;
}

/* リンクの非活性時に透過させない */
.disabled-non-opacity:only-child {
  filter: alpha(opacity = 100);
  -moz-opacity: 1;
  opacity: 1;
}

/* 赤っぽく */
.attention {
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

/* メニューボタン用の赤ボタン */
.attention .ui-button {
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

/* プルダウンテキスト要素の中央寄せ */
.pulldown-center {
  text-indent: 30%;
}

/* ラベル間の隙間 */
.label-space {
  padding-right: 20px;
}

/** ダイアログ共通 */
#dialogBody {
  border: none;
  margin: 0px;
  padding: 0px;
}

#dialogBody_content {
  border: none;
  margin: 0px;
  padding: 0px;
}

/* セル内の改行をそのまま表示  */
tbody.ui-datatable-data tr td.td-pre {
  white-space: pre-line;
}

/* 詳細画面表示用ボーダーあり */
div#detail .ui-panelgrid>*>tr, div#detail .ui-panelgrid .ui-panelgrid-cell {
  border: 1px solid black;
}

/* 詳細画面表示用テーブルサイズ */
div#detail table {
  table-layout: fixed;
  word-wrap: break-word;
  width: 510px;
}

/* 詳細画面表示用1列目背景色変更（標題） */
div#detail .ui-panelgrid>*>tr>td {
  background-color: #e6e6fa;
}

/* 詳細画面表示用2列目背景色変更（値） */
div#detail .ui-panelgrid>*>tr>td+td {
  background-color: #ffffff;
}

/* 詳細画面表示用列サイズ */
td.ui-panelgrid-cell.label {
  width: 190px;
}

td.ui-panelgrid-cell.value {
  width: 300px;
  white-space: pre-line;
}

/* Grid CSS Hack */
/* レスポンシブ対応 */
/* リサイズの幅をPrimefaces規定の値から14em(メインメニュー分)追加 */
.ui-g {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.ui-g:after {
    clear: both;
    content: "";
    display: table;
}

.ui-g-0,
.ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
    float: left;
    box-sizing: border-box;
    padding: 0.5em;
}

.ui-g-0 {
    padding: 0em;
    width: 0%;
}

.ui-g-1 {
    width: 8.3333%;
}

.ui-g-2 {
    width: 16.6667%;
}

.ui-g-3 {
    width: 25%;
}

.ui-g-4 {
    width: 33.3333%;
}

.ui-g-5 {
    width: 41.6667%;
}

.ui-g-6 {
    width: 50%;
}

.ui-g-7 {
    width: 58.3333%;
}

.ui-g-8 {
    width: 66.6667%;
}

.ui-g-9 {
    width: 75%;
}

.ui-g-10 {
    width: 83.3333%;
}

.ui-g-11 {
    width: 91.6667%;
}

.ui-g-12 {
    width: 100%;
}

@media screen and (max-width: 54em) {
    .ui-sm-1,
    .ui-sm-2,
    .ui-sm-3,
    .ui-sm-4,
    .ui-sm-5,
    .ui-sm-6,
    .ui-sm-7,
    .ui-sm-8,
    .ui-sm-9,
    .ui-sm-10,
    .ui-sm-11,
    .ui-sm-12 {
        padding: 0.5em;
    }

    .ui-sm-1 {
        width: 8.3333%;
    }

    .ui-sm-2 {
        width: 16.6667%;
    }

    .ui-sm-3 {
        width: 25%;
    }

    .ui-sm-4 {
        width: 33.3333%;
    }

    .ui-sm-5 {
        width: 41.6667%;
    }

    .ui-sm-6 {
        width: 50%;
    }

    .ui-sm-7 {
        width: 58.3333%;
    }

    .ui-sm-8 {
        width: 66.6667%;
    }

    .ui-sm-9 {
        width: 75%;
    }

    .ui-sm-10 {
        width: 83.3333%;
    }

    .ui-sm-11 {
        width: 91.6667%;
    }

    .ui-sm-12 {
        width: 100%;
    }
}

@media screen and (min-width: 54.063em) {
    .ui-md-0,
    .ui-md-1,
    .ui-md-2,
    .ui-md-3,
    .ui-md-4,
    .ui-md-5,
    .ui-md-6,
    .ui-md-7,
    .ui-md-8,
    .ui-md-9,
    .ui-md-10,
    .ui-md-11,
    .ui-md-12 {
        padding: 0.5em;
    }

    .ui-md-0 {
        padding: 0em;
        width: 0%;
    }

    .ui-md-1 {
        width: 8.3333%;
    }

    .ui-md-2 {
        width: 16.6667%;
    }

    .ui-md-3 {
        width: 25%;
    }

    .ui-md-4 {
        width: 33.3333%;
    }

    .ui-md-5 {
        width: 41.6667%;
    }

    .ui-md-6 {
        width: 50%;
    }

    .ui-md-7 {
        width: 58.3333%;
    }

    .ui-md-8 {
        width: 66.6667%;
    }

    .ui-md-9 {
        width: 75%;
    }

    .ui-md-10 {
        width: 83.3333%;
    }

    .ui-md-11 {
        width: 91.6667%;
    }

    .ui-md-12 {
        width: 100%;
    }
}

@media screen and (min-width: 78.063em) {
    .ui-lg-0,
    .ui-lg-1,
    .ui-lg-2,
    .ui-lg-3,
    .ui-lg-4,
    .ui-lg-5,
    .ui-lg-6,
    .ui-lg-7,
    .ui-lg-8,
    .ui-lg-9,
    .ui-lg-10,
    .ui-lg-11,
    .ui-lg-12 {
        padding: 0.5em;
    }

    .ui-lg-0 {
        padding: 0em;
        width: 0%;
    }

    .ui-lg-1 {
        width: 8.3333%;
    }

    .ui-lg-2 {
        width: 16.6667%;
    }

    .ui-lg-3 {
        width: 25%;
    }

    .ui-lg-4 {
        width: 33.3333%;
    }

    .ui-lg-5 {
        width: 41.6667%;
    }

    .ui-lg-6 {
        width: 50%;
    }

    .ui-lg-7 {
        width: 58.3333%;
    }

    .ui-lg-8 {
        width: 66.6667%;
    }

    .ui-lg-9 {
        width: 75%;
    }

    .ui-lg-10 {
        width: 83.3333%;
    }

    .ui-lg-11 {
        width: 91.6667%;
    }

    .ui-lg-12 {
        width: 100%;
    }
}

@media screen and (min-width: 104.063em) {
    .ui-xl-1,
    .ui-xl-2,
    .ui-xl-3,
    .ui-xl-4,
    .ui-xl-5,
    .ui-xl-6,
    .ui-xl-7,
    .ui-xl-8,
    .ui-xl-9,
    .ui-xl-10,
    .ui-xl-11,
    .ui-xl-12 {
        padding: 0.5em;
    }

    .ui-xl-1 {
        width: 8.3333%;
    }

    .ui-xl-2 {
        width: 16.6667%;
    }

    .ui-xl-3 {
        width: 25%;
    }

    .ui-xl-4 {
        width: 33.3333%;
    }

    .ui-xl-5 {
        width: 41.6667%;
    }

    .ui-xl-6 {
        width: 50%;
    }

    .ui-xl-7 {
        width: 58.3333%;
    }

    .ui-xl-8 {
        width: 66.6667%;
    }

    .ui-xl-9 {
        width: 75%;
    }

    .ui-xl-10 {
        width: 83.3333%;
    }

    .ui-xl-11 {
        width: 91.6667%;
    }

    .ui-xl-12 {
        width: 100%;
    }
}

.ui-g-nopad {
    padding: 0px;
}