body {
	color: white;
	background: #163806;
	text-align: center;
}

#simulator-field {
	background-image: url(../images/field2.png);
	background-size: cover;
	min-height: 200px;
	background-repeat: no-repeat;
	color: white;
	width: 100%;
	border: 6px solid #1e470c;
}

.simulator-field {
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
	width: 100%;
	border: 6px solid #1e470c;
}

#ratings-field {
	background-image: url(../images/field2.png);
	background-repeat: no-repeat;
	color: white;
	width: 100%;
	background-size: 100%;
	background-repeat: round;
	border: 6px solid #1e470c;
}

#loading-spinner {
	/*font-size: x-large;*/
	/*position: relative;*/
	/*top: 5px;*/
	/*right: -15px;*/
	/*     margin:-60px 0 0 -60px; */
	-webkit-animation:spin 3s linear infinite;
	-moz-animation:spin 3s linear infinite;
	animation:spin 3s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.margin-tr {
	border-top: 1px solid white;
}

.heim-container {
	background: rgba(110, 205, 234, .9);
	width: 50%;
	float: left;
	text-align: center;
	border: 1px solid white;
	padding: 2px;
}

.gast-container {
	background: rgba(209, 94, 94, .9);
	width: 50%;
	float: left;
	text-align: center;
	border: 1px solid white;
	border-left: 0px;
	padding: 2px;
}

.ratings-container {
	width: 90%;
	margin: 5px;
}

#simulator-settings {
	width: 100%;
}


.results-table {
	width: 100%;
	background: #21530e;
	color: white;
	border: 2px solid #21530e;
}

.text-left {
	text-align: left;
}

.results-table td {
	border: 1px solid white;
}

#results-table-expectations {
	color: #cacaca;
}

.dhth-table {
	border: 4px solid #21530e;
	color: white;
	background: #21530e;
	width: 100%;
}

.dhth-input {
	border: 1px solid white;
	text-align: center;
	width: 65px;
}

#dhth-calculate-current-outcome, .button1 {
	background: #79a777;
	border: 1px solid #0b670b;
	border-radius: 2px;
}

.dhth-order {
	border: 1px solid #528622;
	padding: 3px;
	background: #21530e;
	margin-top: 3px;
}

.dhth-probability-input-a::-webkit-outer-spin-button,
.dhth-probability-input-a::-webkit-inner-spin-button,
.dhth-probability-input-b::-webkit-outer-spin-button,
.dhth-probability-input-b::-webkit-inner-spin-button,
.dhth-slider-output::-webkit-outer-spin-button,
.dhth-slider-output::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}

.dhth-slider-input {
	width: 80px !important;
}

.dhth-slider-output {
	width: 40px !important;
	-moz-appearance: textfield;
}

.dhth-left {
	float: left;
}

.dhth-right {
	float: right;
}

.dhth-center-text {
	text-align: center;
	min-width: 80px;
}

.dhth-probability-input-a,
.dhth-probability-input-b {
	border-radius: 10px;
	font-size: 12px;
	float: left;
	margin-right: 1px;
	margin-left: 1px;
	-moz-appearance: textfield;
	height: 23px;
	width: 29px;
	text-align: center;
}

/* progress bars */
.dhth-progress {
	width: 65px;
	height: 23px;
	float: left;
	background: red;
	color: blue;
	margin: 2px;
}
.dhth-progress::-webkit-progress-bar {
	background: rgba(209, 94, 94, .9);
}
.dhth-progress::-webkit-progress-value {
	background: rgba(110, 205, 234, .9);
}
progress::-moz-progress-bar {
	background: rgba(110, 205, 234, .9);
}


.dhth-heim {
	background: rgba(110, 205, 234, .9);
}

.dhth-gast {
	background: rgba(209, 94, 94, .9);
}

input.dhth-heim {
	border: 1px solid white;
	text-align: center;
	width: 65px;
}

input.dhth-gast {
	border: 1px solid white;
	text-align: center;
	width: 65px;
}

@media only screen and (max-width: 1200px) {
	input.dhth-heim {
		width: 55px;
		padding: 2px;
	}

	input.dhth-gast {
		width: 55px;
		padding: 2px;
	}
}


.dhth-results-table, .dhth-results-table td, .dhth-results-table th {
	border: 1px solid #528622;
	padding: 5px;
	text-align: right;
}

.dhth-results-table th {
	background: #21530e;
	text-align: center;
}




/*MF Calculator*/

.dhth-slider-input-mf-calc {
	width: 200px !important;
}

.dhth-slider-output-mf-calc {
	width: 100px !important;
	-moz-appearance: textfield;
}