html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

body {
    background: #C0C0C0;
    font-family: Verdana, Arial, sans-serif;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

.wrapper:focus,
input:focus,
select:focus,
button:focus,
li:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
a.leftcell_link:focus {
    outline-color: #152359;
    outline-style: solid;
    outline-width: thin;
    background: #eeeeff;
}

* html {
    font-size: 75%;
}

html {
    font-size: 12px;
    line-height: 1.41667em;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

.home-panel-top {
    background-image: url(/srp2/images/front-top.png);
    background-repeat: no-repeat;
    height: 13px;
    width: 100%;
    background-size: 100% 100%;
}

.home-panel-content {
    background-image: url(/srp2/images/front-back.png);
    background-repeat: repeat-y;
    width: 100%;
    /*overflow: auto;*/
    background-size: 100% 100%;
    font-size: 11.2px;
}

.home-panel-bottom {
    background-image: url(/srp2/images/front-bottom-hhs.png);
    background-repeat: no-repeat;
    height: 106px;
    width: 100%;
    margin-top: -65px;
    background-size: 100% 100%;
}

.simple-panel-top {
    background-image: url(/srp2/images/front-top-single.png);
    background-repeat: no-repeat;
    height: 13px;
    width: 100%;
    background-size: 100% 100%;
}

.simple-panel-content {
    background-image: url(/srp2/images/front-back-single.png);
    background-repeat: repeat-y;
    width: 100%;
    overflow: auto;
    background-size: 100% 100%;
    font-size: 11.2px;
}

.simple-panel-bottom {
    background-image: url(/srp2/images/simple-bottom-single.png);
    background-repeat: no-repeat;
    height: 13px;
    width: 100%;
    background-size: 100% 100%;
}

body {
    background: #C0C0C0;
    font-family: Verdana, Arial, sans-serif;

}
@media (max-width: 991.5px) {
    body {
        margin-top: 20px;
    }
}
.title__home {
    color: #152359;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 5px 0;
    font-weight: bold;
}

.title__login {
    background: #152359;
    color: white;
    font-size: 21.952px;
    margin: 0 0 5px;
    padding: 3px;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
}

.navbar {
    background-color: #A8D1EF;
}
/*@media (min-width: 992px) {
    #srp2nav .navbar {
        padding: 0;
    }
}*/
.nav-link {
    color: #152359;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}

/*@media (min-width: 768px)
.navbar-expand-lg .navbar-nav nav-item {
    padding-right: .5rem;
    padding-left: .5rem;
}*/

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover .nav-link {
    color: #152359;
}

.navbar-light .navbar-nav .nav-link {
    color: #152359;
}

#g0140_home {
    min-width: fit-content;
}

#g00home_home {
    padding: 0 0 0 15px;
}

main {
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    /* padding-bottom: 10px; */
}

.footer {
    background-color: white;
    margin: 0 auto;
    width: auto;
}

.footer-small {
    padding-bottom: .1px;
    font-size: 9.3px;
}

.dropshadow {
    -webkit-filter: drop-shadow(2px 2px 2px gray); /* Safari 6.0 - 9.0 */
    filter: drop-shadow(2px 2px 2px gray);
}

.title__page {
    color: #9c3627;
    font-size: 17.92px;
    padding: 5px;
    font-weight: bold;
}

.RequiredIndicatorText {
    line-height: 1;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 150%;
    font-weight: bolder;
    color: #ff0000;
}

html {
    font-size: 12px;
    line-height: 1.41667em;
}

.buttonbar {
    background-color: #a5ceee;
    padding: 5px;
    max-width: 100%;
}

.list-with-dash {
    list-style-type: none;
    /*use padding to move list item from left to right*/
    padding-left: 1em;
}

    .list-with-dash li:before {
        content: "–";
        position: absolute;
        /*change margin to move dash around*/
        margin-left: -1em;
    }

/* Skip navigation */
.skipnav {
    text-align: left;
}

    .skipnav a {
        position: absolute;
        left: -10000px;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

        .skipnav a:focus, .skipnav a:active {
            position: static;
            left: auto;
            width: auto;
            height: auto;
            overflow: visible;
            text-decoration: underline;
            padding: 3px 5px 5px;
            border: 1px solid #FFFFFF;
            background-color: #152359;
            color: #FFFFFF;
            font-weight: bold;
            font-size: 100%;
            margin-left: auto;
        }

.wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: auto;
}

    .wrapper:after {
        content: " ";
        display: block;
        clear: both;
    }

/* override styles.css */
ul {
    margin: 0 0;
}

p { /* override with bootstrap default */
    margin-top: 0;
    margin-bottom: 1rem;
}

label {
    display: inline-block;
    color: #152359;
    font-weight: bold;
    /*margin-bottom: .5rem;*/
}

    label.label-prompt {
        color: #152359;
        font-weight: bold;
        font-size: 11.2px;
        line-height: normal;
        margin-bottom: 0;
    }

.required-asterisk:before {
    content: "*";
    font-size: 14px;
    line-height: 1;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 150%;
    font-weight: bolder;
    color: #ff0000;
}

.table__buttons button:focus, .table__buttons input[type="submit"]:focus, .table__buttons input[type="button"]:focus, .table__buttons input[type="reset"]:focus {
    background: #007bff;
    outline: 2px white solid;
}
@media (max-width: 991.5px) {
   .block__comment {
        margin: 0;
    }
}


.block__comment-alert-secondary {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    /* margin-left:-15px;*/
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
    width: 100%;
}

.block__comment-alert-danger {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-left: -15px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    width: 100%;
}
/* guest report page inserts a div class=row that throws everything off */
.row {
    margin-right: 0px;
    margin-left: 0px;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.form-check-inline {
    align-items: unset;
    margin-right: 0;
}

.form-check {
    padding-left: 1.25rem;
}

[hidden] {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .srp-card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;
        padding-left: 0px;
        padding-right: 0px;
    }

    .srp-card-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0,0,0,.03);
        border-bottom: 1px solid rgba(0,0,0,.125);
    }

    .srp-card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem;
    }

    .header-spacing {
        display: none;
    }

    .login-panel-1 {
        height: auto;
    }

    .login-panel-2 {
        height: auto;
    }

    .guest-panel-1 {
        height: auto;
    }

    .guest-panel-2 {
        height: auto;
    }

    .create-account-panel-1 {
        height: auto;
    }

    .create-account-panel-2 {
        height: auto;
    }

    .adjust-padding {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .login-panel-1 {
        height: 230px;
    }

    .login-panel-2 {
        height: 200px;
    }

    .guest-panel-1 {
        height: 230px;
    }

    .guest-panel-2 {
        height: 200px;
    }

    .create-account-panel-1 {
        height: 230px;
    }

    .create-account-panel-2 {
        height: 200px;
    }

    #g0030_home {
        padding-left: 5px;
    }

    .ml-16 {
        margin-left: -16px;
    }

    .ml-14 {
        margin-left: -14px;
    }

    .card-body {
        padding: 0px;
    }
}

