#navbarNavDropdown.navbar-nav {
    display: -webkit-box !important;
}

.navbar .dropdown-menu {
    background-image: linear-gradient(#e6f5ff, #b3e0ff) !important;
    padding: .5em 1px;
}

.navbar .dropdown-item {
    border-bottom: solid 1px #555555;
    background-image: linear-gradient(#e6f5ff, #b3e0ff) !important;
    margin: 0 0;
}

.navbar .dropdown-item:not(:first-child):not(:last-child) {
    padding-top: .5em;
    padding-bottom: .5em;
}

.navbar .dropdown-item:hover {
    background-image: -ms-linear-gradient(#e6f5ff, #80ccff) !important; /* IE9 */
    background-image: -moz-linear-gradient(#e6f5ff, #80ccff) !important; /* FF3.6-15 */
    background-image: -webkit-linear-gradient(#e6f5ff, #80ccff) !important; /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(#e6f5ff, #80ccff) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

    .navbar .dropdown-item:hover:last-child {
        background-image: -ms-linear-gradient(#80ccff, #b3e0ff) !important; /* IE9 */
        background-image: -moz-linear-gradient(#80ccff, #b3e0ff) !important; /* FF3.6-15 */
        background-image: -webkit-linear-gradient(#80ccff, #b3e0ff) !important; /* Chrome10-25,Safari5.1-6 */
        background-image: linear-gradient(#80ccff, #b3e0ff) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.navbar .dropdown-item:last-child {
    border-bottom: none;
}
/*used with javascript to apply borders to focused element so that keyboard users know which element they are tabbing to.*/
div .setFocusBorder {
    border: 2px solid black;
}

a.menuitem:hover {
    color: #74b8e5 !important;
}

.menu .nav-link {
    border-radius: 5px 5px 0px 0px;
    font-size: .875rem;
    font-family: "Franklin Gothic";
    color: #0055a5;
    background: #030810; /* Old browsers */
    background: -ms-linear-gradient(160deg, #124 30%, #000010 50%); /* IE9 */
    background: -moz-linear-gradient(160deg, #124 30%, #000010 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(160deg, #124 30%, #000010 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(160deg, #124 30%, #000010 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.nav-link {
    cursor: pointer;
}
.pointer {
    cursor:pointer;
}
#fdstDisqualify label {
    cursor:pointer;
}

.menu .nav-link:hover {
    background: -ms-linear-gradient(160deg, #345 30%, #060810 50%); /* IE9 */
    background: -moz-linear-gradient(160deg, #345 30%, #060810 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(160deg, #345 30%, #060810 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(160deg, #345 30%, #060810 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.nav-tabs .show.nav-item .nav-link, .nav-tabs .active.nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: 0;
    color: #0056b3 !important;
}


.headerFormat {
    padding-left: 75px;
    margin-top: -55px;
    line-height: 32px !important;
    color: white;
    font: 400 28px Palatino Linotype !important;
    white-space: nowrap !important;
}

.headerFormat:link, .headerFormat:visited {
    line-height: 32px !important;
    color: white;
    font: 400 28px Palatino Linotype !important;
    white-space: nowrap !important;
}

.subHeaderFormat {
    font: 400 12pt Calibri Light !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    padding-left: 75px !important;
    margin-top: -15px !important;
    color: white;
    white-space: nowrap !important;
}

.subHeaderFormat:link .subHeaderFormat:visited {
    font: 400 12pt Calibri Light !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    padding-left: 75px !important;
    margin-top: -15px !important;
    color: white;
    white-space: nowrap !important;
}

.headerMenu {
   font-size: 12pt; 
   margin-top: -15px;
}


@media (max-width: 768px) {
    .headerMenu {
        margin-top: 10px;
    }
}


/*adjust welcome text font size to avoid text being hidden behind the top navigation bar*/
@media screen and (min-width: 992px) and (max-width: 1184px) {

    #bannerH1.h1 {
        font-size: 2em;
    }
}



.btnGradient.active {
    background-image: -ms-linear-gradient(#b3e0ff, #80ccff) !important; /* IE9 */
    background-image: -moz-linear-gradient(#b3e0ff, #80ccff) !important; /* FF3.6-15 */
    background-image: -webkit-linear-gradient(#b3e0ff, #80ccff) !important; /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(#b3e0ff, #80ccff) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #444 !important;
}

.btnGradient {
    background-color: #FFFFFF !important;    
    color: #666 !important;
}

.collapseButtons {
    border: solid 1px #CCC !important;
    border-radius: 4px 4px !important;
}

.asfklsd {
    background-image: -ms-linear-gradient(#b3e0ff, #80ccff) !important; /* IE9 */
    background-image: -moz-linear-gradient(#b3e0ff, #80ccff) !important; /* FF3.6-15 */
    background-image: -webkit-linear-gradient(#b3e0ff, #80ccff) !important; /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(#b3e0ff, #80ccff) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.asfasdf {
    background-image: -ms-linear-gradient(#e6f9ff, #ccf3ff) !important; /* IE9 */
    background-image: -moz-linear-gradient(#e6f9ff, #ccf3ff) !important; /* FF3.6-15 */
    background-image: -webkit-linear-gradient(#e6f9ff, #ccf3ff) !important; /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(#e6f9ff, #ccf3ff) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-image: -ms-linear-gradient(#FFFFFF, #cce6ff) !important; /* IE9 */
    background-image: -moz-linear-gradient(#FFFFFF, #cce6ff) !important; /* FF3.6-15 */
    background-image: -webkit-linear-gradient(#FFFFFF, #cce6ff) !important; /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(#FFFFFF, #cce6ff) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-image: -ms-linear-gradient(#FFFFFF, #e6f9ff) !important; /* IE9 */
    background-image: -moz-linear-gradient(#FFFFFF, #e6f9ff) !important; /* FF3.6-15 */
    background-image: -webkit-linear-gradient(#FFFFFF, #e6f9ff) !important; /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(#FFFFFF, #e6f9ff) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-image: -ms-linear-gradient(#FFFFFF, #e6f9ff) !important; /* IE9 */
    background-image: -moz-linear-gradient(#FFFFFF, #e6f9ff) !important; /* FF3.6-15 */
    background-image: -webkit-linear-gradient(#FFFFFF, #e6f9ff) !important; /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(#FFFFFF, #e6f9ff) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    background-color: #0055a5;
    height: 70px; /*must be same as #main padding*/
    color: white;
}

ribbon {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    background-color: #0055a5;
    /*height: 90px;*/ /*must be same as #main padding*/
    color: white;
}


html body .container-fluid.body-content {
    background-color: white;
    text-align: unset !important;
}

#main {
    padding-top: 70px; /*must be same as header height + ribbon height*/ /*ribbon was removed*/
    overflow-y: auto;
}

footer {
    background-color: #0055a5;
    color: white !important;
    font-size: 9pt !important;
    /*height:150px;*/
    display: flex !important; /* Allows height to grow so that we can stack on small devices*/
}

footer a {
    color: white !important;
}

#footeraddress hr, #footerlinks hr {
    background-color: white !important;
}

.tabContent {
    margin: 10px !important;
}

.mapouter {
    position: relative;
    text-align: left;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
}

#dvMainTabs {
    padding: 0px;
}

#mainTabs li a {
    color: white;
    font-size: 14px;
    display: block;
    padding: 12px 10px 21px 10px; /* changes here effect other aspects of the header */
    border-bottom: none;
    /*border-top: 1px solid #eee;*/
    /*width:100rem;*/
}

#mainTabs li.active {
    background-color: #EBDDDD;
}

#mainTabs li.active a {
    color: black !important;
    font-weight: bold;
}

.requiredIndicator {
    font-size:0.5em;
    vertical-align: 0.5em;
    color:red;
    padding-left:0.1rem;
}

#subMenus li a {
    color: black;
    font-size: 13px;
    font-style: italic;
    font-family: Calibri light;
}

#subMenus li.active {
    background-color: #EBDDDD;
}

#subMenus li.active a {
    color: black !important;
    font-weight: bold;
}

#subMenus .nav-tabs.show.nav-item.nav-link, .nav-tabs.active.nav-link {
    background-color: yellow;
}

.hamburgerColor {
    color: white;
}

.fa-1x {
    font-size: 1.5rem;
}


#symptoms ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 0px;
}

.navbar-toggler {
    cursor: pointer;    
}

.navBarMain {
    background-color: #0055a5;
}

#btnCollapse {
    padding-top: 30px;
    outline: none;
}

#navBar-container {
    background-color: #0055a5;
} 

#mainTabs li > a:hover {
    background-color: white;
    color: #0055a5;
    text-decoration: none;
}

.nav li {
    display: inline;
}

#btnToggler {
    outline:0px;
}
.chkInMsg {
    display: inline;
    color: darkorange;
    font-weight: bold;
    margin-bottom: 48px;
    font-size: 30pt;
}

.chkInRoomMsg {
    display: inline;
    color: darkblue; 
    font-weight: bold;
    margin-bottom: 48px; 
    font-size:30pt;
}

.chkInRoomNbr {
    display: inline;  
    margin-left: 8px;
    padding: 12px;
    border-radius: 4px;
    border: solid black 1pt;
    background-color: white;
    color: black;
    font-size: 30pt;
    font-weight: bold;
}

.pmtAcctSuccess {
    white-space: pre-line;
    color: green;
    font-weight: bold;
    margin: 40px 0px 48px 0px;
    font-size: 24pt;
}

.pmtAcctFail {
    white-space: pre-line;
    color: red;
    font-weight: bold;
    margin: 40px 0px 48px 0px;
    font-size: 24pt;
}
/*** custom checkboxes ***/
/*.custom-control-input:checked~.custom-control-indicator{
color:white;
background-color:red;
}*/
.thinIcon i {
    -webkit-text-stroke: 0px white;
}

fancy-checkbox input[type="checkbox"] ,
    .hideBox {
    display:none;
}


@media only screen and (max-width: 1200px) {
    #navbarNavDropdown {

        background-color: #0055a5;
    }
}

    @media only screen and (max-width: 575px) {
        /*  changed to 12px because vmin */
        #navbarNavDropdown, #google_translate_element {
            font-size: 12px !important;
        }

        #btnToggler {
            margin-top: 20px;            
        }

        .headerFormat {
            font: 400 18px Palatino Linotype !important;
        }

        #websiteLink, #lnkJury {
            font-size: 1.3em;
            padding-left: 0rem;
        }

        .navbar {
            padding-top: 0em;
            padding-left: 0em;
        }
    }

.customLink {
    color: #0056b3;
    text-decoration: underline;
    cursor: pointer
}

    @media (min-width: 320px) { /* changes here effect other aspects of the header */
        #navBar-container {
            margin-top: 2.9rem !important; /* aligns top of menu when expanded on smaller devices*/
        }

        #fullName {
            padding-top: 8px;
        }
    }

    @media (min-width: 576px) { /* changes here effect other aspects of the header */
        #navBar-container {
            margin-top: 2.8rem !important; /* aligns top of menu when expanded on smaller devices*/
        }

        #fullName {
            padding-top: 8px;
        }

        /*html { font-size: 1.25rem; }*/ /*Makes font-size responsive*/

    }

    @media (min-width: 768px) { /* Top menu collapses */ /*changes here effect other aspects of the header */
        #navBar-container {
            margin-top: 2.5rem !important; /* aligns top of menu when expanded on smaller devices*/
        }

        #fullName {
            padding-top: 8px;
        }

        /*html { font-size: 1.5rem; }*/ /*Makes font-size responsive*/

    }

    @media (min-width: 992px) { /* changes here effect other aspects of the header */
        #navBar-container {
            margin-top: 0rem !important;
            margin-bottom: 0.6rem !important;
        }
        /*html { font-size: 1.75rem; }*/ /*Makes font-size responsive*/
        #fullName {
            padding-top: 0px;
        }

    }

    #JURORLOGIN .form-group {
        margin-bottom: 0px;
    }

