/*-----------------------------
　　共通テーブル
-------------------------------*/
.table>:not(caption)>*>* {
    padding: 0.5rem 0;font-size: 13px;
	vertical-align: middle;
	 border-color: var(--bs-border-color);
}
.table {
	background: #fff;
}
.table th{
	text-align: center;
	
}
.table td{
	text-align: center;
	padding:0.5rem ;
}
.table thead {
	background: #a5bdc6;
    color: #fff;
}
.table .child{
	background: #e5e5e5;
}
table.hover>tbody>tr:hover>*, table.display>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgb(120 189 212 / 26%);
}
.table>:not(:last-child)>:last-child>* {
    border-color: var(--bs-border-color);
}
.table td.withItemData{
	background:  #70e9ff !important;
	color: #333 !important;
}
.table th.withItemData{
	background:  #39cbd0 !important;
}
.sticky-top {
    position: sticky;
    top: 70px;
    z-index: 1;
}
.submitBtArea {
	position: sticky;
    bottom: 0;
    background: #fff;
    padding: 1rem 0;
    border-top: 1px solid #d4d4d4;
    margin-top: 1rem;
}
hr.hr{
	border-top: 1px dashed #333;
    background-color: rgba(0,0,0,0);
}

.table .hiddenGlay {
	background: #888;
}
/*-----------------------------
　　icon
-------------------------------*/
.requiredIcon {
    position: absolute;
    right: 0;
    top: 30%;
    padding: 0.5em 0.3em 0.4em;
    font-size: 50%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    background-color: #d9534f;
    letter-spacing: 0em;
}
/*-----------------------------
　　設定メニュー
-------------------------------*/
#config-menu li a {
    display: block;
    padding: 0.6rem 1.1rem;
    color: var(--bs-sidebar-menu-item-color);
    position: relative;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 0 10px;
    border-radius: 3px;
}
/*-----------------------------
　　フォーム共通
-------------------------------*/
input:disabled,
textarea:disabled{
    color: #ababab;
    background: #cbcbcb;}
.orderColor input:disabled, .orderColor textarea:disabled {
	font-weight: Bold;
	background: #fff;
}
.orderColor {
    background: #71daec !important;
}
input[type=checkbox]:checked:disabled{
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	position: relative;
	padding-left: 15px;
	color: #FFF;
    }
input[type=checkbox]:checked:disabled::after {
    font-size: 14px;
    position: absolute;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    top: -12px;
    content: '✓';
    text-align: center;
    background: #00b7ff;
    border-radius: 4px;
    left: 0;
}
input::-webkit-input-placeholder {
    color: #cbcbcb !important;
}
input:-moz-placeholder {
    color: #cbcbcb !important;
}
input::-moz-placeholder {
    color: #cbcbcb !important;
}
input:-ms-input-placeholder {
    color: #cbcbcb !important;
}
input[type="checkbox"]{
  transform: scale(1.5);
}
/*-----------------------------
　　提案書・受注処理共通
-------------------------------*/
.ItemListTableBlock {
    width: 100%;
}
.defaultTable thead {
	background: #fff;
}
.defaultTable.table>:not(caption)>*>* {
    padding: 0.5rem 0;font-size: 13px;
	vertical-align: middle;
	border-top-width: 0;
}
.defaultTable.table th{
	text-align: center;
	position: relative;
	    background: #47a4ae;
    color: #fff;
}
.defaultTable.table th::after {
    content: '';
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    background: rgb(246,246,246);
    z-index: -1;
}
.proposalItemName {width: 12.5%;}
.proposalProducingDistrict {width: 55px;}
.proposalStandardPrice {width: 85px}
.proposalLot {width: 68px}
.proposalSipping {width: 75px}
.proposalDaySelect {padding: 0.2rem 0.2rem;text-align: center;}
.defaultTable td:nth-child(-n+6) {
	text-align: center;
}
.defaultTable tbody.thickBorderTop {
	border-top:3px solid #333; 
}
.defaultTable tbody.thickBorderBottom {
	border-bottom:3px solid #333; 
}

#proposalDocdatatable.table td:nth-of-type(2){
	text-align: left;
	width: 35%;
}
#proposalDocdatatable.table td:nth-of-type(6){
	width: 17%;
}
.defaultTable tr {
	border-top-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
}

#ordersTable tbody tr td:first-child  {
	text-align: left;
}
#ordersTable .calcline {
	background: #2971AB;
}
#ordersTable .calcline th {
    color: #fff;
    background: #2971AB;
    position: static;
}
#ordersTable .calcline th:after {
	display: none;
}
#ordersTable .calcline td {
	text-align: right;
	color: #fff;
	font-weight: bold;
	padding: 0 1rem;
}
/*-----------------------------
　　受注処理
-------------------------------*/
#orderdatatable.table td:nth-of-type(6){
	text-align: left;
	width: 15%;
}
#orderdatatable.table td:nth-of-type(7){
	width: 7%;
}
#ordersTable td.daycolor1{
	background: #bebcb3;
}
#ordersTable td.daycolor2{
	background: #707070;
	color: #fff;
}
.orderItemLine.focus {
	border:2px solid #3bd9d0;
	background:#e4fffd;
}
.orderItemLine.focus td.focus {
    background: #a2edef;
    box-shadow: 5px 10px 6px #ddd;
    border: none;
    position: relative;
    top: -0.25rem;
    left: -0.25rem;
    display: block;
}

.orderColor:after {
    position: absolute;
	width: 100%;
	left: 0;
	height: 5px;
	background: red;
}
/*-----------------------------
　　発注処理
-------------------------------*/
#placeorderdatatable.table td:nth-of-type(6){
	text-align: left;
	width: 15%;
}
#placeorderdatatable.table td:nth-of-type(7){
	width: 6%;
}

/*-----------------------------
　　納品処理
-------------------------------*/
.deliveryTable.table>:not(caption)>*>* {
    padding:0.5rem 0;font-size: 13px;
	vertical-align: middle;
}
.deliveryTable.table th{
	text-align: center;
}
.deliveryTable.table td{
	text-align: center;
	padding:0.5rem ;
}

#deliverydatatable .order_id {
	font-size: 0.85em;
}
/*-----------------------------
　　返品処理
-------------------------------*/
.returnsTable.table>:not(caption)>*>* {
    padding: 0.5rem 0;;font-size: 13px;
	vertical-align: middle;
}
.returnsTable.table th{
	text-align: center;
	
}
.returnsTable.table td{
	text-align: center;
	
}
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px;
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .125;
    right: 10px;
    line-height: 9px;
    font-size: .8em;
}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    content: "▼";
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▲";
}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
    opacity: .6;
}
/*----------------------
	集計
--------------------*/
#summarySaleDayTable td.trTotal {text-align: right;padding: 0.5rem;}

/*----------------------
	商品
--------------------*/
#goodsPriceTable tr .hide button {
	display: none;
}
/*----------------------
	ローディング
--------------------*/
#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}