/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


.navbar {
    background-color: #00618a!important;
}

.Quiz-Container {
    margin:20px 50px;

}

.Quiz-Container p {
    font-size:1.5em;
    font-weight:400;

}

.Quiz-Container ol,ul {
    font-size:22px;
 
}

.Quiz-Container li {

 margin:5px;
}

.Quiz-Container h2 {

    margin-bottom:25px;
    font-size:26px;
}

.centerdiv {
    text-align:center;
}

.centerdiv a {

    margin:10px;
}

.disclaimer-text{
    font-size:20px;

}



.btn-primary {
    color: #fff;
    background-color: #1c8144!important;
    border-color: #1c8144!important;
}

.btn-primary:hover{

 color: #fff;
    background-color:#196a39!important;
    border-color:#196a39!important;
}
.title{
    font-size:1.5em;
    font-weight:400;
}

.tooltipnew {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltipnew .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  margin-left: -200px;
  width:400px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
   top: 150%; /* At the bottom of the tooltip */
  left: 50%;
}

.tooltipnew:hover .tooltiptext {
  visibility: visible;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}