/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2024/02/29, 11:20:47
    Author     : uchida
*/
/**************************************************
*共通
************************************************** */
.control-label {
    text-align: left!important; 
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0!important;
    margin: 0!important;
    vertical-align: middle;
    margin-left: -1.6em!important;
    margin-right: 0!important;
}
html,
body {
  height: 100%;
}
/* フッターを下部へ押しやるための、コンテンツのラッパー */
#wrap {
  min-height: 100%;
  height: auto;
  /* フッターの高さ分だけ、ネガティブインデントを指定 */
  margin: 0 auto -30px;
  /* フッターの高さ分だけ、パディングを指定 */
  padding: 0 0 30px;
}
a{
    text-decoration: none!important;
    outline: none!important; /*FireFoxリンクの罫線消す*/
    color: #325d88; /*bootstrapのaタグデフォルトカラーを変更*/
}
a:focus{
    outline: none!important; /*FireFoxリンクの罫線消す*/
}
ul{
  padding-left:0;
}
li{
  list-style:none;
}
.navbar .nav-link,
.nav-tabs .nav-link{
    font-size: 15px;
}
.nav-tabs .nav-item {
  width: 150px;
}
.input_ime_on{
    ime-mode: active!important;
}
.input_ime_off{
    ime-mode: inactive!important;
}
.message{
    font-size:11px!important;
    color: #e9322d!important;
}
.message ,.error-message{
	color: #e9322d!important;
	font-size: 11px!important;
}
/* ログイン者部分*/
.login_name{
    font-size: 11px!important;
}
.message.error {
    color: #CD0A0A!important;
    border: 1px solid #CD0A0A!important;
    background-color:#edc2c4!important;
    padding: 10px!important;
    text-align: left;
}
.message.success{
background-color: #dff0d8!important;
    border: 1px solid #d6e9c6!important;
    color: #3c763d!important;
    padding: 10px!important;
    text-align: left;
}
.message.info{
    background-color: #bbe2f1!important;
    border: 1px solid #a0d8ef!important;
    color: #0073a8!important;
    padding: 10px!important;
    text-align: left;
}
.odd_org td {
    background: #ffffff;
}
.even_org td {
    background: #e1e1e8;
}
.highlight td { 
    background-color:#d2b48c;
    color : #ffffff;
    font-weight: bold;   
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.3);
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

#loader-bg2 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.3);
  z-index: 1;
}
#loader2 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