@media screen and (min-width:992px) {
    .login-panel-1 {
        min-height: 260px;
    }

    .login-panel-2 {
        height: 230px;
    }

    .guest-panel-1 {
        height: 260px;
    }

    .guest-panel-2 {
        height: 230px;
    }

    .create-account-panel-1 {
        height: 260px;
    }

    .create-account-panel-2 {
        height: 230px;
    }

    #g0030_home {
        padding-left: 5px;
    }

    .ml-16 {
        margin-left: -16px;
    }

    .ml-14 {
        margin-left: -14px;
    }

    .card-body {
        padding: 0px;
    }
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.begin-here-font {
    font-size: 11.2px;
    line-height: normal;
    font-family: Verdana, Arial, sans-serif;
}

/* used to fix/adjust myreports page in responsive mode */
.page__sidenav {
    width: 970px; /* used to be 1000px */
    margin-left: -10px;
    margin-top: -10px;
}

.page__sidenav-main {
    float: left;
    padding: 10px 15px;
    width: 740px;
}


/* shift exit/submit/next button bar beyond the sidenav */
#report #PromptGroupNavigate {
    margin-left: 215px;
}

/* disable inline style change */
#DetermineSenderCategory #PromptGuestMessage {
    padding-bottom: 0 !important;
}

#DetermineSenderCategory .col2 {
    float: left;
    width: auto;
    padding-right: 10px;
}

#DetermineSenderCategory .RadioIndent {
    margin-left: 4% !important;
}

#DetermineSenderCategory .mb-3, .my-3 {
    margin-bottom: 0.5rem !important;
}

