Template:RichiestaArbcom/styles.css

/* {{Protetta}} */

.arb-request {
	background: #ffffff;
	border: 3px solid #deadff;
	margin: auto;
	width: 99%;
}

.arb-request-header {
	background: #eeccee;
	border-bottom: 1px solid black;
	font-weight: bold;
	padding: .4em 0;
	text-align: center;
}

.arb-request-block {
	display: flex;
	border-bottom: 1px solid black;
}

.arb-request-left-block {
	border-right:1px solid black; 
	padding: .4em;
}

.arb-request-right-block {
	flex: 1;
}

.arb-request-half-block {
	padding: .4em;
}

.arb-request-result-header {
	background: #eeccee;
	border-bottom: 1px solid black;
	font-weight: bold;
	padding: .1em 0;
	text-align: center;
}

.arb-request-result-block {
	display: flex;
}

.arb-request-result-left-block {
	border-right: 1px solid black; 
}

.arb-request-half-result {
	border-top: 1px solid black; 
	padding: .4em;
}

@media all and ( min-width: 900px ) {
	.arb-request-left-block {
		flex-basis: 10%;
	}
	.arb-request-result-left-block {
		flex-basis: 10%;
	}
}

@media all and ( max-width: 899px ) {
	.arb-request-left-block {
		flex-basis: 25%;
	}
	.arb-request-result-left-block {
		flex-basis: 25%;
	}
}

@media all and ( max-width: 599px ) {
	.arb-request-left-block,
	.arb-request-result-left-block,
	.arb-request-right-block {
		flex-wrap: wrap;
	}
}