/*  RECEIPT */


/*************************************************************************************************************************/
/* MAIN CONTAINERS */
/*************************************************************************************************************************/

#receipt_from_tableinfo {
	position: absolute;
	top: 		calc(100% / 10 * 1);
	right: 	calc(100% / 10 * 7);
	bottom: 	calc(100% / 10 * 8);
	left:		calc(100% / 10 * 0);
}

#receipt_from_sales {
	position: absolute;
	top: 		calc(100% / 10 * 2);
	right: 	calc(100% / 10 * 7);
	bottom: 	calc(100% / 10 * 1);
	left:		calc(100% / 10 * 0);
}

#receipt_types_headline
{
	position: absolute;
	top: 		calc(100% / 10 * 6);
	right: 	calc(100% / 10 * 3);
	bottom: 	calc(100% / 10 * 3);
	left:		calc(100% / 10 * 3);

	border: 1px solid #222;
	border-radius: 2px;
	box-sizing: border-box;
	background-color: #344a49;
	font-size: 1vw;
	overflow: hidden;
	padding: 10px;
	
}

#receipt_types
{
	position: absolute;
	top: 		calc(100% / 10 * 7);
	right: 	calc(100% / 10 * 3);
	bottom: 	calc(100% / 10 * 1);
	left:		calc(100% / 10 * 3);
}

#receipt_types button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	calc(100% / 3);
	flex-basis:         	calc(100% / 3);
}

#receipt_options_headline
{
	position: absolute;
	top: 		calc(100% / 10 * 1);
	right: 	calc(100% / 10 * 3);
	bottom: 	calc(100% / 10 * 8);
	left:		calc(100% / 10 * 3);

	border: 1px solid #222;
	border-radius: 2px;
	box-sizing: border-box;
	background-color: #344a49;
	font-size: 1vw;
	overflow: hidden;
	padding: 10px;
}

#receipt_options
{
	position: absolute;
	top: 		calc(100% / 10 * 2);
	right: 	calc(100% / 10 * 3);
	bottom: 	calc(100% / 10 * 4);
	left:		calc(100% / 10 * 3);

	box-sizing: border-box;
	font-size: 1vw;
	overflow: hidden;
}

#receipt_options button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	calc(100% / 3);
	flex-basis:         	calc(100% / 3);
}



#receipt_options .wider,
#receipt_options .smaller,
#receipt_options .full
{
	width: 100%;	
}

#receipt_options .wider button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	50%;
	flex-basis:         	50%;
}
#receipt_options .smaller button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	25%;
	flex-basis:         	25%;
}
#receipt_options .full textarea
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	100%;
	flex-basis:         	100%;
	
	border: 1px solid #222;
	border-radius: 2px;
	box-sizing: border-box;
	background-color: #FFF;
	font-size: 1vw;
	overflow: hidden;
	padding: 10px;
	resize: none;
	margin: 0;
	
}
#receipt_sales_tableinfo {
	position: absolute;
	top: 		calc(100% / 10 * 1);
	right: 	calc(100% / 10 * 0);
	bottom: 	calc(100% / 10 * 8);
	left:		calc(100% / 10 * 7);
}

#receipt_sales {
	position: absolute;
	top: 		calc(100% / 10 * 2);
	right: 	calc(100% / 10 * 0);
	bottom: 	calc(100% / 10 * 1);
	left:		calc(100% / 10 * 7);
}