.pagination-container {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
li.prev a,
li.page a,
li.next a,
li.page.navi-active a{
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
border-radius: 2px;
}
li.prev a:hover,
li.page a:hover,
li.next a:hover {
 color: white !important;
 border:1px solid #111;
 background-color:#585858;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
 background:-webkit-linear-gradient(top, #585858 0%, #111 100%);
 background:-moz-linear-gradient(top, #585858 0%, #111 100%);
 background:-ms-linear-gradient(top, #585858 0%, #111 100%);
 background:-o-linear-gradient(top, #585858 0%, #111 100%);
 background:linear-gradient(to bottom, #585858 0%, #111 100%);
}
li.prev.disabled a:hover,
li.next.disabled a:hover{
 border: 1px solid transparent;
 color:#333 !important;
 background-color:transparent;
 background:transparent;
}
li.page.navi-active a{
 color:#333 !important;
 border:1px solid #979797;
 background-color:white;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
 background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
 background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
 background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
 background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
 background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
li.page.navi-active a:hover {
 color:#333 !important;
 border:1px solid #979797;
 background-color:white;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
 background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
 background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
 background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
 background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
 background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}

th {
	font-size: 13px;
        background: #e3e3d9;   
        font-size:16px;
	border: 1px #7f898c solid!important;
	height: 40px;
        padding-bottom:2px;
        padding-top:2px;
        padding-left:15px!important;
        padding-right:15px!important;
        vertical-align: middle!important;
        max-width: 300px;  /* 横幅の最大長（style = "table-layout: auto;"による自動列幅の対応）*/ 
}
td{
	font-size: 13px!important;
	background: #FFFFFF;
	border: 1px #7f898c solid!important;
        height: 15px!important;
        padding-bottom:2px!important;
        padding-top:2px!important;
        padding-left:5px!important;
        padding-right:5px!important;
        vertical-align: middle!important;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 300px;  /* 横幅の最大長（style = "table-layout: auto;"による自動列幅の対応）*/ 
}
.c0px{width:0px!important;font-size: 0px!important;margin: 0px !important;padding: 0px !important;border: none !important;}
.c20px{width:20px;text-align:center;white-space:nowrap!important;}
.c40px{width:40px;text-align:center;white-space:nowrap!important;}
.c60px{width:60px;text-align:center;white-space:nowrap!important;}
.c80px{width:80px;text-align:center;white-space:nowrap!important;}
.c100px{width:100px;text-align:center;white-space:nowrap!important;}
.c120px{width:120px;text-align:center;white-space:nowrap!important;}
.c130px{width:130px;text-align:center;white-space:nowrap!important;}
.c140px{width:140px;text-align:center;white-space:nowrap!important;}
.c150px{width:150px;text-align:center;white-space:nowrap!important;}
.c180px{width:180px;text-align:center;white-space:nowrap!important;}
.c200px{width:200px;text-align:center;white-space:nowrap!important;}
.c300px{width:300px;text-align:center;white-space:nowrap!important;}
.l60px{width:60px;text-align:left;white-space:nowrap!important;}
.l80px{width:80px;text-align:left;white-space:nowrap!important;}
.l100px{width:100px;text-align:left;white-space:nowrap!important;}
.l120px{width:120px;text-align:left;white-space:nowrap!important;}
.l130px{width:130px;text-align:left;white-space:nowrap!important;}
.l140px{width:140px;text-align:left;white-space:nowrap!important;}
.l150px{width:150px;text-align:left;white-space:nowrap!important;}
.l180px{width:180px;text-align:left;white-space:nowrap!important;}
.l200px{width:200px;text-align:left;white-space:nowrap!important;}
.l300px{width:300px;text-align:left;white-space:nowrap!important;}
.r40px{width:40px;text-align:right;white-space:nowrap!important;}
.r60px{width:60px;text-align:right;white-space:nowrap!important;}
.r80px{width:80px;text-align:right;white-space:nowrap!important;}

/*TOP（見積り登録）&営業所設定 文字の両端に線を配置*/
.head-border {
    align-items: center; /* 横線を上下中央 */
    display: flex;
}

.head-border:before,
.head-border:after {
    background-color: #ced4da; /* 横線の色 */
    content: "";
    height: 1px; /* 横線の高さ */
}

.head-border:before {
    flex-grow: 1; /* 左側の線の比率設定 */
    margin-right: 15px; /* 文字との余白 */
}

.head-border:after {
    flex-grow: 20; /* 右側の線の比率設定 */
    margin-left: 15px; /* 文字との余白 */
}

.form-check {
    margin-bottom: 10px; /* ラジオボタン間の間隔を調整 */
}

.table-cell {
    width: 100%;
    white-space: nowrap; /* テキストを折り返さない */
    overflow: hidden; /* 溢れたテキストを隠す */
    text-overflow: ellipsis; /* 溢れたテキストを省略記号で表示 */
}

#resultList1,
#resultList2,
#resultList3,
#resultList4,
#resultList5,
#resultList6,
#resultList7,
#resultList8 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*border: 1px solid #ccc;*/
    max-height: 250px;
    overflow-y: auto;
}

#resultList1 li,
#resultList2 li,
#resultList3 li,
#resultList4 li,
#resultList5 li,
#resultList6 li,
#resultList7 li,
#resultList8 li{
    padding: 8px;
    cursor: pointer;
}

#resultList1 li:hover,
#resultList2 li:hover,
#resultList3 li:hover,
#resultList4 li:hover,
#resultList5 li:hover,
#resultList6 li:hover,
#resultList7 li:hover,
#resultList8 li:hover{
    background-color: #f2f2f2;
}

.resultList-active{
    background-color: #f2f2f2;
}

.bg-gray{
    background-color: #e5e5e5 !important;
}

/**************************************************
*フッター
************************************************** */
/* ここでフッターの高さを指定 */
#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
}
.sl_hidden {
    display: none;
}
/* 行間を少し詰める */
.form-group {
    margin-bottom: 0.3rem!important;
}

.checkbox {
  vertical-align: middle;
  margin: 0; /* 不要な余白を消す */
}

.ui-datepicker {
    z-index: 9999 !important;
}

.custom-file-label {
  width: 100% !important;
  margin-left: 0px;
}

#table-wrapper {
  display: none; /* 初期は非表示 */
}

/* 売上詳細のグラフあたりで使用 */
.no-border {
    border-collapse: collapse;
}
.no-border td {
    border: none !important;
    padding: 4px 10px;
    font-size: 16px !important; 
}
.no-border td.amount {
    text-align: right;
}