#warnMsg.jurorMsgBox {
    margin: auto !important;
}

.jurorMsgBox {
    color: #f8f9fa !important;
    margin: 1rem 0.5rem 0rem 0.5rem !important;
}

    .btnInvisible {
        color: #fff;
        background-color:#fff;
        border:#fff;
    }

    .validMsgBg {
        /*background-color: #28a745 !important;*/
        /*background-color: #5bc0de !important;*/
        /*background-color:  5cb85c !important;*/
        color: #fd7e14;
        border: 3px solid #fd7e14 !important;
        border-radius: .25rem;
        text-align: left;
    }

        .validMsgBg > label {
            /*background-color: #28a745 !important;*/
            /*background-color: #5bc0de !important;*/
            color: #fd7e14;
            font-weight: 600;
        }

    .errorMsgBg {
        /*background-color: white !important;*/
        color: red !important;
        border: 3px solid red !important;
        border-radius: .25rem;
        /*font-weight:bold;*/
        /*text-align: center;*/
    }

        .errorMsgBg > label {
            font-weight: 600;
        }

        .chkInMessage {
            color:black;
        }

        .chkInErroMessage {
            color:red !important;
        }

    /*.collapseButtons {
    border-radius: 0 !important;
}*/

    [data-toggle="collapse"] i:before {
        content: "\f077"; /* FOR content VALUES LOOK HERE https://astronautweb.co/snippet/font-awesome/ */
    }

    [data-toggle="collapse"].collapsed i:before {
        content: "\f078"; /* FOR content VALUES LOOK HERE https://astronautweb.co/snippet/font-awesome/ */
    }


    /*.collapseButtons {
    border-radius: 0 !important;
    border-color: #ffffff;
    outline: none;
    box-shadow: 0px 0px 0px 0px;
}*/

    .collapseButtons:focus, .collapseButtons:active {
        outline: none !important;
        box-shadow: none;
    }

    .collapseButtonContent {
        margin-left: 25px;
        font-size: 1.1em;
        color: black !important;
        text-align: left;
        padding: 0px !important;
    }

    .collapseContent {
        padding:10px;
        display: block;
    }

    .mb-3, .my-3 {
        margin-bottom: 0 !important;
    }

    .openPad {
        padding: 5px;
    }

    footer hr {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .btnPrev {
        float: left;
        opacity: 0.8;
    }

    .btnNext {
        float: right;
        opacity: 0.8
    }

    .btnPrev:hover {
        opacity: 1;
        color: white;
    }

    .btnNext:hover {
        opacity: 1;
        color: white;
    }

    .firstSelectOption option:first-child {
        font-weight: bold;
    }

    /*updated version uses visually hidden css class*/
.faChk input[type="checkbox"] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

    /* checkboxes */
    .faChk .checked {
        display: none;
    }

        .faChk input[type="checkbox"]:checked ~ .checked {
            display: inline-block;
        }

        .faChk input[type="checkbox"]:checked ~ .unchecked {
            display: none;
        }

    .fa-check-circle, .fa-circle {
        font-size: 1.5em;
    }

    .fa-check {
        height: 30px;
        display: flex;
        /* flex-direction: column;*/
        align-items: center;
    }

    /* radio buttons */
    input[type="radio"]:focus + span.btn2 {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.radioAsBtn {
    line-height: 1.1em;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #665;
    -webkit-appearance: button;
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    border: 1px solid rgba(0,0,0,.125);
}

    .radioAsBtn.active {
        background-image: -ms-linear-gradient(#b3e0ff, #80ccff) !important;
        background-image: -moz-linear-gradient(#b3e0ff, #80ccff) !important;
        background-image: -webkit-linear-gradient(#b3e0ff, #80ccff) !important;
        background-image: linear-gradient(#b3e0ff, #80ccff) !important;
        color: #444 !important;
    }

    .btn2 {
        display: inline-block;
        padding: 6px 12px;
        margin: 0px;
        font-size: 20px;
        font-weight: normal;
        line-height: 1.428571429;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 4px;
    }

.charTitle a {
    color:#0056b3;
    text-decoration:underline;   
}

.charTitle {
    font-size:20px;
}

.btnBord {
    padding: 0px;
    margin: 0px;
}

    .capitalize {
        text-transform: capitalize;
    }

    /* Captcha refresh button */

    .capRef {
        padding: 10px 5px 0px 10px;
        cursor: pointer;
    }

    /*  questionnaire */
.invalidField {
    color: #FF0000;
}

.form-control.invalidField {
    border-color: #FF0000;
}

.btn-outline-secondary.invalidField {
    border-color: #FF0000;
    color: #FF0000;
}

.invalidLabel {
    color: #FF0000;
}

.invalidDiv {
    color: #FF0000;
}
    
.invalidFieldset {
    color: #FF0000;
}

.invalidLegend {
    color: #FF0000;
}

   select:not([size]):not([multiple]).form-control {
        height: 35px !important;
    }

.formLegend {
    font-size: 1rem;
    margin-bottom:0px;
}

    label {
        margin-bottom: 1px !important;
    }

    .disabledTab {
        pointer-events: none;
    }

    @media (max-width: 1200px) {
        legend {
            font-size: calc(1.275rem + 0.3vw);
        }

        h1,
        .h1 {
            font-size: calc(1.375rem + 1.5vw);
        }

        h2,
        .h2 {
            font-size: calc(1.325rem + 0.9vw);
        }

        h3,
        .h3 {
            font-size: calc(1.3rem + 0.6vw);
        }

        h4,
        .h4 {
            font-size: calc(1.275rem + 0.3vw);
        }

        .display-1 {
            font-size: calc(1.725rem + 5.7vw);
        }

        .display-2 {
            font-size: calc(1.675rem + 5.1vw);
        }

        .display-3 {
            font-size: calc(1.575rem + 3.9vw);
        }

        .display-4 {
            font-size: calc(1.475rem + 2.7vw);
        }

        .close {
            font-size: calc(1.275rem + 0.3vw);
        }
    }

    .form-row.flex {
        display: flex;
        align-items: flex-end;
    }

    @media (max-width: 767px) {
        .row.flex .col-xs-6 {
            width: 100%;
        }

        label {
            margin-top: 5px;
        }

        .row.flex {
            flex-flow: wrap;
        }
    }

    /*used to re-create all styles from 'list-group-item', but use 'display flex' instead of block*/
    /*this solution is best as it avoids using '!important'*/
.lblQuestionaire {
    /*use flex instead of block.*/
    display: flex;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);

    color: #444 !important;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

    .lblQuestionaire.active {
        background-image: linear-gradient(#b3e0ff, #80ccff) !important;
        border-color: #004085;
    }

    .lnk {
        display: block;
    }

    /*  leftover from the header */

    li {
        /*list-style-image: url("../Images/bullet_star_circle.jpg") !important;*/
    }

        li.nav-item {
            list-style-image: none !important;
            margin-right:10px;
        }

    p.subtitle {
        font-size: 1em;
        color: #17a2b8;
    }

    p.title {
        font-size: 1.25em;
        color: #17a2b8;
    }

.smCustom {
    font-size: 90%;
    font-weight: 400;
}


    .jur-cont {
        color: black;
        text-align: left;
        font-size: 1em;
    }

    .jur-title {
        color: black;
        text-align: left;
        font-size: 1.5em;
        font-weight: bold;
    }

    .jur-wrapper {
        margin: 20px !important;
    }

    .h4 {
        color: black !important;
    }

    /*  SUMMARY */

    .formLabel {
        margin-bottom: 0px !important;
    }

    .formAnswer {
        margin-bottom: 0px !important;
    }

.fieldHeight {
    height: 2.4rem;
}

.juryH2 {
    font-size: 1rem;
}

.juryH3 {
    font-size: 1rem;
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.customRadioBtn {
    width: calc(.6em + .75rem + 2px);
    height: calc(.6em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 800;
    vertical-align: middle;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #000000;
    border-radius: 50%;
}

.customCheckBox {
    width: calc(.6em + .75rem + 2px);
    height: calc(.6em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 800;
    vertical-align: middle;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #000000;
    border-radius: 50%;
}

input[type="checkbox" i] {
    border: 1px solid #000000;
    border-radius: 50%;
}


.text-sm {
    font-size: 1rem;
}

/*@media (max-width: 1009px) {

    @media (min-width: 992px) {
        .matchLoginFields {
            min-width: 100px;
            max-width: 173px;
        }
    }

}*/

/*@media (min-width: 1010px) {

    .matchLoginFields {
        max-width: 404px;
    }

}*/

/*3 statements below style description lists ( They are extremely useful for understanding of all users (For more info: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl) ) */

dl.numberedList {
    list-style: decimal;
}

.faqDL dd {
    display: list-item;
    padding-left: 10px;
    margin-left:2rem;
    margin-bottom:0px;
}

dt.dtHeader {
     font-size: 1.5rem;
     padding-bottom:1rem;
     font-weight:500;
}

/*3 statements below added so that css class "collapseButtons" could be removed without affecting the look of the page.
    "CollapseButtons" class needed to be removed because it prevents users from seeing the highlighting when tabbing from element to element*/

#divFaqCtn button {
    border: solid 1px #CCC !important;
    border-radius: 4px 4px !important;
}

#ctnGetPrepared button {
    border: solid 1px #CCC !important;
    border-radius: 4px 4px !important;
}

#ctnEducationKit button {
    border: solid 1px #CCC !important;
    border-radius: 4px 4px !important;
}

/*added to avoid !important usage but keep style consistency. */
.collapseBtnContent {
    margin-left: 25px;
    font-size: 1.1em;
    color: black !important;
    text-align: left;
}

#divGetPrep {
    font-size: 1.1em;
}