@import url('./slick/slick-default-theme.css');
@charset "UTF-8";

.table td, .table th {
  padding: 0.5rem;
  vertical-align: middle;
}

body, td, th {
  color: #5C5C5C;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-size: medium;
}

body {
  background-color: #EEF1F5;
}

/* slick関連 */
.slick-header {
  font-size: 0.8rem;
}

.slick-row {
  font-size: 0.8rem;
}

.slick-cell {
  white-space: nowrap;
}

.slick-columnpicker .title {
  float: none;
}

.slick-pager .slick-pager-status {
  padding: 0px;
}

.slick-pager {
  background: none;
  border: 0px;
  border-top: 0;
}

.slick-header-columns .slick-header-column {
  height: 1.3rem;
}

.slick-header-columns .slick-header-columns2 {
  height: 2.6rem;
}

.slick-column-name {
  line-height: 21px;
}

.slick-columnpicker {
  font-size: 0.8rem;
}

.slick-columnpicker-list label {
  margin-bottom: 0px;
}

.slick-columnpicker .title {
  font-size: 0.8rem;
}

.slick-pager-status {
  font-size: 0.9rem;
}

.slick-editable-column .slick-column-name::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background: url("../Scripts/images/kaku01_a_04.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 1px;
}

.pad-detail .slick-header, .pad-detail .slick-cell {
  font-size: 1.2rem;
}

.pad-detail .slick-pager {
  background-color: white;
}

/* Individual cell styles */
.slick-cell.task-name {
  font-weight: bold;
  text-align: right;
}

.slick-cell.task-percent {
  text-align: right;
}

.slick-cell.cell-move-handle {
  font-weight: bold;
  text-align: right;
  border-right: solid gray;
  background: #efefef;
  cursor: move;
}

.cell-move-handle:hover {
  background: #b6b9bd;
}

.slick-row.selected .cell-move-handle {
  background: #D5DC8D;
}

.slick-row .cell-actions {
  text-align: left;
}

.slick-row.complete {
  background-color: #DFD;
  color: #555;
}

.percent-complete-bar {
  display: inline-block;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Slick.Editors.Text, Slick.Editors.Date */
input.editor-text {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
  font-size: 0.8rem;
}

.ui-datepicker-trigger {
  background: url("../Scripts/images/calendar.gif") top left no-repeat;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  padding: 0;
  vertical-align: top;
}

/* Slick.Editors.PercentComplete */
input.editor-percentcomplete {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
  float: left;
}

.editor-percentcomplete-picker {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 100%;
  background: url("../Scripts/images/pencil.gif") no-repeat center center;
  overflow: visible;
  z-index: 1000;
  float: right;
}

.editor-percentcomplete-helper {
  border: 0 solid gray;
  position: absolute;
  top: -2px;
  left: -9px;
  background: url("../Scripts/images/editor-helper-bg.gif") no-repeat top left;
  padding-left: 9px;
  width: 120px;
  height: 140px;
  display: none;
  overflow: visible;
}

.editor-percentcomplete-wrapper {
  background: beige;
  padding: 20px 8px;
  width: 100%;
  height: 98px;
  border: 1px solid gray;
  border-left: 0;
}

.editor-percentcomplete-buttons {
  float: right;
}

  .editor-percentcomplete-buttons button {
    width: 80px;
  }

.editor-percentcomplete-slider {
  float: left;
}

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
  display: block;
}

.editor-percentcomplete-helper:hover {
  display: block;
}

/* Slick.Editors.YesNoSelect */
select.editor-yesno {
  width: 100%;
  margin: 0;
  vertical-align: middle;
}

/* Slick.Editors.Checkbox */
input.editor-checkbox {
  margin: 0;
  height: 100%;
  padding: 0;
  border: 0;
}

/* jquery-ui関連 */
.ui-state-default {
  border: 0;
  background: white;
}

.ui-widget button, .ui-widget, .ui-widget-content {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.8rem;
}

  .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 0.76rem;
  }

.ui-dialog .ui-dialog-content {
  padding: 0.1rem;
}

.ui-widget .ui-widget {
  font-size: 0.8rem;
}

.ui-widget-content a {
  color: #20a8d8;
}

.ui-widget .text-l, .text-l {
  font-size: 1.5rem;
}

.ui-dialog {
  z-index: 1050 !important;
}

/* nav関連 */
.nav-dropdown-items .nav-item {
  text-align: left;
}

.nav-header-custom {
  width: 150px;
  text-align: left;
}

.navbar {
  padding: 0px;
}

.app-header .navbar-brand {
  height: 54px;
}

.header-nav-link {
  font-size: 0.9rem;
}

.navbar-dark .navbar-nav a.header-nav-link-active {
  color: #fff;
}
/* dialog関連 */
.ems-dialog .slick-header-column {
  background: white;
}

.ems-dialog .table-responsive td, .ems-dialog .table-responsive th {
  padding: 0.2rem;
}

#numInputDialog + .ui-dialog-buttonpane .ui-dialog-buttonset {
  width: 100%;
}

#kanryoDialog + .ui-dialog-buttonpane .ui-dialog-buttonset {
  width: 100%;
}

