html { height: 100%; }
body {
    min-height:100%;
    position:relative;
    padding-bottom:90px;
    font-family: Roboto, "Helvetica Neue", sans-serif;
}
.footer {
    position: absolute;
    left: 0 ; right: 0; bottom: 0;
    height:70px;
    width: 100%;
    color: #fff;
    background-color: #000;
    font-size:1.0em;
}

.footer a{color:rgba(255,204,0,1)}

.title{
    font-size:1.7em;
    font-weight:normal;
    padding:0px 0px 5px 0px;
    font-family: Roboto, "Helvetica Neue", sans-serif;
}

.boldred{font-weight: bold; color: #F00;}
.content{width:100%;}
.margin-top40{margin-top:40px}
.margin-top20{margin-top:20px}
.margin-top15{margin-top:15px}
.margin-top10{margin-top:10px}
.margin-top1{margin-top:1px}
.margin-top5{margin-top:5px}
.margin-right10{margin-right:10px}
.margin-right5{margin-right:5px}
.margin-left10{margin-left:10px}
.margin-left5{margin-left:5px}
.margin-bottom20{margin-bottom:20px}
.margin-bottom15{margin-bottom:15px}
.margin-bottom10{margin-bottom:10px}
.padding-left15{padding-left:15px}
.padding-left35{padding-left:35px}
.padding-right15{padding-left:15px}
.padding-top20{padding-top:20px}
.person-search{margin-top:5px;margin-bottom:10px}
.pointer{cursor: pointer}
.white-fa-icon{color:#fff}
.ul1{list-style-type: none}
.ul1 li a{font-size:16px;color:#00F;text-decoration:underline;cursor:pointer}
.ul1 li a:hover{color:#00A}
.ul1 li a span{font-style:italic}
.bu{font-weight:bold;text-decoration: underline}
.custom-text-right{text-align:right}
span.input-group-addon i.fa{cursor:pointer}
.required::after{
    color:#F00;
    content: ' (Required)';
}
.invalid::after {
    content: ' (Required/Invalid)';
    color: red
}
.requiredDiv, .requiredDiv2{
    color:#F00;
    font-size:13px;
    font-weight:bold
}
.requiredDiv2{
    margin-top:-10px;
    margin-bottom:10px
}
.courseName{
    font-weight:bold;
    text-decoration: underline;
    color: #007bff;
    cursor: pointer;
}
.bold{font-weight:bold}
.full_event {
    font-style: italic;
    color:#F00;
}
.card-shadow {box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}

.available {font-style:italic;font-size:14px;color:#090;padding-left:8px}
.unavailable {font-style:italic;font-size:14px;color:#F00;padding-left:8px}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .content{margin-top:10px}
    .custom-text-right{text-align:left}
    /* .content{background-color:red;} */
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .content{margin-top:10px}
    .custom-text-right{text-align:left}
    /* .content{background-color:green;} */
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .content{margin-top:10px}
    .custom-text-right{text-align:right}
    /*.content{background-color:blue;} */
    body{padding-bottom:90px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .custom-text-right{text-align:right}
    /* .content{background-color:orange;} */
    body{padding-bottom:90px;}  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .custom-text-right{text-align:right}
    /* .content{background-color:purple;} */
}

/* Header */
.program-title{
    color:#FFF;
    font-size:25px;
    margin-top:20px;
}
.ru-header160, .ru-header120{
    background-color:#cc0033;
    line-height:21.6px;
    width:100%
}
.ru-header120{
    height:120px;
}
.ru-header160{
    height:160px;
}
@media (max-width:835px) and (min-width:767px){
    .program-title{margin-top:5px}
}

@media (max-width:767px) and (min-width:498px){
    .program-title{margin-top:5px}

}

@media (max-width:497px) and (min-width:5px) {
    .program-title{font-size:16px;margin-top:5px}
}

@media (max-width:992px) and (min-width:5px){
    .ru-header120{height:140px}
}


.banner{width:100%}
.navbar{border-radius:0px;margin-bottom:0px}
.navbar {
    font-size: 15px;
    background-color: rgba(51, 51, 51, 1);
    border-width: 0px;
}

.navbar .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(248, 248, 248, 0);
    font-weight:400;
}
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(100, 100, 100, 1);
}
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(51, 51, 51, 1);
    color:rgba(255,204,0,1);
}
.dropdown:hover .dropdown-menu {
    display: block;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .banner{margin:0px}
    .navbar{width:100%;margin:0px}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .banner{margin:0px}
    .navbar{width:100%;margin:0px}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .banner{margin:0px}
    .navbar{width:100%;margin:0px}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .banner{margin:-55px auto 0px auto}
    .navbar{width:954px;margin:0px auto}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .banner{margin:-55px auto 0px auto}
    .navbar{width:1100px;margin:0px auto}

}

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.modal-header h2.modal-title {font-size:1.25em;}

.vaccine-square-button{
    height:150px;
    width:175px;
    font-size:1em;
    border-width:3px !important;
}

.req::after {
  content: " **";
  font-weight:bold;
  font-size:14px;
}

.quiz-div2, .quiz-div1{
    font-weight: 700;
    font-size: 14px;
    padding: 6px;
    width: 100%;
    border: 1px solid #000;
}
.quiz-div2{
    background-color:#084;
    color: #FFF;
}
.quiz-div1{
    background-color:#add8e6;
    color: #000;
}
.quiz-correctAns{
    color:#00F;
    font-weight: bold;
}
.quiz-incorrectAns{
    color:#F00;
    font-weight: bold;
}
.quiz-p2{
    font-size:15px;
    width:90%;
    margin: 15px auto 0px auto;
}
.quiz-div3,.quiz-div4 {
    font-size: 14px
}
.quiz-div3 {
    font-weight: 700;
    text-align: center;
    text-decoration: underline
}
.quiz-div4 {
    margin-top: 10px
}

.quiz-div5 {
    margin-top: 25px;
    text-align: center;
    font-size: 13px
}
.center-block{
    display: block;
    margin-right: auto;
    margin-left: auto;
}
table.apfTable {
    border-collapse: collapse
}

table.apfTable td,table.apfTable th {
    border: 1px solid #000;
    font-size: 13px
}

table.apfTable th {
    font-weight: 700
}

table.quizTable {
    border-collapse: collapse;
    margin-top: 15px;
    border: 1px solid #000
}

table.quizTable td {
    padding: 3px;
    font-size: 12px
}

table.quizTable th {
    border: 1px solid #000;
    padding: 6px;
    font-weight: 700;
    font-size: 12px;
    background-color: gold;
    text-align: left
}

table.rpcTable {
    border-collapse: collapse
}

table.rpcTable td,table.rpcTable th {
    border: 1px solid #000;
    font-size: 13px;
    padding: 6px
}

table.rpcTable th {
    font-weight: 700;
    text-align: center;
    background-color: #c0c0ff
}
.gold-box{
    background-color: gold;
    padding: 8px;
}