/*  SHIFT */


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

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

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

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

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

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

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

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

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



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

#reversal_reasons .wider button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	50%;
	flex-basis:         	50%;
}
#reversal_reasons .smaller button
{
	-webkit-flex-grow: 	1;
	flex-grow:         	1;
	
	-webkit-flex-basis: 	25%;
	flex-basis:         	25%;
}
#reversal_reasons .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;
	
}
#reversal_sales_tableinfo {
	position: absolute;
	top: 		calc(100% / 10 * 1);
	right: 	calc(100% / 10 * 0);
	bottom: 	calc(100% / 10 * 8);
	left:		calc(100% / 10 * 7);
}

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





/*
 *		BACKGROUND-COLORS
 */

.bg_green
{
	background-color: #4a9b53 !important;
}
.bg_red
{
	background-color: #f33 !important;
}
.bg_grey
{
	background-color: #344a49 !important;
}
.bg_lightgrey
{
	background-color: #5b7170 !important;
}

/*
 *		COLORS
 */

.c_green
{
	color: #4a9b53;
}
.c_red
{
	color: #f33;
}
.c_grey
{
	color: #344a49;
}
.c_lightgrey
{
	color: #5b7170;
}
.c_white
{
	color: #DDD;
}