@media screen and (min-width:576px) {
  .btn-num-input-dialog {
    height: 50px;
    padding-right: 5px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width:575px) {
  .btn-num-input-dialog {
    height: 45px;
    padding-right: 15px;
    margin-bottom: 15px;
  }
}

/* dropdown関連 */
.dropdown-custom {
  position: absolute;
  width: 150px;
}

.dropdown-item-custom {
  color: #fff;
  text-decoration: none;
  background-color: #2f353a;
}

  .dropdown-item-custom:hover, .dropdown-item-custom:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2f353a;
  }

.dropdown-item-custom-disabled, .dropdown-item-custom-disabled:hover, .dropdown-item-custom-disabled:focus {
  color: #2f353a;
  background-color: #fff;
  cursor: not-allowed;
}

/* ajax通信中画像関連 */
#loadingIndicator {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.85;
  z-index: 2000;
}

  #loadingIndicator .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("./images/gif-load.gif") center center no-repeat;
    color: black;
  }

/* エラーメッセージ関連 */
.validation-error-formatter, .selected.validation-error-formatter {
  background-color: #fee2e1;
}

.validation-error, .validation-error:focus {
  background-color: #fee2e1;
}

input[type=file].validation-error, .input[type=file].validation-error:focus {
  box-shadow: 0px 0px 0px 0.2rem #fee2e1;
}

input[type=text].validation-error:disabled {
  box-shadow: 0px 0px 0px 0.2rem #fee2e1;
}

input[type=url].validation-error:disabled {
  box-shadow: 0px 0px 0px 0.2rem #fee2e1;
}

.business-error-formatter, .selected.business-error-formatter {
  background-color: #fee2e1;
}

.validation-summary-errors {
  color: red;
}

/* 検索条件スイッチ関連 */
.card-header-switch {
  padding: 0.23rem;
  display: flex;
}

  .card-header-switch h6 {
    margin-bottom: 0;
    padding-top: 3px;
    display: inline;
  }

.switch-label {
  padding: 0;
  margin: 0;
  height: 22px;
  margin-left: 10px;
}

.switch-slider::before {
  top: 1px;
  width: 18px;
  height: 18px;
}

/* 必須項目 */
.item-required:after {
  content: "*";
  color: #FE3C3C;
}

/* その他 */
.align-items-center .text-s {
  margin-bottom: 0px;
}

.len-text-s-80 {
  max-width: 70rem;
}

.len-text-s-70 {
  max-width: 60rem;
}

.len-text-s-60 {
  max-width: 45rem;
}

.len-text-s-55 {
  max-width: 33rem;
}

.len-text-s-50 {
  max-width: 30rem;
}

.len-text-s-40 {
  max-width: 24rem;
}

.len-text-s-30 {
  max-width: 18rem;
}

.len-text-s-25 {
  max-width: 15rem;
}

.len-text-s-20 {
  max-width: 11rem;
}

.len-text-s-15 {
  max-width: 9.7rem;
}

.len-text-s-12 {
  max-width: 9rem;
}

.len-text-s-11 {
  max-width: 7.6rem;
}

.len-text-s-10 {
  max-width: 6.5rem;
}

.len-text-s-9 {
  max-width: 5.7rem;
}

.len-text-s-8 {
  max-width: 5.2rem;
}

.len-text-s-6 {
  max-width: 5rem;
}

.len-text-s-4 {
  max-width: 3.6rem;
}

.len-text-s-3 {
  max-width: 2.5rem;
}

.len-text-s-2 {
  max-width: 1.8rem;
}

.color-red {
  color: red;
}

.color-white {
  color: white;
}

.bg-red {
  background-color: red;
}

  .bg-red .slick-cell.selected {
    background-color: #F92D2C !important;
  }

.bg-yellow {
  background-color: #F9F976 !important;
}

  .bg-yellow .slick-cell.selected {
    background-color: #FFEB00 !important;
  }

.app-body {
  margin-top: 50px;
}

.card {
  margin-bottom: 0.5rem;
}

.num-input-button {
  width: 47%;
  height: 50px;
}

.fixed-button {
  width: 110px;
}

.input-middle {
  vertical-align: middle;
}

.row-marginbottom {
  margin-bottom: 2px;
}

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

.input-mobile {
  font-size: 1.5rem;
  height: 3rem;
}

.text_orange {
  color: #ff8c00;
  margin-top: 5px;
  margin-bottom: 5px;
}

.box_white {
  background-color: #FFFFFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-collapse: collapse;
  -webkit-box-shadow: 0 0px;
  box-shadow: 0 0px;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-bottom: 0px;
}

.margin-bottom {
  margin-bottom: 5px;
}

#myGrid {
  background: white;
  outline: 0;
}

.ime-disabled {
  ime-mode: disabled;
}

.nav-tabs div[class*="nav-link"], .nav-tabs div[class*="nav-link"]:hover {
  cursor: pointer;
}

.grid-no-click {
  pointer-events: none;
}
/* ファイル入力フォーカス時のスタイルシート */
.form-control-file:focus {
  box-shadow: 0px 0px 0px 0.2rem rgba(32,168,216,0.25);
}

