/*  TABLES */


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

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

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


/*************************************************************************************************************************/
/* FLEX PROPERTIES OF BUTTONS */
/*************************************************************************************************************************/



#tables button {
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	/*
	-webkit-flex-basis: 	calc(100% / 5);
	flex-basis:         	calc(100% / 5);
	
	height: 					calc(100% / 4);
	*/
}

#tables-paging button {
	
	-webkit-flex-grow: 1; /* Safari */
	flex-grow:         1;
	
	-webkit-flex-basis: 50%; /* Safari */
	flex-basis:         50%;
	
	width: 				calc(100% / 2);	
	height: 				100%;	
}