#DetermineSenderCategory .col2.col-md-6 {
    margin-bottom: 0.5rem !important;
    /* margin-top: 1rem!important;*/
}

.YouHaveSelected {
    display: block;
    float: left;
    width: 100%;
    margin-top: 15px;
}

#DetermineSenderCategory div[data-type=radio-group] .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
}

/* shift select labels to the left */
#DetermineSenderCategory div[data-type=select] .col2.col-md-6 {
    margin-left: -5px;
}

#PromptTobaccoCCChoice-div ul {
    width: fit-content !important;
    padding-left: 10px;
    list-style-type: none;
    /*use padding to move list item from left to right*/
    padding-left: 1em;
}

#PromptTobaccoCCChoice-div li:before {
    content: "–";
    position: absolute;
    /*change margin to move dash around*/
    margin-left: -1em;
}

@media screen and (max-width: 768px) {
    #DetermineSenderCategory div[data-type=select] .col2.col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
    }
}

#PromptRFRLead-div table {
    width: auto;
    margin-left: 30px;
}

/* get rid of extra space */
#PromptRFRLead {
    padding-bottom: 0px !important;
}

#PromptMobile-div .RadioIndent {
    margin-left: 9% !important;
}

#PromptMobile-div .mb-3, .my-3 {
    margin-bottom: 0.5rem !important;
}

/* only show desktop vs mobile prompt on small screens */
@media screen and (min-width:768px) {
    #PromptMobile-div {
        display: none;
    }
}

#PromptMobile-div[data-hide=true] {
    display: none;
}

#PromptRFRLead-div {
    float: left;
    margin: 5px 0;
    width: 100%;
}

.tooltip {
    display: inline;
    opacity: 1;
    position: unset;
}

#PromptForgotPasswordButton {
    display: flex;
    line-height: 1;
    margin-bottom: 10px;
}

#browserCloseModal .modal {
    display: block;
}

/* IE10+ CSS styles go here */
@media all and (min-width:1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #login {
        width: 950px;
    }

    #IE11-div {
        display: block !important;
    }

    #guestReportsPlugin {
        width: 950px;
    }
}

@media all and (min-width:920px) and (max-width:1023px)and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #login {
        width: 910px;
    }

    #IE11-div {
        display: block !important;
    }

    #guestReportsPlugin {
        width: 910px;
    }
}

@media all and (min-width:860px) and (max-width:920px)and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #login {
        width: 820px;
    }

    #IE11-div {
        display: block !important;
    }

    #guestReportsPlugin {
        width: 820px;
    }
}

@media all and (min-width:786px) and (max-width:859px)and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #login {
        width: 780px;
    }

    #IE11-div {
        display: block !important;
    }

    #guestReportsPlugin {
        width: 780px;
    }
}

@media all and (min-width:520px) and (max-width:785px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #login {
        width: 500px;
    }

    #IE11-div {
        display: block !important;
    }

    #guestReportsPlugin {
        width: 500px;
    }

    .srp-card {
        width: 500px;
    }

    .srp-card-header {
        width: 500px;
    }

    .srp-card-body {
        width: 500px;
    }

    #g0060_home {
        display: none;
    }

    #g0110_home {
        display: none;
    }
}

@media all and (min-width:490px) and (max-width:785px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #login {
        width: 460px;
    }

    #IE11-div {
        display: block !important;
    }

    #guestReportsPlugin {
        width: 460px;
    }

    .srp-card {
        width: 460px;
    }

    .srp-card-header {
        width: 460px;
    }

    .srp-card-body {
        width: 460px;
    }

    #g0060_home {
        display: none;
    }

    #g0110_home {
        display: none;
    }
}

@media all and (max-width:489px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #login {
        width: 340px;
    }

    #IE11-div {
        display: block !important;
    }

    #guestReportsPlugin {
        width: 340px;
    }

    .srp-card {
        width: 340px;
    }

    .srp-card-header {
        width: 340px;
    }

    .srp-card-body {
        width: 340px;
    }

    #g0060_home {
        display: none;
    }

    #g0110_home {
        display: none;
    }
}


.navigation__welcome {
    float: left;
    width: 25%;
    font-style: italic;
    margin-left: 10px;
    margin-top: 0px;
    text-align: left;
    font-size: 12px;
}

/* fix radio button/label wrap on report page */
#reportPlugin div[data-type=radio-group] .form-row {
    flex-wrap: nowrap;
}

