@charset "UTF-8";

/**
 * 棚卸数量入力（タブレット）
 */

/* Debug */
#wrapper_sub_input_inventory div {
	/* border: solid 0.1px #ffb6c1; */
}

/* override. */
#wrapper_sub_input_inventory .content_header_sub {
	font-size : 3vw;
}

#INPUT_INVENTORY_PRODUCT_VIEW_AREA .line1 > div.padding_top {
	padding-top: 4vw;
}

/* use overlay */
#wrapper_sub_input_inventory .content_header_sub.narrow {
	line-height: 1.5vw;
}

/* title. */

.wrapper_sub_input_inventory .content_body .title {
	display : table-cell;
	height : 3vh;
	width:25vw;
	max-width: 25vw;
	font-size : 3vw;
	font-weight : bold;
	color : #000000;
	background-color : #CCCCCC;
	text-align : left;
	vertical-align : middle;
	padding: 0.24vh 0 0.24vh 0;
}

.wrapper_sub_input_inventory .content_body .view_area .input_item .title {
	height: 3vw;
	line-height: 4vw;
	width: 30vw;
	max-width: 30vw;
	padding: 0.2vh 0.3vh 0.2vh 0; /* border分を加味 */
	text-align: center;
	font-size: 2.5vw;
}

.wrapper_sub_input_inventory .content_body .view_area .title.align-right {
	text-align:right;
}

/* input. */

.wrapper_sub_input_inventory .content_body .view_area .field_input {
	display : table-cell;
	position : relative;
	height : 2.5vh;
	font-size : 3vw;
	color : #000000;
	vertical-align : middle;
	text-align : right;
	padding-right: 1vw;
	white-space: normal;
	overflow: hidden;
}

.wrapper_sub_input_inventory .content_body .view_area .field_input_product {
	color: blue;
	font-size: 3.5vw;
}

.wrapper_sub_input_inventory .content_body .view_area .field_input.zaiko {
	width : 25vw;
	max-width: 25vw;
	background-color : #FFFFFF;
}

.wrapper_sub_input_inventory .content_body .view_area .input_item .field_input {
	width : 20vw;
	max-width: 20vw;
	height: 7vw;
	line-height: 7vw;
	background-color : #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.wrapper_sub_input_inventory .content_body .view_area .input_item .field_input.number {
	border: solid 1px #000000;
	font-size : 5vw;
	color: blue;
}

.wrapper_sub_input_inventory .content_body .view_area .input_item .field_input.packing {
	width : 9vw;
	max-width: 9vw;
	font-size : 3vw;
	padding: 0.2vh 0 0.2vh 0;
}

.order_input_area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
}
.order_input_area .input_item {
    /* padding-left:0.2vw; */
    width: 33%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
}

.wrapper_sub_input_inventory .content_body .view_area .field_input.align-left {
	text-align: left;
}

#INPUT_INVENTORY_STOCK.on, #INPUT_INVENTORY_QUANTITY.on, #INPUT_INVENTORY_DEFECTS_COUNT.on {
	background-color : #ffccff;
}

/* button. */

.btn.square_btn {
    font-size: 3vw;
    line-height: 8vw;
	/* color: #FFFFFF;
	background-color: dodgerblue; */
	transition: .2s;
}


#INPUT_INVENTORY_EDIT_PRODUCT_BUTTON.btn.edit_product{
	line-height: 5.5vh;
    width: 22vw;
    font-size: 3vw;
}

.number_btn {
	position: relative;
	display: inline-block;
	/* padding : 3vh 0; */
	padding : 2.4vh 0;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
	text-align : center;
	transition: .2s;
	margin: 0 0.25vw 0.5vw 0.25vw;
}

.number_btn.single {
    width: 14vw;
    font-size: 4vw;
}
.number_btn.single.single_clear {
    font-size: 3.5vw;
}

.number_btn.clear {
    width: 20vw;
    font-size: 4vw;
}

.col-2_5.align-bottom {
	vertical-align: bottom;
}

.col-2_5 .tenkey-left {
	display : flex;
	flex-direction : row-reverse;
	/* position : relative;
	right:-3vw; */
}
.col-5 .tenkey-center {
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	justify-content : center;
}

/* footer. */
#wrapper_sub_input_inventory .content_footer {
	margin: 0vw 0 0 0;
}

/* overlay */

#wrapper_sub_input_inventory .area_overlay_input_inventory_container{
	height: 100%;
	width: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0); /* transparent. */
    z-index: 91;
    display: flex;
    flex-direction: column; /* 縦並び */
    flex-wrap: wrap;
    justify-content: center; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
 }

#wrapper_sub_input_inventory .area_overlay_input_inventory {
	background-color: #F2F2F2;
	color : #FFFFFF;
    width: 100%;
    height: 100%;
 }

.area_overlay_input_inventory_spacer{
    z-index: 90;
 }


.wrapper_sub_input_inventory .opacity0_2 {
    opacity: 0.2;
}