/*  SHIFT */


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


#table_to_selection 
{
	position: absolute;
	top: 20%;
	right: 0%;
	bottom: 10%;
	left: 0%;
}

#table_to_selection button {
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	calc(100% / 10);
	flex-basis:         	calc(100% / 10);
	
	height: 					calc(100% / 8);	
}

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

#table_shift_tables_paging {
	position: absolute;
	top: 		calc(100% / 10 * 9);
	right: 	calc(100% / 10 * 3);
	bottom: 	calc(100% / 10 * 0);
	left:		calc(100% / 10 * 5);
}

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

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

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

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

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


#table_to_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;
	
}

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

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


#table_to_actions_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;
}

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

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

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

#table_to_categories
{
	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;
	
	
}

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

#table_to_categories .wider button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	50%;
	flex-basis:         	50%;
}
#table_to_categories .smaller button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	25%;
	flex-basis:         	25%;
}

#table_shift_from_sales button,
#table_shift_to_sales button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	100%;
	flex-basis:         	100%;
	
	height: 100%;
}

#table_to_categories button {
	background-color: 	#4a9b53;
	color: #FFF;
}

#table_to_categories button[disabled]
{
	background-color: #F33;
	background-image: url(../img/kassa/locked.png);
	background-repeat: repeat;
}

button[disabled]
{
	background-image: url(../img/kassa/locked.png);
	background-repeat: repeat;
}