.quizWrap {
height: auto;
    background: rgb(255, 255, 255);
    padding: 12px;
    border-radius: 12px;
    border: 3px solid rgb(224, 224, 224);
    line-height: 1.25em;
    font-size: 1.25em;
}

.quiz label {
 position: relative;
    left: 40px;
    top: -25px;
 display: block;
 width: 90%;
 cursor: pointer;
}
.quiz button {
 margin-top: 4px;
}
input[type=checkbox], input[type=radio]  {
    transform: scale(1.5);
}
.textBox {
	font-size: 1.25em; 
	line-height:1.5;
	padding: .75rem;
	border-width: 2px;
	 border-radius: 12px;
	border: 2px solid #576173;
    background-color: #fff;
    background-color: rgb(255,255,255);
	xwidth: 750px;
}

	.quiz legend {
    font-weight: 700;
    margin-bottom: 1em;
}
.quiz fieldset {
 border: 0 none;
}

/* Form/quiz elements */
.quiz legend {
    font-weight: bold;
    margin-bottom: 1em;
	width: 100%;
}

.correctCheck {
 outline: 2px solid blue;
}


.button {
    background-color: #e1e1e1;
    border: 2px solid #e1e1e1;
    border-radius: 0.25rem;
    color: #616161;
    display: inline-block;
    font: inherit;
    margin: 0.5rem 0.25rem;
    overflow: visible;
    padding: 0.25rem 1rem;
    text-decoration: none;
    text-transform: none;
    user-select: none;
    width: auto;
    -moz-appearance: none;
    -webkit-appearance: none;
	cursor: pointer;
}

.button:hover {
    background-color: #c7c7c7;
    border-color: #c7c7c7;
    color: #484848;
    text-decoration: none;
}



.button.-primary {
    background-color: #0074d9;
    border-color: #0074d9;
    color: #fff;
}

.button.-primary:hover {
    background-color: #0059a6;
    border-color: #0059a6;
}

.buttonDisabled {
    background-color: #606060 !important;
	background: none !important;
	background: #606060 !important;
    border-color: #606060 !important;
    color: #202020 !important;
	cursor: default !important;
	    box-shadow: none !important;
}



/* alerts */
.alert {
    margin-bottom: 1rem;
  }
  .alert > .content {
    background-color: #c7c7c7;
    border-radius: 0.25rem;
    padding: 0.75rem 1.25rem;
  }
  
  
  .alert.-success > .content {
    background-color: #00ba00;
    border: 2px solid #00ba00;
    color: #000000;
  }

  .alert.-success {
    background-color: #00ba00;
    border: 2px solid #00ba00;
    color: #000000;
  }
  
  .alert.-warning > .content {
    background-color: #ffcc1a;
    border: 2px solid #ffcc1a;
    color: #000000;
  }

  .alert.-warning {
    background-color: #ffcc1a;
    border: 2px solid #ffcc1a;
    color: #000000;
  }

  .alert.-danger > .content {
    background-color: #a60000;
    border: 2px solid #a60000;
    color: #ffffff;
  }

  .alert.-danger {
    background-color: #a60000;
    border: 2px solid #a60000;
    color: #ffffff;
  }
  
  .alert.-fixed {
    bottom: 0;
    height: fit-content;
    left: 12px;
    right: 12px;
  
    position: absolute;
  }