@charset "UTF-8";

/*-----------------------------
 全システム共通のcss
 -----------------------------*/

html, body {
	height: 100%;
}

.pi-error {
	display: block;
	margin-top: .25rem;
	font-size: 80%;
	color: #c4183c;
	width: 100%;
}

.pi-navbar {
	min-height: 3rem;
	background-color: #f5f5f5;
	z-index: 1000;
}

.main-content {
	padding-top: 3.5rem;
	height: 100%;
}

.subwindow-main-content {
	height: 100%;
}

.copyright {
	margin: 0px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #f5f5f5;
}

.is-invalid {
	border-top-right-radius: 3.2px !important;
	border-bottom-right-radius: 3.2px !important;
}

.pi-card {
	box-shadow: none !important;
	border: solid 1px #172154;
	padding: 0rem;
	margin: 0rem 0rem 1rem 0rem;
}

.pi-card>.card-header {
	background-color: #172154;
	color: #eeeeee;
	padding: 0.25rem;
}

.pi-nav-tabs .nav-link {
	color: #FFFFFF;
	background-color: #A6A6A6;
}

.pi-nav-tabs .active.nav-link {
	color: #FFFFFF;
	background-color: #FE552A;
}

.pi-nav-tabs .disabled.nav-link {
	pointer-events: none;
	color: #808080;
	background-color: #A6A6A6;
}

ul.pi-navber {
	width: 100%;
}

li.pi-nav-item {
	list-style: none;
	padding: 10px;
	background-color: #A6A6A6;
}

li.pi-nav-item.active.pi-nav-link {
	color: #FFFFFF;
	background-color: #FE552A;
}

li.pi-nav-item.pi-nav-link {
	color: #FFFFFF;
	background-color: #A6A6A6;
}

li.pi-nav-item.disabled.pi-nav-link {
	color: #808080;
	background-color: #A6A6A6;
}

.pi-textarea-width-50 {
	width: 440px;
}

.pi-textarea-height-300 {
	height: 300px;
}

.pi-input-time-width-2 {
	max-width: 2rem !important;
	width: 2rem !important;
	margin-right: 7px;
	margin-left: 3px;
}

.custom-file-input:lang(ja) ~ .custom-file-label::after {
	content: "参照";
}

.custom-file {
	overflow: hidden;
}

.custom-file-label {
	white-space: nowrap;
}

.pi-btn-icon {
	display: inline-block;
	text-align: left;
	border-color: #007BFF;
	background: #007BFF;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
}

.pi-color-wanted {
	color: #FFFFFF;
	border-color: #376092;
	background: #376092;
}

.pi-color-confirm {
	color: #FFFFFF;
	border-color: #E46C0A;
	background: #E46C0A;
}

.pi-color-estimatesplan {
	color: #FFFFFF;
	border-color: #77933C;
	background: #77933C;
}

.pi-color-done {
	color: #FFFFFF;
	border-color: #D99694;
	background: #D99694;
}

.pi-color-unclaimed {
	color: #FFFFFF;
	border-color: #C0504D;
	background: #C0504D;
}

.pi-color-billed {
	color: #FFFFFF;
	border-color: #215968;
	background: #215968;
}

.pi-color-deletebutton {
	color: #FFFFFF;
	border-color: #FFB6C1;
	background: #FFB6C1;
}

.pi-color-addbutton {
	color: #000000;
	border-color: #C0C0C0;
	background: #E0FFFF;
}

.pi-loading-view {
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000000;
	opacity: 0.70;
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	cursor: wait;
}

