* {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

:root {
	background-color: #999999;
}

#total {
	display: grid;
	grid-template-columns: 1fr 1896px 1fr;
}

header {
	width: 1872px;
	background-color: rgba(230,230,255);
	display: grid;
	grid-template-columns: 936px 936px;
	border-bottom: 2px black solid;
	padding: 12px 12px;
	line-height: 35px;
}

.grid-item:nth-child(1) {
	font-variant: small-caps;
}

.grid-item:nth-child(1), .grid-item:nth-child(3) {
	text-align: left;
}

.grid-item:nth-child(2), .grid-item:nth-child(4) {
	text-align: right;
}


.workspace {
	display: grid;
	grid-template-columns: 930px 930px;
	grid-template-rows: 270px 495px;
	grid-gap: 12px;
	padding: 12px 12px;
	background-color: #ffffff;
}

.panel {
	background-color: rgba(230,230,255);
	border: 2px black solid;
	padding: 12px;
	overflow-y: auto;
}

/* BEGIN RANGE INPUT CUSTOMIZATION */

input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	background: #ff000000;
	cursor: pointer;
	width: 160px;
}

/* CHROME */
input[type="range"]::-webkit-slider-runnable-track {
	background: #ffffff;
	border: 2px solid black;
	border-radius: 5px;
	height: 10px;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background: #bbbbbb;
	height: 20px;
	width: 20px;
	margin-top: -7px;
	border: 2px solid black;
	border-radius: 10px;
}

/* FIREFOX */
input[type="range"]::-moz-range-progress {
	background: #ffffff;
	border: 2px solid black;
	border-radius: 5px;
	height: 7px;
}

input[type="range"]::-moz-range-track {
	background: #ffffff;
	border: 2px solid black;
	border-radius: 5px;
	height: 7px;
}

input[type="range"]::-moz-range-thumb {
	background: #bbbbbb;
	height: 16px;
	width: 16px;
	border: 2px solid black;
	border-radius: 10px;
}
/* END RANGE INPUT CUSTOMIZATION */

#panel-1 {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
}


/* CARGO RANGE COLORS */
#cargo-1::-webkit-slider-thumb {
	background: #e61736;
}

#cargo-1::-moz-range-thumb {
	background: #e61736;
}

#cargo-2::-webkit-slider-thumb {
	background: #09a94e;
}

#cargo-2::-moz-range-thumb {
	background: #09a94e;
}

#cargo-3::-webkit-slider-thumb {
	background: #0277c1;
}

#cargo-3::-moz-range-thumb {
	background: #0277c1;
}

#panel-2 {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
}

/* LOSS RANGE COLORS */
#loss-1::-webkit-slider-thumb {
	background: #f5a2af;
}

#loss-1::-moz-range-thumb {
	background: #f5a2af;
}

#loss-2::-webkit-slider-thumb {
	background: #9dddb8;
}

#loss-2::-moz-range-thumb {
	background: #9dddb8;
}

#loss-3::-webkit-slider-thumb {
	background: #9ac9e6;
}

#loss-3::-moz-range-thumb {
	background: #9ac9e6;
}

#panel-3 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 50px auto 1fr;
}

#panel-3-radio {
	justify-self: center;
}

#pie-tin {
	justify-self: center;
}

input[type="radio"] {
    display: none;
}

input[type="radio"]:checked + label.aftermath {
    background-color: #f7931d;
    color: black;
    padding: 5px 10px;
    border-radius: 5px;
}

label.aftermath {
	background-color: white;
    cursor: pointer;
    padding: 5px 10px;
    border: 2px solid black;
    border-radius: 5px;
    margin-right: 5px;
}

label.aftermath:hover {
	background-color: #fcd4a5;
}

label.aftermath:active {
	background-color: #ad6714;
}

#panel-4 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 50px 30px 180px 1fr;
}