/* ©FUJITSU LIMITED 2022 */
/* ----- お知らせ部分 ----- */

/* お知らせのアウトラインのmax値を設定 */
.ex-outline {
    max-width: 50em;
}


/* ----- サイドバー部分 ----- */

/* サイドバー開閉 */
.layout-expand-left {
    padding-left: 50px;
}

    .layout-expand-left:not(.layout-toggled-left) .sidebar-nav {
        transform: translateX(-0px);
    }

    .layout-expand-left .sidebar-nav {
        transition: 0.3s ease;
        transform: translateX(-40px);
    }

.layout-toggled-left.layout-expand-left .layout-left {
    overflow: hidden;
    visibility: visible;
    -webkit-transform: translateX(-220px);
    transform: translateX(-220px);
}

.layout-toggled-left.layout-expand-left .btn-sidemenu:not(.btn-sidemenu-close) {
    transition: 0.3s ease;
    transform: translateX(0px);
}
.layout-toggled-left.layout-expand-left .btn-sidemenu.btn-sidemenu-close {
    transition: 0.3s ease;
    margin: 0 0 0 210px;
}

/* ----- 一覧部分 ----- */

/* テーブルのセル幅のmax値を設定 */
.ex-cell {
	max-width: 10em;
}

/* ----- 一覧部分（1レコード複数行テーブル用） ----- */

/* tbody単位で背景色を変える */
.ex-table-striped tbody:nth-of-type(even) {
	background-color: rgba(0, 0, 0, 0.04);
}
/* tbody単位でマウスホバー時に背景色を変える */
.ex-table-hover tbody:hover {
	background-color: rgba(0, 0, 0, 0.08);
}


/* -----tableのヘッダ部固定（1レコード複数行テーブル用） ----- */

/* th単位で背景色を変える （ヘッダ1行目）*/
.header-top1{
  position: sticky;
	position: -webkit-sticky;
  top: 0;
  color: rgba(0, 0, 0);
  background-color: rgb(244, 244, 244);
}

/* th単位で背景色を変える （ヘッダ2行目）*/
.header-top2{
  position: sticky;
	position: -webkit-sticky;
  top: 38px;
  color: rgba(0, 0, 0);
  background-color: rgb(244, 244, 244);
}

/* -----tableの選択部固定 ----- */

/* td単位で背景色を変える */
.select-position  {
	position: sticky;
	position: -webkit-sticky;
  left: 0;
	background-color: rgb(244, 244, 244);
}




/* -----ファイル選択フィールドボタン名変更 ----- */
.custom-file-label::after {
  content: "参照";
}


/* -----table選択部ヘッダのz-index調整 ----- */
.select-label {
  z-index: 2000;
}

/* -----table-lcm専用カラー(運送料:Blue 50/30) ----- */
.table-lcm-fare {
  color: rgba(0, 0, 0, 0.95);
}

.table-lcm-fare,
.table-lcm-fare > th,
.table-lcm-fare > td {
  background-color: #D3EAF8;
}

.table-hover .table-lcm-fare:hover,
.table-hover .table-lcm-fare:hover > td,
.table-hover .table-lcm-fare:hover > th {
  background-color: #E6F5FD;
}

/* -----table-lcm専用カラー(作業料:Green 50/30) ----- */
.table-lcm-workfee {
  color: rgba(0, 0, 0, 0.95);
}

.table-lcm-workfee,
.table-lcm-workfee > th,
.table-lcm-workfee > td {
  background-color: #E3F3E0;
}

.table-hover .table-lcm-workfee:hover,
.table-hover .table-lcm-workfee:hover > td,
.table-hover .table-lcm-workfee:hover > th {
  background-color: #EEF8EC;
}

/* -----table-lcm専用カラー(保管料:Orange 50/30) ----- */
.table-lcm-storagefee {
  color: rgba(0, 0, 0, 0.95);
}

.table-lcm-storagefee,
.table-lcm-storagefee > th,
.table-lcm-storagefee > td {
  background-color: #FDECD9;
}

.table-hover .table-lcm-storagefee:hover,
.table-hover .table-lcm-storagefee:hover > td,
.table-hover .table-lcm-storagefee:hover > th {
  background-color: #FDF5EB;
}

/* -----table-lcm専用カラー(請求:Yellow 30/10) ----- */
.bgtheme-lcm-billing {
  background-color: #FAF9E6;
}

.table-lcm-billing {
  color: rgba(0, 0, 0, 0.95);
}

.table-lcm-billing,
.table-lcm-billing > th,
.table-lcm-billing > td {
  background-color: #FAF9E6;
}

.table-hover .table-lcm-billing:hover,
.table-hover .table-lcm-billing:hover > td,
.table-hover .table-lcm-billing:hover > th {
  background-color: #FDFDF5;
}

/* -----table-lcm専用カラー(支払:Magenta 30/10) ----- */
.bgtheme-lcm-payment {
  background-color: #FDEBF4;
}

.table-lcm-payment {
  color: rgba(0, 0, 0, 0.95);
}

.table-lcm-payment,
.table-lcm-payment > th,
.table-lcm-payment > td {
  background-color: #FDEBF4;
}

.table-hover .table-lcm-payment:hover,
.table-hover .table-lcm-payment:hover > td,
.table-hover .table-lcm-payment:hover > th {
  background-color: #FFF6F9;
}