@charset "utf-8";
/*--------------------------------------*/
/* Sicope(モニタリングシステム)         */
/* css カスタマイズ                     */
/* bootstrapに上書き                    */
/*--------------------------------------*/
/* https://bootswatch.com/superhero/ */
/*--------------------------------------*/
/* margin-top指定 */
/*--------------------------------------*/
.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;}
.mt_60  {margin-top:  60px;}
.mt_70  {margin-top:  70px;}
.mt_80  {margin-top:  80px;}
.mt_90  {margin-top:  90px;}
.mt_100 {margin-top: 100px;}

/*--------------------------------------*/
/* body指定 */
/*--------------------------------------*/
body {
background-color: #f5ead1;
color: #000000;
/* font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
}
/*--------------------------------------*/
/* 色指定 */
/*--------------------------------------*/
.red   {color : #d9534f;}
.pink  {color : #ff66cc;}
.blue  {color : #5bc0de;}
.green {color : #20c997;}
.yellow{color : #F5E625;}
.gray  {color : #868e96;}
.white {color : #f0f0f0;}
/*--------------------------------------*/
/* 背景色指定 */
/*--------------------------------------*/
.bg-green {background-color : #20c997;}
.bg-alert {background-color : #f3d0cf;}
.bg-holiday {background-color : #e2e3e5;}
/*--------------------------------------*/
/* カスタマイズ */
/*--------------------------------------*/
/* 共通 */
/*--------------------------------------*/
@media (min-width: 1200px){.container { max-width: 1200px;}}
@media (min-width: 1300px){.container { max-width: 96%;}}
p { margin-top: 0; margin-bottom: 0;}
/*--------------------------------------*/
/* ブラウザ印刷設定 */
/*--------------------------------------*/
@media print {
  .no-print{display:none;}

[class^="canvas-container"] {
    zoom: 0.5;
  }
  #plan_result {
    zoom: 0.5;
  }
  #result_ng {
    zoom: 0.25;
  }
  #repair_unsolve {
    zoom: 0.5;
  }
  #plan_regular {
    zoom: 0.25;
  }
}
/*--------------------------------------*/
/* navbar */
/*--------------------------------------*/
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left:  1rem;
    }
}
/*--------------------------------------*/
/* カーソルポインター */
/*--------------------------------------*/
a{ cursor: pointer; }
button{ cursor: pointer; }
.open-modal {cursor: pointer;}
.cursor {cursor: pointer;}
input[type='checkbox'] {
    cursor: pointer;
}
/*--------------------------------------*/
/* リンク色 */
/*--------------------------------------*/
/*a:hover{ color:#5cb85c !important;}*/

/*--------------------------------------*/
/* イメージレスポンシブ */
/*--------------------------------------*/
.img-responsive{ width: 100%;}

/*--------------------------------------*/
/* アイコン */
/*--------------------------------------*/
.card-footer i { margin-right: 5px; text-align: center;}
.navbar-nav  i { margin-right: 5px; text-align: center;}
/*--------------------------------------*/
/* 日付欄の～部分 */
/*--------------------------------------*/
.input-group-text { border-radius: 0;}
.input-group-text-sm {
    height: calc(1.5em + 0.5rem + 1px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
}


/*--------------------------------------*/
/* プロジェクトメニュー */
/*--------------------------------------*/
.project_menu{
	position: relative;
	padding: 0.75rem 1.25rem;
/*	margin-bottom: 1rem;*/
	width:100%;
	height:50px;
	color:#ffffff;
	border-radius: 0.3rem;
}
.project_modal{
	position: absolute;
	padding: 0.75rem 1.25rem;
	text-align: right;
	width:100%;
	height:50px;
	top:0;
}
.project_modal a { color:#ffffff !important;}


/*--------------------------------------*/
/* アラート枠丸み */
/*--------------------------------------*/
.alert  { border-radius: 0.3rem;}
/*--------------------------------------*/
/* 入力枠、ボタン等　枠丸み */
/*--------------------------------------*/
input, button, select, optgroup, textarea  {border-radius: 0.3rem !important;}
.form-control {border-radius: 0.4rem !important;}
.form-group {
  margin-bottom: 0.5rem;
}

/*--------------------------------------*/
/* カード */
/*--------------------------------------*/
.card{
	border-radius: 0.3rem;
	background-color: #FFF;
}
.card-header {
    padding: 0 0;
    border-top-left-radius: 0.3rem !important;
    border-top-right-radius: 0.3rem !important;
    background-color: #f7eed1;
}
.card-body     {
	padding: 0.25rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
	background-color: #F7F7F7;
}
.card-title    { margin-top: 0.25rem; text-align:center; margin-bottom: 0.25rem; font-weight: 700;}
.card-settings { display: inline-flex;}
.card-settings .dropdown-toggle::after { display: none; }
.card-footer   { text-align: right; padding: 0 0; background-color: #fcf8ed; border-top: 1px solid #f0ad4e ;}
/* カード高さ */
.card  {
	height:470px;
	box-shadow:1px 1px 3px;
	border:0px;
}

/*--------------------------------------*/
/* モーダル部分 */
/*--------------------------------------*/
.modal-content { border-radius: 0.3rem; box-shadow: 1px 1px 3px; border: 0px;}
.modal-title{ text-align:center; font-weight: 700; }
.modal-footer {
/*    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;*/
}
.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
  background-color: #f5ead1; /* 追加 */
}
.modal-header, .modal-footer {
  background-color: #f9eac6; /* 追加 */
}
.modal-header .close, .modal-footer .close{
  color: #000; /* 追加 */
}
.modal-header, .modal-footer {
  background-color: #f9eac6; /* 追加 */
}

/*--------------------------------------*/
/* モーダルチャート（グラフ大）表示部分 */
/*--------------------------------------*/
.modalChart{
    margin: 20px auto;
    width :100%;
    height:300px;
}

/*--------------------------------------*/
/* ボタン selectpicker用 */
/*--------------------------------------*/
.btn-light {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.btn-light:focus, .btn-light.focus {
    color: #000;
    background-color: #fff;
    border-color: #f1b287;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
}
.btn-light:hover {
    color: #000;
    background-color: #fff;
    border-color: #f1b287;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #f1b287;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(223, 105, 26, 0.25);
}
.dropdown-menu {
  background-color: #f9f7f2;
}
.dropdown-item {
  color: #000;
}
.dropdown-item.active, .dropdown-item:active {
  color: #EBEBEB;
  background-color: #f0ad4e;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #EBEBEB;
  background-color: #DF691A;
}
/*--------------------------------------*/
/* ボタン 範囲指定用 */
/*--------------------------------------*/
.btn-times {
	height:38px;
}

/*****************************************/
/* PC表示・スマホ表示 */
/*****************************************/
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}

@media (max-width: 576px) {
    .project_menu  {height: 70px;}
    .project_modal {font-size:14px; padding: 0.5rem 1rem; height: 30px; top: 30px;}
/*    .gmap          {padding-bottom: 100%;}*/

}
/*****************************************/
/* パンくずリスト */
/*****************************************/
.breadcrumb {
  background-color: #f5ead1;
  padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #000;
  content: ">";
}
.breadcrumb-item.active {
  color: #000;
}
/*****************************************/
/* 表関連 */
/*****************************************/
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background-color: #f3e2bf;
  border-radius: 100px;
}
::-webkit-scrollbar-thumb {
  background: #fb9b77;
  border-radius: 100px;
  width: 130px;
}
::-webkit-scrollbar-corner{
  background: #fb9b77;
  border-radius: 100px;
}


.scroll_tbl, .scroll_tbl_ana {
  max-width: 100%;
  max-height: 500px;
  overflow: scroll;
}

.scroll_tbl_dshbrd {
  max-width: 100%;
  max-height: 450px;
  zoom : 0.8;
  overflow: scroll;
}

.scroll_tbl th,td, .scroll_tbl_ana th,td, .scroll_tbl_dshbrd th,td{
  width: 200px;
  height: 45px;
  vertical-align: middle;
  padding: 0 15px;
  border: 1px solid #fdbd91;
  background: #F7F7F7;
  white-space: nowrap;
}

.scroll_tbl table, .scroll_tbl_ana table, .scroll_tbl_dshbrd table{
  width: 100%;
}

.scroll_tbl .fixed01,
.scroll_tbl .fixed02,
.scroll_tbl_ana .fixed01,
.scroll_tbl_ana .fixed02,
.scroll_tbl_dshbrd .fixed01,
.scroll_tbl_dshbrd .fixed02{
  position: sticky;
  top: 0;
  left: 0;
  background: #f5ca9e;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #fdbd91;
  }
}
.scroll_tbl .fixed03, .scroll_tbl_ana .fixed03, .scroll_tbl_dshbrd .fixed03{
  position: sticky;
  top: 45px;
  left: 0;
  background: #f5ca9e;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #fdbd91;
  }
}
.scroll_tbl .fixed01, .scroll_tbl_ana .fixed01, .scroll_tbl_dshbrd .fixed01{
  z-index: 2;
}
.scroll_tbl .fixed02, .scroll_tbl_ana .fixed02, .scroll_tbl_dshbrd .fixed02{
  z-index: 1;
}
.scroll_tbl .fixed03, .scroll_tbl_ana .fixed03, .scroll_tbl_dshbrd .fixed03{
  z-index: 1;
}

/* マウスオーバ―時の背景色変更*/
/****/
.scroll_tbl tr:hover .fixed02.text-wrap,.scroll_tbl td {
  cursor: pointer;
}
.scroll_tbl tr:hover td {
  background-color: #CCFFCC;
}
.scroll_tbl .fixed02.text-wrap {
  color: #DF691A;
}
.scroll_tbl_dshbrd tr:hover .fixed02.text-wrap,.scroll_tbl_dshbrd td {
  cursor: pointer;
}
.scroll_tbl_dshbrd tr:hover td {
  background-color: #CCFFCC;
}
.scroll_tbl_dshbrd .fixed02.text-wrap {
  color: #DF691A;
}
/****/
.scroll_tbl_ana tr:hover .fixed02.text-wrap,.scroll_tbl_ana td {
  cursor: pointer;
}
.scroll_tbl_ana tr:hover td {
  background-color: #CCFFCC;
}
.scroll_tbl_ana .fixed02.text-wrap {
  color: #DF691A;
}
/****/

/*****************************************/
/* メニュー関連 */
/*****************************************/
.btn3{
  color: #fff;
  display: flex;
  background: #f8b55e;
  padding: 15px 48px;
  border-radius: 5px;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
}
.btn3:active{
  transform: translateY(5px);
  box-shadow: none;
}
.header-title{
  color: #fff;
  font-weight: bold;
  margin-right: auto;
  font-size: larger;
}
.navbar-nav .nav-link {
  color: #fff !important;
  font-size: larger;
  font-weight: bold;
}
/*****************************************/
/* フォーム関連 */
/*****************************************/
.contents{
  display: contents;
}
.required{
  background-color: #fdd4da;
}

/*****************************************/
/* 全般のデザイン調整 */
/*****************************************/
.form-control:disabled, .form-control[readonly]{
  background-color: #ebebeb;
  opacity: 1;
}
.btn-light.disabled, .btn-light:disabled{
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #000;
  opacity: 1;
}
/*****************************************/
/* 画像関連 */
/*****************************************/


/*****************************************/
/* モーダル関連 */
/*****************************************/


/*****************************************/
/* input file関連 */
/*****************************************/
.upload_file {
  position: absolute;
  opacity: 0;
  width: 10px;
}
.fileUploadBtn {
  display: inline-block;
  border-radius: 0.3rem;
  font-family: inherit;
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.fileUploadBtn:hover,
.fileUploadBtn:focus {
  filter: brightness(1.2);
}
/*****************************************/
/* ラジオボタン関連 */
/*****************************************/
.radio_okng {
  display: none;
}
.label_ok, .label_ng {
  background-color: #8d9dad;
  color: #FFF;
  font-size: 20px;
  padding: 10px 30px;
  cursor: pointer;
}
.radio_okng:checked + .label_ok {
  background-color: #5cb85c;
}
.radio_okng:checked + .label_ng {
  background-color: #d9534f;
}
/*****************************************/
/* チェックボックス関連 */
/*****************************************/
.chk_space {
	display: flex;
    justify-content: space-evenly;
}
.checks {
	transform: scale(2.0);
}
/*****************************************/
/* ラジオボタン関連 */
/*****************************************/
.bootstrap-select .no-results {
	color: #495057;
}
/*****************************************/
/* チャート関連 */
/*****************************************/
[class^="canvas-container"] {
    position: relative;
    width:  calc(90%);
    height: 430px;
    overflow: hidden;
    margin:5px;
}
.canvas-container-dshbrd {
	/* canvas-containerと同じだが、保全分析と印刷設定を分けるためにコピー */
    position: relative;
    width:  calc(90%);
    height: 430px;
    overflow: hidden;
    margin:5px;
}
[class^="canvas-disp"] {
    border: 5px outset;
    background:  #fff;
}
/*****************************************/
/* リンク（aタグ）関連 */
/*****************************************/
/* ボタンのスタイル */
.arrowbtn a {
	--arrow-color: #DF691A; /* 矢印の色 */
	display: inline-block; /* インラインブロック要素にする */
	border: 1px solid #DF691A; /* ボタンの枠線の設定（太さ、種類、色） */
	color: var(--arrow-color); /* 文字色を矢印の色と合わせる */
	padding: 5px 25px 5px 10px; /* 内側の余白（上・右・下・左） */
	text-decoration: none; /* 下線を非表示 */
	border-radius: 99px; /* ボタンを丸みのある角に */
	transition: .3s all; /* 変化をゆっくりにする */
	position: relative; /* 疑似要素の位置基準 */
}

/* 矢印のスタイル */
.arrowbtn a:after {
	content: ''; /* 疑似要素で矢印を描写 */
	border-bottom: 1px solid var(--arrow-color); /* 矢印の下線の設定 */
	border-right: 1px solid var(--arrow-color); /* 矢印の右線の設定 */
	width: 15px; /* 矢印の幅 */
	height: 3px; /* 矢印の高さ */
	transform: skewX(45deg); /* 矢印の角度 */
	position: absolute; /* 親要素からの位置指定 */
	/* right: 20px;  ボタンの右からの距離 */
	bottom: 50%; /* ボタンの中央位置に配置 */
	transition: .3s all; /* 変化をスムーズに */
}

/* マウスオーバー時の変化 */
.arrowbtn a:hover {
	--link-btn-color: #9a4912; /* ホバー時のボタン色 */
	background-color: var(--link-btn-color); /* 背景色を変更 */
	border-color: var(--link-btn-color); /* 枠線色を変更 */
	color: #FFF; /* 文字色を白に */
}

.arrowbtn a:hover:after {
	border-color: #FFF; /* ホバー時に矢印の色を白に変更 */
	right: 12px; /* 矢印の位置を左へ少し移動 */
}
/*****************************************/
/* お知らせ通知 */
/*****************************************/
pre {
    display: block;
    font-size: 87%;
    font: inherit;
    color: inherit;
    white-space: pre-wrap ;
    width: inherit;
    height: 410px;
}