@charset "UTF-8";

/* --------------------------------------------------
    変更箇所
-------------------------------------------------- */
/*content*/
.content-wrapper {
	background: #F8F8F8!important;
}
hr {
	margin-top: 14px;
	margin-bottom: 14px;
}

/*navber*/
.navbar {
	-webkit-box-shadow: 0px 5px 10px -5px #cfd1da;
	box-shadow: 0px 5px 10px -5px #cfd1da;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
	font-size: .875rem;
}
.sidebar .nav.sub-menu .nav-item .nav-link.active {
	text-decoration: underline;
}
.sidebar .nav.sub-menu .nav-item:hover {
	text-decoration: underline;
	color: #ffffff;
}

@media screen and (max-width: 991px) {
	.sidebar-offcanvas {
		box-shadow: 0px 5px 21px -10px #CDD1E1;
	}
}

/*nav*/
.nav-tabs .nav-link {
	padding: .5rem 1.5rem;
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.nav-tabs .nav-item {
	margin-bottom: -2px;
}
.nav-tabs .nav-item:first-child .nav-link {
	border-radius: 4px 4px 0 0;
}
.nav-tabs .nav-item:last-child .nav-link {
	border-radius: 4px 4px 0 0;
}

/*card*/
.card {
	border-radius: 6px;
	border: solid 1px #e5e5e5;
}
.card .card-title {
	text-transform: none;
}
.card-header {
	background-color: #FFFFFF;
}
.card-header:first-child {
	border-radius: 6px 6px 0 0;
}

/*btn*/
.btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {
	border-radius: 4px;
}
.btn {font-weight: bold;}
.btn.btn-sm, .btn-group-sm > .btn, .fc .btn-group-sm > button, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a, .fc button, .ajax-upload-dragdrop .btn-sm.ajax-file-upload, .ajax-upload-dragdrop .fc button.ajax-file-upload, .fc .ajax-upload-dragdrop button.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled, .swal2-modal .swal2-buttonswrapper .fc button.swal2-styled, .fc .swal2-modal .swal2-buttonswrapper button.swal2-styled, .wizard > .actions a.btn-sm {
	border-radius: 4px;
}
.btn-secondary, .wizard > .actions .disabled a {
	color: #FFFFFF;
}
.btn-inverse-secondary:not(.btn-inverse-light) {
	border: 1px solid #d5d5d5;
}
.btn-inverse-info:hover {
	color: #ffffff;
	background-color: #8ac0ff;
	border-color: #248AFD;
}
.btn-inverse-danger:hover {
	color: #FF4747;
	background-color: rgba(255, 71, 71, 0.3);
	border-color: #FF4747;
	
}
.btn-inverse-primary:hover {
	color: #4B49AC;
	background-color: rgba(75, 73, 172, 0.3);
	border-color: #4B49AC;
}

/*form*/
.dropdown-item.active, .dropdown-item:active {
	color: #4B49AC;
}
.form-group {
	margin-bottom: .5rem;
}
.form-group label {
	margin-bottom: 0;
}
.form-control {
	padding: .375rem .75rem;
}

/*table*/
.table.table-striped th, .table.table-striped td {
	border: solid 1px #CED4DA;
}
.table th, .jsgrid .jsgrid-table th, .table td, .jsgrid .jsgrid-table td {
	line-height: 1.2;
}

/*font*/
h2, .h2 {font-size: 1.5rem;}
h3, .h3 {font-size: 1.25rem;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.2;}

/*modal*/
.modal-header .close {
	padding: 1rem 1.5rem 1.6rem 1rem;
}
.modal .modal-dialog .modal-content .modal-header {
	padding: 16px 20px;
}
.modal .modal-dialog .modal-content .modal-body {
	padding: 20px;
}
.modal .modal-dialog.modal-xl, .modal .modal-dialog.modal-lg {
	margin-top: 50px;
}
.modal-footer {
	justify-content: center;
}
.modal-lg {
	max-width: 900px;
	width: 90%;
}
@media (min-width: 576px) {
	.modal-xl {
		max-width: 90%;
	}
}

/* --------------------------------------------------
    新規追加
-------------------------------------------------- */
/*body*/
body {
	background-color: #F8F8F8!important;
	font-size: .875rem;
}

/*font*/
.text-decoration-underline {
	text-decoration: underline;
}
.text-sm {
	font-size: 0.75rem;
}
.text-md {
	font-size: 0.875rem;
}

/*table*/
.table thead {
	border-top: 2px solid #dee2e6;
	border-bottom: 2px solid #dee2e6;
	background-color: #F7F7F7;
}
.table .td-btn {
	width: 90px;
	text-align: center;
}
.table td, .table th:last-child {
	border-bottom: 1px solid #dee2e6;
}
.table.table-form {
	border-right: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
}
.table.table-form thead {
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	font-weight: bold;
}
.table.table-form thead td {
	padding: 1.125rem .75rem;
}
.table.table-form tbody td {
	padding: .85rem .75rem;
}
.table.table-status {
	width: 100%;
	max-width: 400px;
}
.table.table-status th {
	width: 10%;
	background-color: #CCCCCC;
	border: 1px solid #dee2e6;
	font-size: 14px;
}
.table.table-status td {
	border: 1px solid #dee2e6;
}

/*nav*/
.navbar.navbar-light.navbar-full {
	color: #6C7383;
	background-color: #FFFFFF !important;
}
.navbar-full {
	height: 60px;
	z-index: 100;
}
.navbar-full a.navbar-brand span, .navbar-full a.navbar-brand img {
	color: #27367f;
}

/*tab*/
.nav-tabs {
	border-bottom: 1px solid #ebedf2;
}
.nav-tabs .nav-link {
	background: #FFFFFF;
	color: #1F1F1F;
	font-size: 18px;
	border-color: #ebedf2 #ebedf2 #ebedf2;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #4B49AC;
	font-weight: bold;
	background-color: #FFFFFF;
	border-color: #4B49AC #ebedf2 #FFFFFF #ebedf2;
	border-style: solid;
	border-top-width: 3px;
}
.tab-content {
	padding: 20px;
	background-color: #FFFFFF;
	border-color: #ebedf2;
}

/*form*/
.mb-5px {margin-bottom: 5px;}
.mt-12px {margin-top: 12px;}
.form-group-border {
	border-bottom: 1px solid #CED4DA;
	margin-bottom: .75rem;
}
.form-group-border .form-control {
	margin-bottom: .75rem;
}
.form-group-border.text-view-group {
	margin-bottom: 5px;
}
.form-group-border.text-view-group .col-form-label {
	padding-top: 10px;
}
.text-view {
	padding-top: 10px;
	padding-bottom: 15px;
}
.select-list-box{
	height: auto;
}
.select-list {
	padding: 3px 6px 3px 6px;
	margin-top: 3px !important;
	margin-bottom: 3px !important;
	font-weight: normal;
}
.select-list::after {
	font-family: "Font Awesome 5 Free";
	content: " \f057";
	font-weight: 800;
	margin-left: 4px;
}
.table .form-control {
	height: auto;
}
.custom-file {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 2.875rem;
}
.custom-file-input {
	height: 2.875rem;
	margin-bottom:.5rem;
}
.custom-file-label {
	height: 2.875rem;
}
.custom-file-label::after {
	height: 2.875rem;
	line-height:2.3;
	content:"ファイル選択";
}
@media screen and (max-width: 767px) {
	.text-view {
		padding-top: 0px;
		padding-bottom: 5px;
	}
}

/*btn link*/
a.a-link {
	font-weight: bold;
}
a.a-link::after {
	font-family: "Font Awesome 5 Free";
	content: " \f0da";
}
.btn-w120 {
	width: 120px;
}
.btn-w120-r {
	width: 120px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.btn-w120-l {
	width: 120px;
	margin-bottom: 20px;
	margin-right: 10px;
}
.btn-mb20 {margin-bottom: 20px;}
.btn-mr20 {margin-right: 20px;}
.btn-ml20 {margin-left: 20px;}
.btn.btn-icon-sm {
	width: 30px;
	height: 30px;
	padding: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle).btn.btn-icon-sm{
	border-radius: 50px;
}
a.dropdown-item {
	padding: .75rem 1.5rem;
	font-size: 14px;
}
.switch-btn {
	display: block;
	width: 100%;
	background-color: rgba(75, 73, 172, 0.2);
	border: solid 1px #4B49AC;
	padding: 16px 30px 16px 16px;
	text-align: left;
	position: relative;
	margin-bottom: 16px;
}
.switch-btn::after {
	position: absolute;
	top: 14px;
	right: 16px;
	font-family: "Font Awesome 5 Free";
	content: " \f304";
	font-weight: 800;
	color: #4B49AC;
}
.switch-btn:hover {
	background-color: rgba(75, 73, 172, 0.45);
}
.btn-blue {
	color: #004BB1;
	background-color: #FFFFFF;
	border: 2px solid #333333;
	padding-left: 10px;
	padding-right: 10px;
	width: 180px;
}
.btn-blue:hover {
	color: #004BB1;
	background-color: rgba(39,103,190,0.20);
	border: 2px solid #333333;
	padding-left: 10px;
	padding-right: 10px;
}

.btn-import {
	color: #57B657;
	background-color: #FFFFFF;
	border: 2px solid #57B657;
	margin-right: 16px;
	width: 140px;
	padding: 13px 10px;
}
.btn-import::before {
	font-family: "Font Awesome 5 Free";
	content: " \f019";
	font-weight: 800;
	color: #57B657;
	margin-right: 6px;
}
.btn-import:hover {
	background-color: rgba(87, 182, 87, 0.2);
	color: #57B657;
}
.btn-export {
	color: #FFC100;
	background-color: #FFFFFF;
	border: 2px solid #FFC100;
	margin-right: 16px;
	width: 140px;
	padding: 13px 10px;
}
.btn-export::before {
	font-family: "Font Awesome 5 Free";
	content: " \f093";
	font-weight: 800;
	color: #FFC100;
	margin-right: 6px;
}
.btn-export:hover {
	background-color: rgba(255, 193, 0, 0.15);
	color: #FFC100;
}

/*card*/
.card-header.bg-gray {
	background-color: #d7d7d7;
}
.card-header h3 {
	margin-bottom: 0;
	padding-bottom: 0.25rem;
	padding-top: 0.25rem;
	font-weight: bold;
}
.card-shadow {
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.grid-margin-xs {
	margin-bottom: 20px;
}
.grid-margin-sm {
	margin-bottom: 30px;
}
.box{
	background-color: #FFFFFF;
	border: solid 1px #dee2e6;
	margin-bottom: 20px;
}
.box-header{
	background-color: #F7F7F7;
	border-bottom: solid 1px #dee2e6;
	font-weight: bold;
	padding: 8px 15px 8px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.box-body{
	padding: 10px 20px;
}
.box-label {
	padding-top: 2px;
	padding-bottom: 2px;
}
label.box-label {
	margin-bottom: 0px;
}
.map-box {
	margin-left: 15px;
	min-height: 660px;
	border: solid 2px #CCCCCC;
	position: relative;
}
.map-box-header {
	background-color: #C5C6C8;
	border-bottom: solid 2px #CCCCCC;
	padding: 10px 16px 10px 46px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	
}
.map-box-header::before {
	position: absolute;
	top: 12px;
	left: 16px;
	font-family: "Font Awesome 5 Free";
	content: " \f279";
	font-weight: 800;
}
.map-area{
	padding: 20px;
}
.search-area {
	padding: 20px 20px 0;
	border-bottom: solid 1px #e5e5e5;
}
.map-area-text {
	padding-bottom: 10px;
}
.map-area-text p {
	font-weight: bold;
	margin-bottom: 8px;
}
.map-area-content /*恒温槽マップ表示エリア*/{
	border: solid 3px #999999;
	padding: 20px;
}
.map-area-btn {
	padding-top: 20px;
	text-align: center;
}
.search-box {
	background-color: #F9F9F9;
	border: solid 1px #CCCCCC;
	margin-bottom: 20px;
}
.search-box-body {
	padding: 20px;
}
.search-box-foot {
	border-top: solid 1px #CCCCCC;
	padding: 0 20px;
}
.switch-box {
	border: solid 1px #CCCCCC;
	padding: 20px;
	margin-bottom: 20px;
}
.switch-box-body {
	border-top: solid 1px #CCCCCC;
	padding-top: 16px;
}
.rate-box {
	border: solid 2px #CCCCCC;
}
.rate-box-header {
	padding: 6px 15px;
	background-color: #F0F3F5;
	border-bottom: solid 2px #CCCCCC;
	font-size: 18px;
	font-weight: bold;
}
.rate-box-body {
	padding: 6px 15px;
	background-color: #FFFFFF;
}
.rate-box-body .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	font-size: 20px;
}
.rate-box-body .item:not(:last-child) {
	border-bottom: solid 1px #CCCCCC;
}
.rate-box-body .item .item-ttl {
	font-size: 14px;
}
.rate-box-body .item div span{
	font-size: 14px;
	font-weight: normal;
}
.GanttChart-area {
	margin-top: 10px;
	border: solid 1px #CCCCCC;
}

@media screen and (max-width: 767px) {
	.map-box {
		margin-left: 0;
		margin-top: 20px;
	}
}

/*accordion*/
.search-toggle, .select-toggle, .card-toggle {
	display: none;
}
.search-accordion-option, .select-accordion-option, .card-accordion-option {
	position: relative;
}
.search-accordion-title-r, .search-accordion-title-l, .search-accordion-content, .select-accordion-title, .select-accordion-content, .card-accordion-title, .card-accordion-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.search-accordion-title-r {
	padding: 10px 20px 10px 0px;
	display: block;
	color: #248AFD;
	text-align: right;
	margin-bottom: 0;
}
.search-accordion-title-r::after, .search-accordion-title-r::before {
	content: "";
	position: absolute;
	right: .5rem;
	top: .9rem;
	width: 2px;
	height: 0.75rem;
	background-color: #248AFD;
	transition: all 0.3s;
}
.search-accordion-title-l {
	padding: 10px 20px 10px 0px;
	color: #248AFD;
	margin-bottom: 0;
}
.search-accordion-title-l::after, .search-accordion-title-l::before {
	content: "";
	position: absolute;
	right: .5rem;
	top: .9rem;
	width: 2px;
	height: 0.75rem;
	background-color: #248AFD;
	transition: all 0.3s;
}
.search-accordion-title-r::after, .search-accordion-title-l::after {
	transform: rotate(90deg);
}
.search-accordion-content {
	max-height: 0;
	overflow: hidden;
}
.search-accordion-content .search-accordion-content-inner {
	padding: 2px 2px 20px 2px;
}
.search-toggle:checked + .search-accordion-title-r + .search-accordion-content,
.search-toggle:checked + .search-accordion-title-l + .search-accordion-content{
	max-height: 1000px;
	transition: all 1.5s;
}
.search-toggle:checked + .search-accordion-title-r::before,
.search-toggle:checked + .search-accordion-title-l::before{
	transform: rotate(90deg) !important;
}

.select-accordion{
	border-top: solid 1px #e5e5e5;
	margin-top: 20px;
}
.select-accordion-title {
	padding: 16px 20px 16px 10px;
	display: block;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 18px;
}
.select-accordion-title::before {
	content:"";
	width: 10px;
	height: 10px;
	border-top: 3px solid #999999;
	border-right: 3px solid #999999;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 10px;
	transform: rotate(135deg);
}

.select-accordion-content {
	max-height: 0;
	overflow: hidden;
}
.select-accordion-content .select-accordion-content-inner {
	padding: 10px;
}
.select-toggle:checked + .select-accordion-title + .select-accordion-content {
	max-height: 100%;
	transition: all 1.5s;
}
.select-toggle:checked + .select-accordion-title::before {
	transform: rotate(-45deg) !important;
}

.card-accordion{
	
}
.card-accordion-title {
	padding: 0px 20px 0px 0px;
	display: block;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 18px;
}
.card-accordion-title::before {
	content:"";
	width: 10px;
	height: 10px;
	border-top: 3px solid #999999;
	border-right: 3px solid #999999;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 10px;
	transform: rotate(135deg);
}

.card-accordion-content {
	max-height: 0;
	overflow: hidden;
}
.card-accordion-content .card-accordion-content-inner {
	padding: 10px;
}
.card-toggle:checked + .card-accordion-title + .card-accordion-content {
	max-height: 1000px;
	transition: all 1.5s;
}
.card-toggle:checked + .card-accordion-title::before {
	transform: rotate(-45deg) !important;
}

/*scroll*/
.table-wrap-x {
	overflow-x: auto;
}
.table-scroll-x {
	width: 100%;
	min-width: 800px;
	border-collapse: collapse;
}
.table-sticky {
	display: block;
	overflow-y: auto;
	max-height: 300px;
	border-collapse: collapse;
	border-right: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
}
.table-sticky thead {
	border-top: 1px solid #dee2e6;
	border-bottom: 2px solid #dee2e6;
}
.table-sticky thead th{
	position: sticky;
	top: -1px;
	z-index: 1;
	background-color: #F7F7F7;
}
.scroll-wrap {
	overflow-y: auto;
	padding-right: 3px;
}
.scroll-area {
	width: 100%;
	height: 660px;
}
.scroll-wrap::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.scroll-wrap::-webkit-scrollbar-track {
	background-color: #E8E8E8;
	border-radius: 5px;
}
.scroll-wrap::-webkit-scrollbar-thumb {
	background-color: #989898;
	border-radius: 5px;
}

/*ツールチップ*/
.tooltip-item {
	position: relative;
	transition: all 0.2s ease;
	cursor: pointer;
}
.map-tooltip {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -15%);
	padding: 16px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1.5;
	background-color: rgba(84,81,81,0.7);
	border-radius: 5px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease;
	width: 300px;
	position-try-options: flip-block flip-inline;
}
.map-tooltip::before {
	position: absolute;
	content: "";
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 10px solid rgba(84,81,81,0.7);
	transition: all 0.3s ease;
}
.tooltip-item:hover .map-tooltip {
	top: -50px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}


/*恒温槽マップ凡例*/
.UsageGuide, .SelectedGuide{
	display: inline-flex;
	align-items: center;
}
.UsageGuide::before {
	content: "";
	display: inline-block;
	height: 15px;
	width: 15px;
	margin-right: 5px;
}
.SelectedGuide::before{
	content: "";
	display: inline-block;
	height: 15px;
	width: 30px;
	margin-right: 5px;
}
li.SelectedGuide.selected1::before /*対象設備選択：選択済み*/ {
	background: rgba(236,106,94,0.3);
	border: solid 3px rgba(236,106,94,1);
	border-radius: 1px;
}
li.UsageGuide.series1-1::before /*空き状況別表示：検索対象設備*/ {
	background: rgba(116,160,212,0.8);
	border: solid 3px rgba(77,131,194,1);
	border-radius: 1px;
}
li.UsageGuide.series1-2::before /*空き状況別表示：受注済*/ {
	background: rgba(118,193,75,1);
	border-radius: 1px;
}
li.UsageGuide.series1-3::before /*空き状況別表示：確定*/ {
	background: rgba(255,216,116,1);
	border-radius: 1px;
}
li.UsageGuide.series1-4::before /*空き状況別表示：交渉中*/ {
	background: rgba(236,106,94,1);
	border-radius: 1px;
}
li.UsageGuide.series1-5::before /*空き状況別表示：空き*/ {
	background: rgba(255,255,255,1);
	border: solid 1px rgba(204,204,204,1);
	border-radius: 1px;
}
li.UsageGuide.series1-6::before /*空き状況別表示：使用不可*/ {
	background: rgba(136,136,136,1);
	border-radius: 1px;
}
li.UsageGuide.series1-7::before /*空き状況別表示：試験完了*/ {
	background: rgba(84,195,241,1);
	border-radius: 1px;
}
li.UsageGuide.series2-1::before /*期間利用率表示：利用率100%*/ {
	background: rgba(223,103,114,1);
	border-radius: 1px;
}
li.UsageGuide.series2-2::before /*期間利用率表示：利用率70%*/ {
	background: rgba(240,153,96,1);
	border-radius: 1px;
}
li.UsageGuide.series2-3::before /*期間利用率表示：利用率50%*/ {
	background: rgba(240,225,96,1);
	border-radius: 1px;
}
li.UsageGuide.series2-4::before /*期間利用率表示：利用率20%*/ {
	background: rgba(110,240,96,1);
	border-radius: 1px;
}
li.UsageGuide.series2-5::before /*期間利用率表示：利用なし*/ {
	background: rgba(255,255,255,1);
	border: solid 1px rgba(204,204,204,1);
	border-radius: 1px;
}