@media (hover: hover) {
    /* Device that can hover (desktops) */
	input[type=radio]:not(:disabled):not(:checked) + label:hover {
		color: yellow;
		font-weight: 400;
		background-color: #d42e12;
		background-image: linear-gradient(to bottom, #d42e12 0%, #d42e12 100%);
	}
	input[type=radio]:not(:disabled) + label:hover {
		border-color: orange;
	}
	input[type=button]:hover, .Submit:hover {
		/*   color: white; */
		background-color: #d12323;
		background-image: linear-gradient(to bottom, #ff5c5c 0%, #ff0000 100%);
	}
	.CheckBox .container:hover {
		background-color: #fff3f3;
		border-radius: 4px;
		border-bottom: 2px solid #fff3f3;
	}
}
@media (hover: none) {
    /* Device that can not hover with ease */
}
@media (pointer: coarse) {
    /* Device with limited pointing accuracy (touch) */
}
@media (pointer: fine) {
    /* Device with accurate pointing (desktop, stylus-based) */
}
@media (pointer: none) {
    /* Device with no pointing */
}
body {
  background-color: #f4f4f4; /* CSS Pattern - Begin */
  background-image: linear-gradient(transparent 50%, rgba(132, 151, 255, 0.1) 20%);
  background-size: 5px 8px;  /* CSS Pattern - End */
}
.Header {
  /* CSS Pattern - Begin */
  color: #ffffff;
  background-color: #d42e12;
  background-image: linear-gradient(transparent 80%, #d42e12 80%, #d42e12 80%);
  background-size: 5px 5px;
  /* CSS Pattern - End */
  text-shadow: 0 1px 1px rgba(52, 0, 135, 0.65);
  box-shadow: 0 1px 4px rgba(68, 0, 135, 0.65);
  cursor: default;
}
#Locale {
  color: white;
}
#Locale::after {
  background-color: rgba(69, 255, 125, 0.79);
}
/*
input[type=radio]:not(:checked) + label:hover {
  color: white;
  font-weight: 400;
  background-color: #d42e12;
  background-image: linear-gradient(to bottom, #d42e12 0%, #d42e12 100%);
}
*/
input[type=radio]:checked + label,
.Levels.R01 .L02 .R01+label,
.Levels.R02 .L02 .R02+label,
.Levels.R03 .L02 .R03+label {
  color: white;
  /* font-weight: bold; */
  background-color: #ce0000;
  border-color: #c01e00;
  box-shadow: 0 0 5px -1px black inset;
}
input[type=radio]:checked + label .dim {
  color: red;
}
input[type=button], .Submit {
  color: white;
/*   font-weight: bold; */
  background-color: #d42e12;
  background-image: linear-gradient(to bottom, #d42e12 0%, #d42e12 100%);
}
.Submit {
  line-height: 32px;
  letter-spacing: 1px;
  text-shadow: 0 2px 2px rgba(52, 0, 135, 0.35);
}
input[type=button]:active, .Submit:active {
  color: lime;
  background-color: #d42e12;
  background-image: linear-gradient(to bottom, #d42e12 0%, #d42e12 100%);
}					            
.CheckBox .container input:checked ~ .checkmark {
  color: white;
  background-color: #d30d32;
  box-shadow: 0 0 5px -1px black inset;
}
/* Style the checkmark/indicator */
.CheckBox .container .checkmark::after {
  border-color: white;
}
.CheckBox .container {
	border-bottom: 2px solid white;
}
.Section,
#p1 .Section {
  color: #aa0000;
  background-color: #fff4f4;
}
*[id^="faq"] .Label {
  color: #ba1264;
}