@charset "UTF-8";

/*-----------------------------
 クライアントシステム固有のcss
 -----------------------------*/
 
.fixed-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background-color: #f5f5f5;
}

.pi-card>.card-body {
	padding: 0.5rem;
	color: #212529;
}

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

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

.pi-card-whole .card-header {
	border-radius: 0;
}

.pi-card-whole .card-body {
	padding: 0.5rem;
	color: #212529;
}

/* InputWidth（commonに移したかったが、margin-leftが違うので断念しました） */
.pi-input-width-1 {
	max-width: 1rem !important;
	width: 1rem !important;
	margin-right: 15px;
}

.pi-input-width-2 {
	max-width: 2rem !important;
	width: 2rem !important;
	margin-right: 15px;
}

.pi-input-width-3 {
	max-width: 3rem !important;
	width: 3rem !important;
	margin-right: 15px;
}

.pi-input-width-4 {
	max-width: 4rem !important;
	width: 4rem !important;
	margin-right: 15px;
}

.pi-input-width-5 {
	max-width: 5rem !important;
	width: 5rem !important;
	margin-right: 15px;
}

.pi-input-width-6 {
	max-width: 6rem !important;
	width: 6rem !important;
	margin-right: 15px;
}

.pi-input-width-7 {
	max-width: 7rem !important;
	width: 7rem !important;
	margin-right: 15px;
}

.pi-input-width-8 {
	max-width: 8rem !important;
	width: 8rem !important;
	margin-right: 15px;
}

.pi-input-width-9 {
	max-width: 9rem !important;
	width: 9rem !important;
	margin-right: 15px;
}

.pi-input-width-10 {
	max-width: 10rem !important;
	width: 10rem !important;
	margin-right: 15px;
}

.pi-input-width-11 {
	max-width: 11rem !important;
	width: 11rem !important;
	margin-right: 15px;
}

.pi-input-width-12 {
	max-width: 12rem !important;
	width: 12rem !important;
	margin-right: 15px;
}

.pi-input-width-13 {
	max-width: 13rem !important;
	width: 13rem !important;
	margin-right: 15px;
}

.pi-input-width-14 {
	max-width: 14rem !important;
	width: 14rem !important;
	margin-right: 15px;
}

.pi-input-width-15 {
	max-width: 15rem !important;
	width: 15rem !important;
	margin-right: 15px;
}

.pi-input-width-16 {
	max-width: 16rem !important;
	width: 16rem !important;
	margin-right: 15px;
}

.pi-input-width-32 {
	max-width: 32rem !important;
	width: 32rem !important;
	margin-right: 15px;
}

.pi-input-width-64 {
	max-width: 64rem !important;
	width: 64rem !important;
	margin-right: 15px;
}

/* calendar-table */
.calendar-table thead tr:first-child, .calendar-table thead th:first-child {
  border-top: solid 1px #172154!important;
}

.calendar-table tr td:first-child, .calendar-table tr th:first-child {
  border-top: solid 1px #172154!important;
}

.calendar-table td:first-child, .calendar-table th:first-child {
  border-left: solid 1px #172154!important;
}

.calendar-table td, .calendar-table th {
  line-height: 1.7rem;
  padding: .2em .35em!important;
  border-right: solid 1px #172154!important;
  border-bottom: solid 1px #172154!important;
  text-align: center;
}

.calendar-table thead th {
  background-color: rgba(245,245,245);
}

.calendar-table tbody th {
  font-weight:400;
}

.calendar-table td {
  height: 33px;
  width: 33px;
  position: relative;
}

.calendar-table tbody td a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 2;
}

.calendar-table .calendar-empty-row td, .calendar-table .calendar-empty-row th {
  height:0
}

.calendar-table .today {
  background-color: rgba(255,241,0,.3);
}

.calendar-table .holiday {
  background-color: rgba(255,128,128,.3);
}

.calendar-table .saturday {
  background-color: rgba(38,31,135,.2);
}

.calendar-table tbody td:hover {
  background-color:rgba(0,153,255,0.2);
}

/*-----------------------------
 その他
 -----------------------------*/
/** テーブル風の要素で奇数行の時に使用する色 */
.row-odd {
	background-color: rgba(0, 0, 0, .05);
}

/** 大きさ固定のバッジ */
.fixed-badge {
	min-height: 2rem !important;
	max-height: 2rem !important;
	height: 2rem !important;
	min-width: 4rem !important;
	max-width: 4rem !important;
	width: 4rem !important;
	margin-right: 15px;
	margin-left: 15px;
	padding: .5rem !important;
}

/** min-width */
.sp-min-width {
	min-width: 375px;
}

/** height */
.h-sm {
	height: .875rem;
}

.empty-area {
	height:50px !important;
	min-height:50px !important;
}

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

/** ブックマークで使用する旗 */
.fas-fa-flag::after {
	font-family: 'Font Awesome 5 Free';
	content: '\f024';
	font-size: 1em;
	color: red;
}

/** チェック */
.fas-fa-check::after {
	font-family: 'Font Awesome 5 Free';
	content: '\f00c';
	font-size: 1em;
	color: black;
	font-weight: 900;
}

/** カッコを前後に付与する。マイナス金額を意味する。 */
.myen::before {
	margin-right: 2px;
	content: "(";
}
.myen::after {
	margin-left: 2px;
	content: ")";
}

/** 疑問符の色 */
.fas.fa-question-circle {
	color: royalblue;
}

/** sva用）詳細画面で使用するテーブルヘッダの色 */
.sva-detail th {
	background-color:rgba(232,232,232,0.8);
	font-weight:normal;
}

