html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.container-small {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container-small {
        width: 700px;
    }
}

.bg-navy {
    background-color: #061c60;
}

.h-text {
    padding: 10px 0;
    margin: 0;
}

h2.h-text {
    padding: 2.7em 0 .5em 0;
    /* padding: 3.35em 0 .5em 0; */
}

.reset-link {
    text-align: center;
}

.instructions {
    margin: 10px 0;
}

.btn.outline {
    background: none;
    padding: 7px 12px;
    border-radius: 0;
}

.btn-primary.outline {
    border: 2px solid #0099cc;
    color: #0099cc;
}

.btn-primary.outline:hover,
.btn-primary.outline:focus,
.btn-primary.outline:active,
.btn-primary.outline.active,
.open>.dropdown-toggle.btn-primary {
    color: #33a6cc;
    border-color: #33a6cc;
}

.btn-primary.outline:active,
.btn-primary.outline.active {
    border-color: #007299;
    color: #007299;
    box-shadow: none;
}

.btn-secondary {
    background-color: #f3f3f3;
    color: #575757;
    border: none;
}

.download-image-container {
    text-align: right;
}

.mylabel{
  padding-top: 8px;
  padding-right: 7px;
  font-weight: 600;
  font-size: .85rem ;
  /* color: #555; */
}

/* ACCORDION-TABLES */


#accordion-tables>.card {
    border-radius: 0;
    margin-top: 1em;
}

#accordion-tables>.card>.card-header {
    font-size: 1.8em;
    color: navy;
    text-align: center;
    border-radius: 0;
}

#accordion-tables>.card>.card-header:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f0d7";
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    float: right;
}

#accordion-tables>.card>.card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    /* content: "\f067";  */
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .5s ease-in-out;
}

.globalNavGreyBlueDivMedia {
    height: 39px !important;
    /* Have to set important in order to override the cv-style-v2's erroneous 70px height specification */
}

.colBlue2 {
    padding-bottom: 4px !important;
    /* Have to set important in order to override the erroneous DPH Style's unnecessary bottom padding of 8px which was causing issues in the cv-style-v2's representation (see above) */
}

.w-33 {
    width: 33.3% !important;
}

#selectcity li {
    padding-bottom: 0;
}

.d3-tip {
    background-color: rgba(255, 255, 255, .95);
    color: black;
    text-align: left;
    padding: 4px;
    border-radius: 3px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    font-size: 0.7rem;
}

.dropdown-menu {
    max-width: 100%;
}