@media (hover: hover) {
  /* Device that can hover (desktops) */
  input[type=radio]:not(:disabled):not(:checked) + label:hover,
  input[type=button]:not(:disabled) + label:hover {
    color: white;
    font-weight: 400;
    background-color: #151b5f;
    background-image: linear-gradient(to bottom, #b9edff 0%, #001260 100%);
    text-shadow: 0 1px 2px #2f1e00;
    cursor: pointer;
  }
  input[type=button]:hover, .Submit:hover {
	/*   color: white; */
	background-color: #ffff00;
	background-image: linear-gradient(to bottom, #00ff27 0%, #006906 79.47%);
  }
  .CheckBox .container:hover {
    background-color: #ffe4b8;
    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: #e0eaff; /* CSS Pattern - Begin */
  background-image: linear-gradient(transparent 50%, rgba(0,129,140,0.1) 20%);
  background-size: 5px 8px;  /* CSS Pattern - End */
}
.Header {
  /* CSS Pattern - Begin */
  color: #fff157;
  background-color: #5560af;  /* Purple Blue */
  background-image: linear-gradient(transparent 70%, #353535 0%, #393939 70%);
  background-size: 5px 5px;
  /* CSS Pattern - End */
  text-shadow: 0 1px 2px #2f1e00;
  box-shadow: 0 4px 8px -4px black;
  /* height: 3em; */
}
#Title {
  font-weight: 400;
}
#Locale {
  color: white;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover {
  background-color: rgba(243, 248, 255, 0.5);
}
input[type=radio]:checked + label,
.Levels.R01 .L02 .R01+label,
.Levels.R02 .L02 .R02+label,
.Levels.R03 .L02 .R03+label {
  color: #ffc879;
  background-color: #5560af;
  background-image: linear-gradient(to bottom, #9194d1 0%, #2b3163 100%);
  border-color: gray;
  text-shadow: 0 1px 2px #2f1e00;
}
input[type=button], .Submit {
  color: white;
  font-weight: bold;
  background-color: #5560af;
  background-image: linear-gradient(to bottom, #9194d1 0%, #2b3163 100%);
}
input[type=button]:active,
.Submit:active {
  color: yellow;
  background-color: #575757;
  background-image: linear-gradient(to bottom, #aeaeae 0%, #575757 100%);
}
input[type=button][name*=crement] {
  display: none;
}
.container input:checked ~ .checkmark {
  color: #ffc62a;
  background-color: #5560af;
}
/* Style the checkmark/indicator */
.container .checkmark::after {
  border-color: #ffc62a;
}
.Section,
#p1 .Section {
  color: #5b7cd8;
  background-color: #e7f3ff;
}
*[id^="faq"] .Label {
  color: #d78800;
}