.img-header {
    background-color: #283640;
    background-size: 100% 100%;
}

.img-footer {
    background-color: #283640;
}

.custom-button {
    width:2rem;
    height:2rem;
    padding-right:1rem;
    padding-left:1rem;
}

.custom-select{
	background: #ffffff;
}

.custom-link {
    color: #346af1;
}

.order-col {
    color: #346af1;;
}

.order-asc::after {
    font-family: 'Font Awesome 5 Free';
    content: " ▲";
}

.order-desc::after {
    font-family: 'Font Awesome 5 Free';
    content: " ▼";
}

/* ヘッダーを表示するためheightをコメントアウト */
.stop-scrolling {
  /*
  height: 100%;
   */
  width: 100%;
  overflow: hidden;
  position: fixed;
}

.box-enclosure {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 1px lightgray;
    border-radius: 8px;
}
.box-enclosure .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: black;
}

/* モーダルダイアログの横幅 */
.modal-mw-95 {
    max-width: 95%;
}
.modal-mw-90 {
    max-width: 90%;
}
.modal-mw-80 {
    max-width: 80%;
}

/* xlの大画面サイズ(1200px)以上の場合 */
@media screen and (min-width: 1200px) {
    .modal-mw-95 {
        max-width: 60%;
    }
    .modal-mw-90 {
        max-width: 55%;
    }
    .modal-mw-80 {
        max-width: 50%;
    }
}

.modal-header {
    background: black;
    color: #FFF;
}

.modal-header button span {
    color: #FFF;
}

select.changed, input.changed, textarea.changed, td.changed, label.changed, span.changed, div.changed {
    background-image: initial !important;
    background-color: #FDD !important;
}

.require::after {
    content : "*";
    color: red;
}

.cond_require::after {
    content : "(*)";
    color: red;
}

.modal {
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.search-transition {
    color: #346af1;;
}

/* ステップバー */
.progressbar-container {
    width: 90%;
    margin: 1px auto;
}

.progressbar {
    counter-reset: step;
    padding-inline-start: 0px
}

.progressbar li {
    list-style-type: none;
    width: 50%;
    float: left;
    font-size: 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}

.progressbar li:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
}

.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active {
    color: #346af1;
}

.progressbar li.active:before {
    border-color: #346af1;
}

.progressbar li.active+li:after {
    background-color: #346af1;
}

/* ステップバー */

.list-icon-size {
    border-radius: 0.5rem;
    width: 3rem;
    border: 1px solid darkgray;
}

.custom-icon-size {
    border-radius: 0.5rem;
    width: 2rem;
    border: 1px solid darkgray;
}

pre, pre * {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-size: 1rem;
    font-weight: 400;
}

/* 拡張フィールド */
.option-field-textarea {
    width:100%;
    resize: vertical;
    min-height:5rem;
}

/*
.option-field-selectText {
    color: #fff;
    background-color: #336af2;
    border-color: #346af1;
}
*/
input[type="text"].option-field-form.changed:read-only {
    background-color: #FDD;
}

/* 顧客情報背景色 */
.customerInfoColor {
    background-color: #ccffff;
}

.table .bg-dark th,
.table th.bg-dark {
    background-color: #eaebed !important;
}

.modal-header {
    background-color: #346af1 !important;
}

/* 検索条件背景色 */
.searchCondChanged {
    background-color: #ffff99;
}

.btn-primary {
    background-color: #336af2 !important;
    color: #fff !important;
}

/* v2.5新デザイン */
.btnIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    width: 44px;
}
#btnBack span, #btnNav span {
  background: #346af1
}
#btnBack i {
  font-size: 32px
}
#btnNav i {
  font-size: 24px
}

/* 新デザイン追加 */
.search-condition-area  {
    background: #27364b;
}

.search-condition-area .search-condition-area-col {
    padding-right: 0px;
    padding-left: 0px;
}

.search-condition-area .nav-tabs {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0;
    padding: 7px 0 0 0;
    border-bottom: none;
}

.search-condition-area .nav-tabs {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0;
    padding: 7px 0 0 0;
}

.search-condition-area .nav-item {
    margin: 0 4px;
}

.search-condition-area .nav-tabs .nav-link {
  background: #ffffff;
  font-weight: bold;
  padding: 13px 20px;
}

.search-condition-area .nav-tabs .nav-link.active {
  background: #ffffff;
  font-weight: bold;
  padding: 10px 20px;
}

.search-condition-area .tab-content {
    background: #ffffff;
}

.allCount {
    font-weight: bold;
    font-size: 30px;
    margin: 0 4px;
}

.wordBreak-breakAll {
    word-break:break-all;
}

/* 表示順変更確認メッセージのアイコン(UP) */
.ico_orderUp:before {
  display: inline-block;
  font-size: 13px;
  color: #FFF;
  background: #27364b;
  font-family: 'Font Awesome 5 Free';
  content: " ▲";
  font-weight: 900;
  padding: 0.25rem 0.4rem;
  border-radius: 3px;
  line-height: 1
}

/* 表示順変更確認メッセージのアイコン(DOWN) */
.ico_orderDown:before {
  display: inline-block;
  font-size: 13px;
  color: #FFF;
  background: #27364b;
  font-family: 'Font Awesome 5 Free';
  content: " ▼";
  font-weight: 900;
  padding: 0.25rem 0.4rem;
  border-radius: 3px;
  line-height: 1
}

.bg-light-history {
    background-color: #D9E5FF!important;
}

.relationFollowDataListItem .relationFollowDataListLabel{
    font-weight: bold;
}

.relationFollowDataListItem-no{
    border-bottom: solid 3px #27364b;
    width: 100%;
}
.relationFollowDataListItem-no-label{
    color: #fff;
    font-weight: bold;
    background: #27364b;
    padding: 5px 15px;
    display: inline-block;
}
.italicGray {
  white-space:pre;
  font-style: italic !important;
  color: #808080 !important;
  font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', "游ゴシック", "Yu Gothic",'ＭＳ Ｐゴシック', 'MS PGothic';
}

.relationFollowDataListItem-no-label .ico_todo:before{
    color: #27364b;
    background: #fff;
}

.form-inline{
	display: inline-flex !important;
}

.dropdown-item.disabled, .dropdown-item:disabled {
	pointer-events: none;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #FFF;
    background: #888 !important;
    border-color: #888 !important;
    pointer-events: none;
}

/** バリデーションエラーメッセージ. */
form label.error, form label.batchError, form label.batchOptionError {
  color: red;
}

.warning {
  color: red;
}

.bgColor03 {
  background: #ffdada;
}