@charset "UTF-8";
/* Copyright 2022 CORAL, Inc.
 * Designed for 東京合板工業組合・東北合板工業組合
 * Creation date 2022.7.4 fujita
 * 								2022.4.20 fujita
/*=====================================*/
/*
Here is CSS structure...
	1 General styles
	2. Font
	3. Spacer styles 
	4. List styles
	5. Image styles
	6. Button & Icon styles
	7. Table styles
	8. Form styles
	9. Navigation
	10. Breadcrumb
	11. Pagination
	12. Accordion
	13. Tabs
	14. Blockquote
	15. Others
/*=====================================*/

/*----------------------------------------*/
/*----- 1. General styles -----*/
/*----------------------------------------*/
/* Show it is fixed to the top 
body {min-height: 75rem;padding-top: 4.5rem;}*/

/*.container {max-width: 960px;}		 form-validation.css */
main > .container {padding: 60px 15px 0;}		/* sticky-footer-navbar */
a[type="button"] {text-decoration: none;}


/*----------------------------------------*/
/*----- 2. Font -----*/
/*----------------------------------------*/
#Dashboard h3 {margin-bottom: 20px;}
#Report h4, #Report .h4 {margin:40px auto 20px;}
#Report h4:before {font-family:'Font Awesome 5 Free'; content:"\f044";font-weight:900;margin-right:10px;}

.size10 {font-size:10px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size16 {font-size:16px;}
.size18 {font-size:18px;}
.size20 {font-size:20px;}
.size22 {font-size:22px;}
.size24 {font-size:24px;}
.size26 {font-size:26px;}
.size36 {font-size:36px;}
.size48 {font-size:48px;}

.black {color: #000000;}
.glay {color: #656565;}
.white {color: #FFFFFF;}
.blue {color: #609cec;}
.skyblue {color: #00d8ff;}
.red {color: #f75353;}
.green {color: #41D15C;}
.orange {color: #F60;}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.bottom {vertical-align: bottom;}
.f-right {float:right;margin-left:8px;}
.f-left {float:left;margin-right:8px;}
.bold {font-weight:600;}
.nowrap {white-space:nowrap;}

/*----------------------------------------*/
/*----- 3. Spacer styles -----*/
/*----------------------------------------*/
hr {margin:40px auto;}

.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mt--5 {margin-top:-5px;}
.mt-10 {margin-top:-10px;}
.mt-20 {margin-top:-20px;}
.mt-30 {margin-top:-30px;}
.mt-40 {margin-top:-40px;}
.mt-50 {margin-top:-50px;}

.mb--5 {margin-bottom:-5px;}
.mb-10 {margin-bottom:-10px;}
.mb-20 {margin-bottom:-20px;}
.mb-30 {margin-bottom:-30px;}
.mb-40 {margin-bottom:-40px;}
.mb-50 {margin-bottom:-50px;}

.mtb10 {margin-top:10px; margin-bottom:10px;}
.mtb20 {margin-top:20px; margin-bottom:20px;}
.mtb30 {margin-top:30px; margin-bottom:30px;}
.mtb40 {margin-top:40px; margin-bottom:40px;}
.mtb50 {margin-top:50px; margin-bottom:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}

/*----------------------------------------*/
/*----- 4. List styles -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 5. Image styles -----*/
/*----------------------------------------*/
/* 一覧での画像表示（サムネイル）- サムネイルを作成するなら100%でOK */
td img.tmb {width:30%;}


/*----------------------------------------*/
/*----- 6. Button & Icon styles -----*/
/*----------------------------------------*/
button {margin:0 8px;}
i {margin:0 3px;}

/* テーブル内でのボタン表示 */
td button {transform:scale(.9);margin:0 1px;}

/* CSVダウンロードボタン */
button.csv {float: right;}

/* bd-toc内でのボタン表示 */
.bd-toc button {margin:6px auto;width:100%;}

/*----------------------------------------*/
/*----- 7. Table styles -----*/
/*----------------------------------------*/
thead th,td {white-space:nowrap;}
thead {border-top:1px solid #212529;}
td, th {vertical-align: middle;}

/*----------------------------------------*/
/*----- 8. Form styles -----*/
/*----------------------------------------*/
/* switch大 */
.switch-lg .form-switch .form-check-input {width: 4em;border-radius: 4em;}
.switch-lg .form-switch input.form-check-input {height: 1.5em;margin-top: 0em;margin-right:8px;}
/* 
.form-control:disabled, .form-control[readonly] {	bootstrap.min.css L1889 flatpickrの影響で背景色が変わるので白に設定
  background-color: #e9ecef;
  opacity: 1;
} */

/* 報告書作成フォーム内 row余白設定 */
#Report form .row {margin-top:20px;}
#Report form td .row {margin-top:.5rem;}

/* 報告書作成フォーム内 数値入力テキストボックス設定 */
#numeric input.form-control {text-align:left;}
#numeric input.form-control:not(#その他の産地名) {text-align:right;}
#numeric td.nowrap {white-space: nowrap;background-color: #e9ecef;margin:5px 0 5px;}

/*----------------------------------------*/
/*----- 9. Navigation -----*/
/*----------------------------------------*/
/* nav active */
body#Dashboard ul.navbar-nav li#dashboard a, body#Report ul.navbar-nav li#report a {color: #fff;}
.navbar-expand-md .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}


/*----------------------------------------*/
/*----- 10. Breadcrumb -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 11. Pagination -----*/
/*----------------------------------------*/
.page {margin:20px auto;}
.page ul {margin-top:2px;margin-bottom: 0rem;}
.page .csv {margin-top:2px;}
.page .number {float: right;}

/*----------------------------------------*/
/*----- 12. Accordion -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 13. Tabs -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 14. Blockquote -----*/
/*----------------------------------------*/

/*----------------------------------------*/
/*----- 15. Others -----*/
/*----------------------------------------*/

/* alert設定（toastをアレンジ）ココカラ  */
#AlertBar {	z-index: 5;position: revert;margin-top:5px; margin-bottom:10px;}
.toast {															/* bootstrap.min.css */
  width: 100%;
  background-color: #d1e7dd;
  border: 1px solid #d1e7dd;
  box-shadow: none;
}
.alert {															/* bootstrap.min.css */
	margin-bottom: 0;
	line-height:170%;
}
/* alert設定（toastをアレンジ）ココマデ  */