/** 注意喚起用のラベル色 */
.pi-color-note-msg {
	color: #dc3545;
}

/*-----------------------------
 bootstrap-overrideから移行
 -----------------------------*/
/** テーブル, リンク ホバー系 */
.table-hover tbody tr:hover {
  color: #212529;
  /* background-color: rgba(0, 0, 0, 0.075); */
  background-color: #D5E5F2;
}

.form-group {
	margin-bottom: 0.5rem;
}

.form-inline label, .col-form-label {
	justify-content: start;
}

/** 前景色 全体的に #212529 は placeholderの灰色に近く見にくいので黒(000000)に */
body {
  /* color: #212529; */
  color: #000000;
}

.text-body {
  /* color: #212529 !important; */
  color: #000000 !important;
}

.form-control {
  color: #000000;
}

.form-control-plaintext {
  /* color: #212529; */
  color: #000000;
}

.form-control::placeholder{
  color: #bbbbbb;
}

/*-----------------------------
 メインステータス
 -----------------------------*/
/* 受付 */
.pi-mainstatus-inbound {
	background-color: #bdffbd;
	color: #0000ff;
}
/* 手配 */
.pi-mainstatus-fielddispatch {
	background-color: #ffcc00;
	color: #0000ff;
}
/* 出動 */
.pi-mainstatus-releive {
	background-color: #0000aa;
	color: #f7f7f7;
}
/* 作業完了 */
.pi-mainstatus-workresult {
	background-color: #3a3a3a;
	color: #fafafa;
}
/* 見積 */
.pi-mainstatus-estimate {
	background-color: #ffffff;
	color: #ff0080;
}
/* 個人請求 */
.pi-mainstatus-personbilling {
	background-color: #ccff00;
	color: #555555;
}
/* 業者支払 */
.pi-mainstatus-vendorpayment {
	background-color: #ffccff;
	color: #f8344d;
}
/* 保険査定 */
.pi-mainstatus-insuranceassessment {
	background-color: #d7ddfd;
	color: #0000ff;
}
/* CL請求 */
.pi-mainstatus-clientpayback {
	background-color: #bdffbd;
	color: #f8344d;
}
/* マンスリー */
.pi-mainstatus-monthly {
	background-color: #fbfecd;
	color: #0000ff;
}
/* 完了 */
.pi-mainstatus-complete-color {
	background-color: #d9ffff;
	color: #0000a0;
}

/*-----------------------------
 査定ステータス
 -----------------------------*/
/** 未作成 */
.pi-assessmentstatus-notcreated {
	background-color: #f08b0f;
	color: #ffffff;
}
/** 作成中 */
.pi-assessmentstatus-making{
	background-color: #80c1b8;
	color: #ffffff;
}
/** 査定中 */
.pi-assessmentstatus-assessment{
	background-color: #be41be;
	color: #ffffff;
}
/** 完了 */
.pi-assessmentstatus-complete{
	background-color: #3a3a3a;
	color: #fafafa;
}

/*-----------------------------
 解約返戻金ステータス
 -----------------------------*/
/* 依頼中(新規) */
.pi-insurancecancelstatus-requesting {
	background-color: #b7dee8;
	color: #0000ff;
}
/** 算出済 */
.pi-insurancecancelstatus-calculated {
	background-color: #d7e4bd;
	color: #0000ff;
}
/** 完了 */
.pi-insurancecancelstatus-complete {
	background-color: #948a54;
	color: #fafafa;
}

.pi-insurancecancelstatus-complete-row {
	background-color: #d9d9d9;
}

/*-----------------------------
 アップロード承認ステータス
 -----------------------------*/
/* 審査待ち */
.pi-uploadapprovalstatus-waiting {
	background-color: #C3D69B;
	color: #000000;
}
/** 承認 */
.pi-uploadapprovalstatus-approved {
	background-color: #93CDDD;
	color: #000000;
}
/** 却下 */
.pi-uploadapprovalstatus-rejected {
	background-color: #D99694;
	color: white;
}

/*-----------------------------
 手配ステータス
-----------------------------*/
/* 手動手配待ち */
.pi-fielddispatchstatus-manual-waiting {
	background-color: #ffcc00;
	color: #0000ff;
}
/* 手動手配 */
.pi-fielddispatchstatus-manual {
	background-color: #80ffff;
	color: #0000a0;
}
/* 募集中 */
.pi-fielddispatchstatus-offer {
	background-color: #00aa00;
	color: #ffffff;
}
/* 手配中 */
.pi-fielddispatchstatus-entry {
	background-color: #00aa00;
	color: #ffffff;
}
/* 手配取消 */
.pi-fielddispatchstatus-cancel {
	background-color: #ffccff;
	color: #f8344d;
}
/* 出動 */
.pi-fielddispatchstatus-releive {
	background-color: #0000aa;
	color: #f7f7f7;
}
/* 依頼精算不要 */
.pi-fielddispatchstatus-no-request-adjustment {
	background-color: #8faadc;
	color: #f8344d;
}
/* 作業完了 */
.pi-fielddispatchstatus-work-result {
	background-color: #800080;
	color: #f7f7f7;
}

/*-----------------------------
 GMO証明書欄
 -----------------------------*/
 /* 通知する,再発行ボタン非活性 */
#notification.disabled,#notification:disabled,
#reissuegmo.disabled,#reissuegmo:disabled{
    color: #fff;
    background-color: #E46C0A;
    border-color: #E46C0A
}