input::-ms-clear {
  display: none;
}

/* 検品画面の入力コントロール*/
.form-control-lg {
  padding: 0.4rem;
  height: calc(2.875rem + 2px);
}

/* 完了画面確認ボタン */
.btn-kanryo-kakunin {
  width: 120px;
  height: 50px;
}

#KanryoDialog .form-control:read-only {
  background-color: transparent;
}

#numInputDialog .form-control:read-only {
  background-color: transparent;
}

/* 状態表示ボックス */
/* 承認済 */
.estbox-approve {
  display: inline;
  padding: 0.1em 0.2em;
  color: green; /*文字色*/
  background: #FFF;
  border: solid 1px green; /*線*/
  border-radius: 5px; /*角の丸み*/
  width: 57px;
  text-align: center;
}

/* 未承認 */
.estbox-not-approve {
  display: inline;
  padding: 0.1em 0.2em;
  color: orange; /*文字色*/
  background: #FFF;
  border: solid 1px orange; /*線*/
  border-radius: 5px; /*角の丸み*/
  width: 57px;
  text-align: center;
}

/* 否決 */
.estbox-deny {
  display: inline;
  padding: 0.1em 0.2em;
  color: red; /*文字色*/
  background: #FFF;
  border: solid 1px red; /*線*/
  border-radius: 5px; /*角の丸み*/
  width: 57px;
  text-align: center;
}

/* 申請中 */
.estbox-demand {
  display: inline;
  padding: 0.1em 0.2em;
  color: #0095d9; /*文字色*/
  background: #FFF;
  border: solid 1px #0095d9; /*線*/
  border-radius: 5px; /*角の丸み*/
  width: 57px;
  text-align: center;
}


/* 出力対象の列ヘッダの色 */
.table-print-target {
  background-color: #ffe6dd
}

.shoninA-head-color {
  background-color: #ffe6dd
}

.shoninB-head-color {
  background-color: #CBEFBD
}

.shoninC-head-color {
  background-color: #CCE8F3
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  font-size: 12px;
  opacity: 1.0;
  background: ghostwhite;
  color: Highlight;
}

body .ui-tooltip {
  border-width: 2px;
}

/*承認一覧タグ*/
/*見積金額300万以上*/
.tag-mitsumori300 {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #69b076;
  border: solid 1px #006e54; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}


/*見積金額1000万以上*/
.tag-mitsumori1000 {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #f8b862;
  border: solid 1px #f08300; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}
/*利益10％以下*/
.tag-riekirate10 {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #84a2d4;
  border: solid 1px #19448e; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}

/*値引き率15%以上*/
.tag-nebikirate15 {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #f0908d;
  border: solid 1px #a22041; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}

/*工事費100万円以上*/
.tag-koji100 {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #cc7eb1;
  border: solid 1px #7a4171; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}

/*工事費300万以上*/
.tag-koji300 {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #0000cd;
  border: solid 1px #191970; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}

/*TAS商品を含む*/
.tag-TAS {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #ce5242;
  border: solid 1px #a22041; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}

/*保守掛率変更*/
.tag-HoshuKakeHenko {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #93cddd;
  border: solid 1px #31859c; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}

/*納入価格変更*/
.tag-NonyuHenko {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #948a54;
  border: solid 1px #4a452a; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}

/*与信限度額超過*/
.tag-YoshinGendoOver {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin-bottom: 5.0px;
  color: #FFF; /*文字色*/
  background: #008000;
  border: solid 1px #003300; /*線*/
  border-radius: 5px; /*角の丸み*/
  text-align: center;
  font-size: 70%;
  vertical-align: top;
}

/*物件名、システム名*/
.property-box {
  word-break: break-all; /* 単語の途中でも改行 */
  margin-top: 5px;
  padding-left: 45px;
}


/*時間項目 START*/
.input-time {
  position: relative;
}

.input-time-group .input-time {
  border-radius: 0.25rem !important;
}


.clock-icon {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  z-index: 10; /* 高めに設定して消えないように */
  pointer-events: auto;
}

.input-time-wrapper {
  position: relative;
}

/* 時間ポップアップの全体の基本サイズ */
.bootstrap-datetimepicker-widget {
  width: 150px !important;
  font-size: 0.6rem;
  line-height: 1.2; /* 行の高さを調整 */
  padding: 2px; /* 内側余白を減らす */
}

  /* 各セルの高さ */
  .bootstrap-datetimepicker-widget table td,
  .bootstrap-datetimepicker-widget table th {
    padding: 2px !important; /* セル内の余白 */
    line-height: 1.2 !important;
    height: 22px !important;
  }

  /* 時間選択の上下矢印部分 */
  .bootstrap-datetimepicker-widget .timepicker-hour,
  .bootstrap-datetimepicker-widget .timepicker-minute {
    font-size: 0.8rem;
    line-height: 1.2;
  }

  /* アイコンを含むセルを小さくする */
  .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    font-size: 0.8rem; /* アイコン自体 */
    line-height: 1 !important;
    height: 14px;
    padding: 0 !important;
    margin: 0 2px !important;
  }
/*時間項目 END*/