body {
  padding: 10px;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

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

.radio-toolbar label {
  display: inline-block;
  background-color: #ffffff;
  padding: 8px 11px;
  font-family: Arial;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  border: 0.5px solid;
  border-color: lightgray;
  height: 42px;
  width: 50px;
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: lightgray;
  border-radius: 12px;
  border: 0.5px solid;
  border-color: lightgray;
  height: 42px;
  width: 50px;
}

.btn-my-secondary {
  color: black;
  background-color:white;
  border-color: white;
}

.btn-my-secondary:hover {
  color: black;
  background-color:white;
  border-color: white;
}

.btn-my-secondary:focus, .btn-my-secondary.focus {
  color: black;
  background-color:white;
  border-color: white;
}

.btn-my-secondary.disabled, .btn-my-secondary:disabled {
  color: black;
  background-color:white;
  border-color: white;
}


.btn-my-primary {
  color: black;
  background-color:white;
  border-color: gray;
}

.btn-my-primary:hover {
  color: #fff;
  background-color: lightgray;
  border-color: gray;
}

.btn-my-primary:focus, .btn-my-primary.focus {
  color: #fff;
  background-color: gray;
  border-color: gray;
  box-shadow: 0 0 0 0.2rem gray;
}

.btn-my-primary.disabled, .btn-my-primary:disabled {
  color: #fff;
  background-color: gray;
  border-color: gray;
}

.btn-my-primary:not(:disabled):not(.disabled):active, .btn-my-primary:not(:disabled):not(.disabled).active,
.show > .btn-my-primary.dropdown-toggle {
  color: #fff;
  background-color: gray;
  border-color: gray;
}

.btn-my-primary:not(:disabled):not(.disabled):active:focus, .btn-my-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-my-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem gray;
}

.btn-my-success {
  color: #fff;
  background-color: darkgrey;
  border-color: darkgrey;
}

.btn-my-success:hover {
  color: #fff;
  background-color: rgb(109, 107, 107);
  border-color: rgb(109, 107, 107);
}

.btn-my-success:focus, .btn-my-success.focus {
  color: #fff;
  background-color: rgb(109, 107, 107);
  border-color: rgb(109, 107, 107);
  box-shadow: 0 0 0 0.2rem rgba(109, 107, 107);
}

.btn-my-success.disabled, .btn-my-success:disabled {
  color: #fff;
  background-color: darkgrey;
  border-color: darkgrey;
}

.btn-my-success:not(:disabled):not(.disabled):active, .btn-my-success:not(:disabled):not(.disabled).active,
.show > .btn-my-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(109, 107, 107);
  border-color: rgb(109, 107, 107);
}

.btn-my-success:not(:disabled):not(.disabled):active:focus, .btn-my-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-my-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(109, 107, 107);
}

.btn-my-next {
  color: black;
  border: none;
  background-color:white;
  outline: none;
}

.btn-my-next:hover {
  color: black;
  border: none;
  background-color:white;
  outline: none;
}