.pi-loading-image {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(/client_web/img/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.pi-button-right-parent {
	position: relative;
}

.pi-button-right-parent button.pi-button-right-setting {
	position: absolute;
	right: 2px;
	bottom: 1px;
}

.pi-overflow-y {
	overflow-y: scroll;
}

.pi-overflow-y-auto {
	overflow-y: auto;
	overflow-x: hidden;
}

.pi-overflow-hidden {
	overflow-y: hidden;
}

.modal-dialog-centered {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: calc(100% - ( .5rem * 2));
}

@media ( min-width :576px) {
	.modal-dialog-centered {
		height: calc(100% - ( 1.75rem * 2));
	}
}

.pi-color-headerbar {
    background-color: #172154;
    color: #eeeeee;
}

.pi-massage-area {
	position: relative;
	padding: .25rem 1.25rem;
	margin-bottom: .5rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.pi-color-label {
	color: #376092;
}

.pi-invalid-feedback {
	display: block;
	margin-left: 0.25rem;
	font-size: 80%;
	color: #dc3545;
}
/** PageTop Link */
#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: -50px;
	bottom: 50px;
	background: #3f98ef;
	opacity: 0.6;
	border-radius: 50%;
	z-index: 1000;
}

#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

#page_top a::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f102';
	font-weight: 900;
	font-size: 20px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}


/** 必須項目用バッジ */
.req::after {
	font-size: .65em;
	font-weight: 100;
	border-radius: .25rem;
	color: white;
	background-color: #fc6650;
	padding: 1px 2px 1px 2px;
	margin-left: 5px;
	content: "必須";
	height: min-content;
}

/** 「…」省略用クラス */
.pi-omitted {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/** 「円」の文字を後ろに付与する */
.yen::after {
	margin-left: 5px;
	content: "円";
}

/*-----------------------------
 ユーティリティ
 -----------------------------*/
/** フォントサイズ */
.fs-sm {
	font-size: 0.875rem;
	line-height: 1.5;
}

.fs-lg {
	font-size: 1.25rem;
	line-height: 1.5;
}

.fs-1 {
	font-size: .6rem;
}

.fs-2 {
	font-size: 0.65rem;
}

.fs-3 {
	font-size: 0.7rem;
}

.fs-4 {
	font-size: 0.75rem;
}

.fs-5 {
	font-size: 0.8rem;
}

.font-50 {
	font-size: 50%;
}

.font-60 {
	font-size: 60%;
}

.font-70 {
	font-size: 70%;
}

.font-75 {
	font-size: 75%;
}

.font-80 {
	font-size: 80%;
}

.font-85 {
	font-size: 85%;
}

.font-90 {
	font-size: 90%;
}

.font-95 {
	font-size: 95%;
}

.font-110 {
	font-size: 110%;
}

.font-120 {
	font-size: 120%;
}

.font-130 {
	font-size: 130%;
}

.font-140 {
	font-size: 140%;
}

.font-150 {
	font-size: 150%;
}

.font-200 {
	font-size: 200%;
}

/** フォントカラー **/
.font-color-blue {
	color: blue;
}

.font-color-black {
	color: black;
}

.font-color-white {
	color: white;
}

.font-color-gray {
	color: gray;
}

.font-color-red {
	color: red;
}

.font-color-orange {
	color: orange;
}

.font-color-yellow {
	color: yellow;
}

.font-color-green {
	color: green;
}

.font-color-brown {
	color: brown;
}

.font-color-darkgray {
	color: #333333;
}

/*-----------------------------
 bootstrap の拡張
 -----------------------------*/
/*----- col -----*/
.col-0_5, .col-1_5, .col-2_5, .col-3_5, .col-4_5, .col-5_5, .col-6_5,
	.col-7_5, .col-8_5, .col-9_5, .col-10_5, .col-11_5, .col-sm-0_5,
	.col-sm-1_5, .col-sm-2_5, .col-sm-3_5, .col-sm-4_5, .col-sm-5_5,
	.col-sm-6_5, .col-sm-7_5, .col-sm-8_5, .col-sm-9_5, .col-sm-10_5,
	.col-sm-11_5, .col-md-0_5, .col-md-1_5, .col-md-2_5, .col-md-3_5,
	.col-md-4_5, .col-md-5_5, .col-md-6_5, .col-md-7_5, .col-md-8_5,
	.col-md-9_5, .col-md-10_5, .col-md-11_5 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col-0_5 {
	-ms-flex: 0 0 4.166667%;
	flex: 0 0 4.166667%;
	max-width: 4.166667%;
}
.col-1_5 {
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%;
}
.col-2_5 {
	-ms-flex: 0 0 20.833333%;
	flex: 0 0 20.833333%;
	max-width: 20.833333%;
}
.col-3_5 {
	-ms-flex: 0 0 29.166667%;
	flex: 0 0 29.166667%;
	max-width: 29.166667%;
}
.col-4_5 {
	-ms-flex: 0 0 37.5%;
	flex: 0 0 37.5%;
	max-width: 37.5%;
}
.col-5_5 {
	-ms-flex: 0 0 45.833333%;
	flex: 0 0 45.833333%;
	max-width: 45.833333%;
}
.col-6_5 {
	-ms-flex: 0 0 54.166667%;
	flex: 0 0 54.166667%;
	max-width: 54.166667%;
}
.col-7_5 {
	-ms-flex: 0 0 62.5%;
	flex: 0 0 62.5%;
	max-width: 62.5%;
}
.col-8_5 {
	-ms-flex: 0 0 70.833333%;
	flex: 0 0 70.833333%;
	max-width: 70.833333%;
}
.col-9_5 {
	-ms-flex: 0 0 79.166667%;
	flex: 0 0 79.166667%;
	max-width: 79.166667%;
}
.col-10_5 {
	-ms-flex: 0 0 87.5%;
	flex: 0 0 87.5%;
	max-width: 87.5%;
}
.col-11_5 {
	-ms-flex: 0 0 95.833333%;
	flex: 0 0 95.833333%;
	max-width: 95.833333%;
}

@media ( min-width : 576px) {
	.col-sm-0_5 {
		-ms-flex: 0 0 4.166667%;
		flex: 0 0 4.166667%;
		max-width: 4.166667%;
	}
	.col-sm-1_5 {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}
	.col-sm-2_5 {
		-ms-flex: 0 0 20.833333%;
		flex: 0 0 20.833333%;
		max-width: 20.833333%;
	}
	.col-sm-3_5 {
		-ms-flex: 0 0 29.166667%;
		flex: 0 0 29.166667%;
		max-width: 29.166667%;
	}
	.col-sm-4_5 {
		-ms-flex: 0 0 37.5%;
		flex: 0 0 37.5%;
		max-width: 37.5%;
	}
	.col-sm-5_5 {
		-ms-flex: 0 0 45.833333%;
		flex: 0 0 45.833333%;
		max-width: 45.833333%;
	}
	.col-sm-6_5 {
		-ms-flex: 0 0 54.166667%;
		flex: 0 0 54.166667%;
		max-width: 54.166667%;
	}
	.col-sm-7_5 {
		-ms-flex: 0 0 62.5%;
		flex: 0 0 62.5%;
		max-width: 62.5%;
	}
	.col-sm-8_5 {
		-ms-flex: 0 0 70.833333%;
		flex: 0 0 70.833333%;
		max-width: 70.833333%;
	}
	.col-sm-9_5 {
		-ms-flex: 0 0 79.166667%;
		flex: 0 0 79.166667%;
		max-width: 79.166667%;
	}
	.col-sm-10_5 {
		-ms-flex: 0 0 87.5%;
		flex: 0 0 87.5%;
		max-width: 87.5%;
	}
	.col-sm-11_5 {
		-ms-flex: 0 0 95.833333%;
		flex: 0 0 95.833333%;
		max-width: 95.833333%;
	}
}

@media ( min-width : 768px) {
	.col-md-0_5 {
		-ms-flex: 0 0 4.166667%;
		flex: 0 0 4.166667%;
		max-width: 4.166667%;
	}
	.col-md-1_5 {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}
	.col-md-2_5 {
		-ms-flex: 0 0 20.833333%;
		flex: 0 0 20.833333%;
		max-width: 20.833333%;
	}
	.col-md-3_5 {
		-ms-flex: 0 0 29.166667%;
		flex: 0 0 29.166667%;
		max-width: 29.166667%;
	}
	.col-md-4_5 {
		-ms-flex: 0 0 37.5%;
		flex: 0 0 37.5%;
		max-width: 37.5%;
	}
	.col-md-5_5 {
		-ms-flex: 0 0 45.833333%;
		flex: 0 0 45.833333%;
		max-width: 45.833333%;
	}
	.col-md-6_5 {
		-ms-flex: 0 0 54.166667%;
		flex: 0 0 54.166667%;
		max-width: 54.166667%;
	}
	.col-md-7_5 {
		-ms-flex: 0 0 62.5%;
		flex: 0 0 62.5%;
		max-width: 62.5%;
	}
	.col-md-8_5 {
		-ms-flex: 0 0 70.833333%;
		flex: 0 0 70.833333%;
		max-width: 70.833333%;
	}
	.col-md-9_5 {
		-ms-flex: 0 0 79.166667%;
		flex: 0 0 79.166667%;
		max-width: 79.166667%;
	}
	.col-md-10_5 {
		-ms-flex: 0 0 87.5%;
		flex: 0 0 87.5%;
		max-width: 87.5%;
	}
	.col-md-11_5 {
		-ms-flex: 0 0 95.833333%;
		flex: 0 0 95.833333%;
		max-width: 95.833333%;
	}
}

/*----- 空間utility -----*/
.pb-0_5, .py-0_5 {
	padding-bottom: .175rem !important;
}

.pt-0_5, .py-0_5 {
	padding-top: .175rem !important;
}

.pl-0_5, .px-0_5 {
	padding-left: .175rem !important;
}

.pr-0_5, .px-0_5 {
	padding-right: .175rem !important;
}

.ml-15px {
	margin-left: 15px;
}

.mr-15px {
	margin-right: 15px;
}

.mx-15px {
	margin-left: 15px;
	margin-right: 15px;
}

.py-1_5px {
	padding-top: 1.5px;
	padding-bottom: 1.5px;
}

/** サイズ（幅） 25 50 75 だけだと不便で追加 */
.w-20 {
  width:20%!important
}

.w-30 {
  width:30%!important
}

.w-40 {
  width:40%!important
}

.w-60 {
  width:60%!important
}

.w-70 {
  width:70%!important
}

.w-80 {
  width:80%!important
}

.w-90 {
  width:90%!important
}

/** サイズ（高さ） 25 50 75 だけだと不便で追加 */
.h-10 {
  height: 10%!important;
}

.h-15 {
  height: 15%!important;
}

.h-20 {
  height:20%!important
}

.h-30 {
  height:30%!important
}

.h-40 {
  height:40%!important
}

.h-60 {
  height:60%!important
}

.h-70 {
  height:70%!important
}

.h-80 {
  height:80%!important
}

.h-85 {
	height: 85%!important;
}

.h-90 {
  height:90%!important
}

/*-----------------------------
 その他
 -----------------------------*/
/** テーブル行リンク */
tbody tr.clickable:hover * {
	cursor: pointer;
}

.pi-border-group {
	border-left: solid #EEEEEE;
}

hr.double {
	border-top: 3px double #8c8b8b;
}
/** bg-warningよりは見やすいオレンジ*/
.bg-orange{
	background-color:#ea9400!important}

/** 自動改行 */
.pi-text-break{
	overflow-wrap: break-word !important;
	word-break: break-all;
	white-space: normal;
}

/* 通常時（オレンジ） */
.btn.pi-color-confirm {
  color: #FFFFFF;
  background-color: #E46C0A;
  border-color: #E46C0A;
}

/* hover,focus,active時（少し暗いオレンジ） */
.btn.pi-color-confirm:hover,
.btn.pi-color-confirm:focus,
.btn.pi-color-confirm:active {
  color: #FFFFFF;
  background-color: #c85d08;
  border-color: #c85d08;
}