.classic-next-btn {
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  font-family: Arial;
  color: #00ad06;
  font-size: 24px;
  background: #fcfcfc;
  padding: 10px 20px 10px 20px;
  border: solid #04111a 1px;
  text-decoration: none;
}

.classic-next-btn:hover {
  background: #ffffff;
  text-decoration: none;
}

.blue-btn {
  -webkit-appearance: none;
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #2aa1c0;
  font-size: 24px;
  background: #ffffff;
  padding: 10px 10px 10px 10px;
  border: solid #2aa1c0 3px;
  text-decoration: none;
  width: 50pt;
}
.blue-btn:hover {
  background: #C9E8F0;
  text-decoration: none;
}

.blue-btn.selected-btn {
  color: #2aa1c0;
  background: #ffff88;
  border: solid #2aa1c0 3px;
}

.green-btn {
  -webkit-appearance: none;
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #2cba2f;
  font-size: 24px;
  background: #ffffff;
  padding: 10px 10px 10px 10px;
  border: solid #2cba2f 3px;
  text-decoration: none;
  width: 50pt;
}

.green-btn:hover {
  background: #d1ffd1;
  text-decoration: none;
}

.green-btn.selected-btn {
  color: #2cba2f;
  background: #ffff88;
  border: solid #2cba2f 3px;
}

.blue-btn.nav-button,.green-btn.nav-button {
  width: 90pt;
}

.blue-btn.nav-btn-type,.green-btn.nav-btn-type {
  width: 90pt;
}

.blue-btn.delete-btn-type,.green-btn.delete-btn-type,.blue-btn.add-button,.blue-btn.delete-button {
  width: 90pt;
}
.blue-btn.iusedto-btn-type,.blue-btn.idontknow-btn-type,.green-btn.iusedto-btn-type,.green-btn.idontknow-btn-type {
  width: 135pt;
}


.orange-btn {
  -webkit-appearance: none;
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  background: #F59B00;
  padding: 10px 15px 10px 15px;
  border: solid #EB9100 3px;
  text-decoration: none;
}

.orange-btn:hover {
  background: #FFA500;
  text-decoration: none;
}

.orange-btn.selected-btn {
  color: #F59B00;
  background: #FFE17D;
  border: solid #F59B00 3px;
}

.red-btn {
  -webkit-appearance: none;
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  background: #f00c0c;
  padding: 10px 15px 10px 15px;
  border: solid #ebb0b0 3px;
  text-decoration: none;
}

.red-btn:hover {
  background: #ff0000;
  text-decoration: none;
}

.red-btn.selected-btn {
  color: #f00c0c;
  background: #FFE17D;
  border: solid #f00c0c 3px;
}

/*CHECKBOX*/
.chkbox {
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  cursor: pointer;
}
.chkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.chkbox__indicator {
  position: absolute;
  top: -6px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #FFFFFF;
  border: solid #0e647d 2px;
}
.chkbox--radio .chkbox__indicator {
  border-radius: 50%;
}
.chkbox:hover input ~ .chkbox__indicator,
.chkbox input:focus ~ .chkbox__indicator {
  background: #FFFFFF;
}
.chkbox input:checked ~ .chkbox__indicator {
  background: #2aa1c0;
}
.chkbox:hover input:not([disabled]):checked ~ .chkbox__indicator,
.chkbox input:checked:focus ~ .chkbox__indicator {
  background: #0e647d;
}
.chkbox input:disabled ~ .chkbox__indicator {
  background: #FFFFFF;
  opacity: 0.6;
  pointer-events: none;
}
.chkbox__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.chkbox input:checked ~ .chkbox__indicator:after {
  display: block;
}
.chkbox--checkbox .chkbox__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.chkbox--checkbox input:disabled ~ .chkbox__indicator:after {
  border-color: #7b7b7b;
}