/* menu items are in all caps*/
#ctl00_m_ctrlGroupPromptNavRegion1 {
    text-transform: uppercase;
}

/* guest report page */
#PromptYouHaveSelected tr > td:nth-child(2) {
    word-wrap: break-word;
}

/* mobile report - intro page */
#Introduction1_Comment tr > td:nth-child(2) {
    word-wrap: break-word;
}

/* prevent required asterisk from wrapping needlessly */
.RequiredIndicatorParentDiv.row {
    display: block;
    margin-bottom: .5em;
}

@media screen and (max-width:768px) {
    #feedBackDialog .modal {
        display: block;
        width: 340px;
        height: 550px;
    }
}

a.tooltip[title]:hover:after {
    background: none !important;
    border: 0px none !important;
}

.popover {
    background-color: #e0f1ff;
    font-size: 12px;
    border: 1px solid #0050b1;
}

.popover-content {
    background-color: white;
}

table#OMBNumberTextPrompt {
    background-color: #E1DEC9;
}



@media screen and (max-width:992px) {
    #cboxWrapper, #cboxTopCenter, #cboxLoadedContent, #cboxMiddleRight, #cboxContent {
        width: 95% !important;
        max-width: 768px !Important;
        height: auto !important;
    }

    #cboxMiddleLeft, #cboxMiddleRight {
        width: 5% !important;
    }

    #colorbox {
        max-width: 768px !Important;
        width: 95% !important;
        /*	min-width: 400px!important;*/
    }
}

#PromptFeedbackSendButton {
    background-color: #007cba !important;
    color: white;
    margin-right: 8px;
}

#PromptFeedbackCancelButton {
    background-color: gray !important;
    color: white;
}

.Header1ReportPageTitle {
    margin-left: auto !important;
}

#forgotPassword.page div.row {
    margin-left: auto !important;
    width: 100% !important;
}


#ForgotPasswordCommentPrompt {
    margin-bottom: 10px !important;
}

#ForgotPasswordCaptchaPrompt {
    margin-left: auto !important;
}

#ForgotPasswordUsernamePrompt-div {
    margin-top: auto !important;
}

iframe {
    height: auto%;
}

#ForgotPasswordCaptchaPrompt {
    height: 100% !important;
}

    #ForgotPasswordCaptchaPrompt div:first-child {
        height: 100% !important;
    }

#ForgotPasswordPrompt {
    margin-left: 0px !important;
}

#recaptcha-accessible-status {
    margin-top: 40px !important;
}

#createAccountPlugin .col2 {
    width: 100%;
}

#createAccountPlugin #PromptConfirmMsg .block__comment {
    border: 0px !important;
}

#createAccountPlugin #PromptNext {
    margin-left: 0px;
    margin-bottom: 30px;
}


#myUserInfo .page__sidenav {
    background: none;
}
@media (max-width: 991.5px) {
    #myUserInfo .plugin:not(#home-plugin_home) {
        margin-left: 0px;
    }
}



#myUserInfo .navbar-dark .navbar-toggler {
    color: white;
    border-color: black;
}

#myUserInfo .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
}

#myUserInfo .active {
    background-color: #ecd6d6;
    text-decoration: underline;
    color: black;
}

#myUserInfo .nav-item {
    line-height: 28px;
}




.stacktable {
    width: 100%;
}

.st-head-row {
    padding-top: 1em;
}

    .st-head-row.st-head-row-main {
        font-size: 1.5em;
        padding-top: 0;
    }

.st-key {
    width: 49%;
    text-align: left;
    padding-right: 1%;
    font-weight: bold;
    font-size: 11px;
}

.st-val {
    width: 49%;
    padding-left: 1%;
    font-size: 11px;
}

.table__grid td {
    border-top: 1px solid #dee2e6;
}

.table__grid {
    border-top: 1px solid black;
}

#PromptDraftReportsGrid .table td, .table th {
    padding: .15rem;
}

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}

@media (max-width: 800px) {
    .stacktable.large-only {
        display: none;
    }

    .stacktable.small-only {
        display: table;
    }
}

@media (min-width: 800px) { 
    .d-800-table-caption {
        display: table-caption !important;
    }
}

div > caption, div > caption.d-800-table-caption {
    display: none!important;
}

#guestReportsPlugin #PromptRFRLead .PromptFieldSetStyle {
    padding: revert !important;
}