@font-face {
    font-family: 'DiscoverSans-Bold';
    src: url('/App_Themes/085/Fonts/DiscoverSans-Bold.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-Bold?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-Bold.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-BoldItalic';
    src: url('/App_Themes/085/Fonts/DiscoverSans-BoldItalic.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-BoldItalic?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-BoldItalic.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-Book';
    src: url('/App_Themes/085/Fonts/DiscoverSans-Book.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-Book?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-Book.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-Book.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-Extrabold';
    src: url('/App_Themes/085/Fonts/DiscoverSans-Extrabold.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-Extrabold?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-Extrabold.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-Extrabold.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-ExtraboldItalic';
    src: url('/App_Themes/085/Fonts/DiscoverSans-ExtraboldItalic.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-ExtraboldItalic?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-ExtraboldItalic.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-ExtraboldItalic.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-Italic';
    src: url('/App_Themes/085/Fonts/DiscoverSans-Italic.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-Italic?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-Italic.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-Italic.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-Light';
    src: url('/App_Themes/085/Fonts/DiscoverSans-Light.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-Light?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-Light.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-LightItalic';
    src: url('/App_Themes/085/Fonts/DiscoverSans-LightItalic.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-LightItalic?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-LightItalic.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-Medium';
    src: url('/App_Themes/085/Fonts/DiscoverSans-Medium.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-Medium?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-Medium.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-MediumItalic';
    src: url('/App_Themes/085/Fonts/DiscoverSans-MediumItalic.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-MediumItalic?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-MediumItalic.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-Semibold';
    src: url('/App_Themes/085/Fonts/DiscoverSans-Semibold.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-Semibold?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-Semibold.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-Semibold.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-SemiboldItalic';
    src: url('/App_Themes/085/Fonts/DiscoverSans-SemiboldItalic.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-SemiboldItalic?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-SemiboldItalic.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-SemiboldItalic.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-Thin';
    src: url('/App_Themes/085/Fonts/DiscoverSans-Thin.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-Thin?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-Thin.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-Thin.woff') format('woff');
}

@font-face {
    font-family: 'DiscoverSans-ThinItalic';
    src: url('/App_Themes/085/Fonts/DiscoverSans-ThinItalic.eot');
    src: url('/App_Themes/085/Fonts/DiscoverSans-ThinItalic?#iefix') format('embedded-opentype'), url('/App_Themes/085/Fonts/DiscoverSans-ThinItalic.woff2') format('woff2'), url('/App_Themes/085/Fonts/DiscoverSans-ThinItalic.woff') format('woff');
}

@media screen {
    #mainc {
        text-align: center;
        width: 100%;
    }
}

@media print {
    .webmenu {
        display: none;
    }

    .noprint, .NoPrint {
        display: none;
    }
}

a:link, a:active, a:visited {
    text-decoration: none;
    color: #3057B9;
}

a:hover {
    text-decoration: underline;
}

.loginLink:link, .loginLink:active, .loginLink:visited {
    color: #303030 !important;
}

form {
    padding: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

#pageFrame {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    vertical-align: text-top;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    width: 970px;
    z-index: -10;
}

#leftTd {
    background-image: url(menuBackground.gif);
    background-repeat: repeat-x;
}

#header {
    height: 60px;
    width: 100%;
    color: #526066;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0;
    position: relative;
}

    #header a:link, #header a:active, #header a:visited {
        color: #3057B9;
        text-decoration: none;
    }

    #header a:hover {
        text-decoration: underline;
    }

    #header #logo {
        float: left;
        padding-top: 1.5em;
    }

    #header #top-search {
        margin: 20px 0 10px 0 !important;
        vertical-align: middle;
        font-weight: bold;
        float: right;
    }

    #header a.myprofile {
        background-image: url(icon-profile.gif);
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 21px;
        margin-right: 6px;
    }

    #header a.account-home {
        background-image: url(c_sprite.png);
        background-position: 0 -1993px;
        background-repeat: no-repeat;
        background-clip: border-box;
        padding-left: 21px;
        margin-right: 6px;
    }

    #header #customer-info {
        text-align: right;
        color: #8a9499;
        right: 20px;
        top: 5px;
        vertical-align: bottom;
    }

        #header #customer-info #login-info {
            padding-left: 15px;
            margin-left: 5px;
            margin-right: -10px;
            float: right;
            background-image: url(icon-lock.gif);
            background-repeat: no-repeat;
            background-clip: border-box;
            height: 20px;
            top: 3px;
            vertical-align: middle;
        }

#divFooter {
    color: #84888b;
    text-align: right;
    padding-top: 10px;
    margin-top: 15px;
    font-size: 11px;
    border-top: 1px solid #cccccc;
    height: 65px;
    float: left;
    width: 100%;
}

#divFooterLinks {
    text-align: left;
    float: left;
    width: 630px;
}

#page {
    background-color: #ffffff;
    margin: 0 auto;
    width: 970px;
}

#contentParent {
    padding-bottom: 10px;
    padding-left: 10px;
    height: auto !important;
    display: block;
    background-color: #fff;
    box-sizing: initial;
}

#ContentContainerTable {
    padding: 10px;
    margin: 0;
    width: 100%; 
    background-color: #ffffff;
    border-collapse: separate;
}

.dmimtgPageTitle {
    font-size: 20px;
    color: #293033;
    font-weight: 700;
    text-transform: uppercase;
}

.CssStyleSubtitleContainer {
    font-weight: bold !important;
    font-size: 14px;
}

.contentArea {
    width: 100%;
}

.CssStyleTitleOldPages,
.dmiHidden {
    display: none;
}

#menuDiv {
    text-align: left;
    top: 0;
    border-top: 1px solid #cccccc;
    background-repeat: repeat-x;
}

.menu table {
    background-image: url(menuBackground.gif);
    background-repeat: repeat-x;
    width: 100%;
    padding-left: 5px;
}

.menu td {
    height: 30px !important;
}

.menuItem {
    white-space: nowrap;
    padding: 10px 5px;
    font-weight: normal;
    width: 0 !important;
}

    .menuItem td {
        width: 10px;
    }

    .menuItem a {
        height: 20px;
        text-decoration: none;
        color: #293033;
    }

.menuItemHighlight {
    color: #f58025;
    font-weight: 700;
}

    .menuItemHighlight a {
        color: #f58025;
        font-weight: 700;
    }

.menuItem td {
    text-align: left;
}

.menu td {
    height: 20px;
}

.menu a, .menu a:visited {
    text-decoration: none;
}

    .menu a:hover, .menu a:active, .menu a:focus {
        color: #f58025;
        text-decoration: none;
    }

.small {
    FONT-SIZE: 11px;
    COLOR: #000000;
}

.Grid {
    width: 100%;
    BACKGROUND-COLOR: #ffffff;
}

    .Grid TD {
        PADDING-RIGHT: 10px;
        PADDING-LEFT: 10px;
        COLOR: #000000;
    }

.GridHeader {
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #e8e8d4;
}

.GridContainerCssStyles {
    width: 650px;
}

.GridStyleCss {
    width: 100%;
    border: solid 1px #F0F0F0;
}

.GridItem {
    color: #000000;
}

.GridAltItem {
    color: #000000;
}

.CssStyleBold {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 5px;
}

.ParentContainerCssStyle {
    margin-bottom: 30px;
    width: 100%;
}

.CssStyleTitleContainer, .CssStyleTitleContainerOldPages {
    margin-bottom: 20px;
}

.CssStyleTitle, .CssStyleTitleOldPages /* page title */ {
    font-size: 20px;
    color: #293033;
    font-weight: bold;
    text-transform: uppercase;
}

.CssStyleSubtitleContainer, .CssStyleSubtitleContainerOldPages /*subtitle */ {
    margin-bottom: 15px;
}

.CssStyleSubtitleContainerNoBorder /*subtitle not underlined*/ {
    margin-bottom: 15px;
}

.CssStyleSubtitle, .CssStyleSubtitleOldPages /*subtitle */ {
    font-weight: bold;
}

.fieldLabel {
    color: #000000;
}

.uc_paymentother_hztonLine {
    border-top: #000000 1px solid;
    width: 150px;
}

.banner {
    display: block !important;
    padding: 0;
    margin: 0;
    width: 200%;
}

.dmimtgLabellerLabel,
.dataLabel {
    width: 298px; /*298px; doesn't work in smaller screens*/
    padding-bottom: 5px;
}

.dataTable {
    width: 40%;
}

.dmimtgLabellerValue,
.dataValue {
    padding-bottom: 5px;
    font-weight: 400;
    color: #000000;
    width: 298px; /*298px; doesn't work in smaller screens*/
}

.GridAltStyleCss {
    color: #000000;
    padding: 3px 8px;
    text-align: left;
    background-color: #f2f2f2;
}

.GridAltStyleCss2 {
    color: #000000;
    padding: 3px 8px;
    text-align: left;
    background-color: #ffffff;
}

.GridHeaderStyleCss2 {
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    background-color: #cccccc;
    font-weight: bold;
}

.numericData {
    text-align: right;
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
}

.escrowTaxContainer {
    width: 700px;
    margin-bottom: 30px;
}

.first {
    padding: 3px 8px;
}

.dataDate {
    padding: 3px 8px;
    text-align: center;
}

.dataQuantity {
    padding: 3px 8px;
    text-align: right;
}

.FAQAnchorTagContainer {
    display: none;
    margin-bottom: 15px;
}

.FAQQuestionContainer {
    font-weight: bold;
}

.FAQQuestion {
    font-weight: bold;
}

.FAQAnswerContainer {
    margin-left: 10px;
    margin-bottom: 10px;
}

.FAQTopLinkContainer {
    float: right;
}

.FAQTopLink {
    display: none;
}

.customerServiceHotlineNumber {
    font-weight: bold;
}

.changePasswordWizard {
    border-bottom-color: #cccccc;
    border-top-color: #cccccc;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-width: 1px;
    color: #616365;
}

.ContactUsPanel3 {
    padding-top: 20px;
}

#loanPick_MainContainer {
    padding-left: 10px;
    width: 166px !important;
}

#lblDisclosureStatment_Agreement {
    margin-left: 10px;
    margin-top: 10px;
}

#disclosureCheckBoxContent {
    margin-left: 5px;
}

/* GoPaperless styles*/
/* Undefined, Disabled, Enabled */
#AllowEnableDisable_message {
    text-decoration: none;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 10px;
}

#AllowEnableDisable_mainContainer {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

#AllowEnableDisable_section2 {
    margin-left: 30px;
    margin-top: 30px;
}

#uxAllowEnableDisableSection3 {
    margin-left: 30px;
    margin-bottom: 30px;
}

#AllowEnableDisable_btnControls {
    margin-bottom: 10px;
}

#NotAvailable_MainContainer {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

/* Pending_Enable, Pending_Disable */
#CancelEnableDisable_MainContainer {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

#CancelEnableDisable_lblMsgContainer {
    margin-bottom: 20px;
}

#CancelEnableDisable_btnContainer {
    margin-bottom: 10px;
}

/* Batch_Disable, Batch_Enable, Submitted_Disable, Submitted_Enable */
#ProcessingEnableDisable_MainContainer {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

.ProcessingEnableDisable_lblMessage {
    margin-bottom: 20px;
}
/* end gopaperless styles */

.NoData1098 {
    color: #616365;
    font-weight: normal;
}

#cssNotes {
    width: 600px;
}

.Annotation {
    FONT-SIZE: 9px;
}

#PersonalPreference_mainContainer {
    margin-top: 30px;
}

#TestControl_mainContainer {
    margin-bottom: 15px;
    margin-left: 25px;
}

#TestControl_displayer {
    margin-bottom: 5px;
}

.TestControl_imgCntrl {
    height: 10px;
    margin-right: 5px;
    width: 10px;
}

.TestControl_lnkCntrl {
    color: #0067b1;
}

    .TestControl_lnkCntrl:link, .TestControl_lnkCntrl:hover, .TestControl_lnkCntrl:active, .TestControl_lnkCntrl:visited {
        Color: #a22b22;
        text-decoration: none;
    }

#TestControl_descrptContainer {
    margin-left: 30px;
    margin-bottom: 3px;
}

#ChangeEmail_container span {
    padding-top: 15px;
    padding-bottom: 5px;
}

#ChangeEmail_container {
    margin-bottom: 15px;
}

#ChangeEmail_disclosure {
    margin-bottom: 15px;
}

.dmimtgLabelerRowContainer {
    min-height: 20px;
}

#uxAutodraftLink {
    margin-bottom: 10px;
}

#uxPaperlessLink {
    padding-top: 20px;
}

    #uxPaperlessLink span,
    #uxAutodraftLink span {
        width: 270px;
        text-align: left;
    }

@media (min-width: 635px) {
    #uxPaperlessLink img,
    #uxAutodraftLink img {
        margin-left: 20px;
    }
}

.dmimtgLabelerDisplayText {
    float: left;
    margin-top: 5px !important;
    width: 298px;
    margin-bottom: 5px !important;
}

#ChangeEmail_validation {
    width: 400px;
}

/* forgotpwd pages */
#PromptLabelContainerDiv {
    padding-bottom: 20px;
}

#SendPasswordContainerDiv input {
    margin-top: 10px;
}

#DataContainerDiv input {
    margin-top: 0;
}

/* register new user pages */
.gettingStartedPanel, #Step4Container, #Step3Container, #Step2Container {
    padding-top: 20px;
}

#Question1ContainerDiv, #Question2ContainerDiv, #Question3ContainerDiv, #FooterInstructionsDiv, .dataEntryContainerDiv {
    padding-top: 10px;
    padding-bottom: 5px;
}

.qAInstructionPanel, .setUpUserInfoPanel {
    padding-bottom: 5px;
}

#HeaderContainerDiv span {
    padding-left: 10px;
}

/* login pages */
#Step4InstructionsContainer {
    padding-bottom: 5px;
}

/* make payment */
.tandIDisclaimer {
    padding-top: 10px;
}

.loanpick {
    white-space: nowrap;
}

.baseHorizontalLineStyle {
    display: none;
}

/* e-statement page specific */
.printFriendly {
    color: #000000 !important;
}

.eBTable {
    width: 100%;
}

.eBLeftCol {
    width: 250px;
    border-bottom: thin #999966 dotted;
}

.eBRightCol {
    border-bottom: thin #999966 dotted;
    text-align: right;
}

.diveB_Details {
    width: 40%;
    float: right;
    padding-right: 5px;
}

.diveB_BillAddress {
    float: left;
    clear: both;
    width: 59%;
}

.diveB_PropAddress {
    float: left;
    clear: both;
    width: 59%;
    margin-top: 3em;
}

.eBItemHeading {
    font-weight: bold;
}

.diveB_YTD {
    float: left;
    width: 100%;
    margin-top: 3em;
}

.eBYtdCol {
    width: 33%;
}

.eBHeading {
    font-weight: bold;
}

.divTop {
    float: left;
    width: 100%;
    margin-bottom: 2em;
}

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

.eBillPrintBody {
    background-color: #ffffff;
}

.ebillContainer input {
    margin-top: 15px;
}

.diveB_BillAddress, .diveB_Details, .diveB_PropAddress {
    padding-bottom: 10px;
}

.diveB_BillAddress, .diveB_PropAddress {
    padding-top: 10px;
}

.divDisclaimer {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    display: block !important;
}

.testFlagContainer {
    position: absolute;
    padding-top: 30px;
}

.PageTitle {
    margin-bottom: 0;
    padding: 15px;
}
/* end e-statement styles */

.MakePaymentNopayment {
    font-weight: bold;
    border: none;
    color: inherit;
}

#divFooter {
    height: 65px;
    width: 100%;
    margin-top: 15px;
    background-image: url(FDICfooter.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

    #divFooter a:link, #divFooter a:visited {
        text-decoration: none;
        color: #84888b;
    }

    #divFooter a:hover {
        text-decoration: none;
        color: #da293d;
    }

.PageTitlePreferences {
    display: block !important;
    padding-bottom: 10px;
}

.PageTitlePreferencesContainer {
    display: block !important;
}

#preferencesPageContainer {
    padding-left: 20px;
}

#account-contain {
    width: 100%;
    clear: both;
    margin-top: 10px;
    border-top-color: #c7d2d6;
    border-top-width: 1px;
    border-top-style: solid;
    display: inline-table;
}

#account-content {
    padding-top: 5px;
    margin: 0 20px;
}

    #account-content #account-left {
        width: 100%;
        float: left;
    }

        #account-content #account-left table#account-info {
            border-collapse: collapse;
        }

            #account-content #account-left table#account-info td {
                color: #364145;
                padding: 9px 10px;
                /*vertical-align: top;*/
                border-bottom-color: #c7d2d6;
                border-bottom-width: 1px;
                border-bottom-style: solid;
            }

        #account-content #account-left h1 {
            color: #f58025;
            padding-left: 50px;
            font-size: 18px;
            font-weight: bold;
            background-image: url("/App_Themes/085/account-icon.gif");
            background-attachment: scroll;
            background-repeat: no-repeat;
            background-position-x: left;
            background-position-y: top;
            background-size: auto;
            background-origin: padding-box;
            background-clip: border-box;
            background-color: transparent;
        }

        #account-content #account-left table#account-info td.col1 {
            width: 200px;
        }

        #account-content #account-left table#account-info td.col2 {
            width: 200px;
            font-weight: bold;
        }

        #account-content #account-left table#account-info td.col3 {
            width: 100px;
        }

            #account-content #account-left table#account-info td.col3 img {
                vertical-align: middle;
            }

        #account-content #account-left table#account-info tr.last-row {
            border-bottom: 0;
            margin-top: 5px !important;
        }

        #account-content #account-left table#account-info tr.lastrow {
            border-bottom: 1px solid #c7d2d6;
        }

        #account-content #account-left table#account-info tr.orange-row td {
            background-color: rgb(255, 242, 217);
        }

        #account-content #account-left table#account-info tr.last-row td, #account-content #account-left table#account-info tr.no-border td {
            border-bottom-style: none;
        }

.noborder {
    border: 0 !important;
}

#contact-contain {
    border-top-color: #c7d2d6;
    border-top-width: 1px;
    border-top-style: solid;
    display: inline-table;
    width: 100%;
    clear: both;
    margin-top: 10px;
}

#contact-content {
    padding-top: 5px;
    margin: 0 20px;
}

    #contact-content #contact-left {
        width: 568px;
    }

        #contact-content #contact-left table#contact-consumer-info td {
            color: #364145;
            padding: 9px 10px;
            vertical-align: top;
            border-bottom-color: #c7d2d6;
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }

        #contact-content #contact-left h1 {
            color: #f58025;
            padding-left: 50px;
            font-size: 18px;
            font-weight: bold;
            background-image: url("/App_Themes/085/icon-contact.gif");
            background-attachment: scroll;
            background-repeat: no-repeat;
            background-position-x: left;
            background-position-y: top;
            background-size: auto;
            background-origin: padding-box;
            background-clip: border-box;
            background-color: transparent;
        }

        #contact-content #contact-left table#contact-consumer-info td.col1 {
            width: 200px;
        }

        #contact-content #contact-left table#contact-consumer-info td.col2 {
            width: 200px;
            font-weight: bold;
        }

        #contact-content #contact-left table#contact-consumer-info td.col3 {
            width: 100px;
        }

        #contact-content #contact-left table#contact-consumer-info tr.orange-row td {
            background-color: rgb(255, 242, 217);
        }

        #contact-content #contact-left table#contact-consumer-info tr.last-row td {
            border-bottom-style: none;
        }

#payment-contain {
    width: 100%;
    border-top-color: #c7d2d6;
    border-top-width: 1px;
    border-top-style: solid;
    display: inline-table;
}

    #payment-contain .row {
        clear: both;
        margin-top: 10px;
        color: #364145;
        padding: 9px 10px;
        vertical-align: top;
    }

#payment-content {
    padding-top: 5px;
    margin: 0 20px;
}

    #payment-content #payment-left {
        width: 568px;
        float: left;
    }

        #payment-content #payment-left h1 {
            color: #f58025;
            padding-left: 50px;
            font-size: 18px;
            font-weight: bold;
            background-image: url("/App_Themes/085/icon-payment-icon.gif");
            background-attachment: scroll;
            background-repeat: no-repeat;
            background-position-x: left;
            background-position-y: top;
            background-size: auto;
            background-origin: padding-box;
            background-clip: border-box;
            background-color: transparent;
        }

        #payment-content #payment-left table#payment-info td.col1 {
            width: 200px;
        }

        #payment-content #payment-left table#payment-info td.col2 {
            width: 200px;
            font-weight: bold;
        }

        #payment-content #payment-left table#payment-info td.col3 {
            width: 100px;
        }

        #payment-content #payment-left table#payment-info tr.orange-row td {
            background-image: none;
            background-attachment: scroll;
            background-repeat: repeat;
            background-position-x: 0;
            background-position-y: 0;
            background-size: auto;
            background-origin: padding-box;
            background-clip: border-box;
            background-color: rgb(255, 242, 217);
        }

#email-contain {
    width: 100%;
    border-top-color: #c7d2d6;
    border-top-width: 1px;
    border-top-style: solid;
    display: inline-table;
    border-bottom-color: #c7d2d6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    #email-contain .row {
        clear: both;
        margin-top: 10px;
        color: #364145;
        padding: 9px 10px;
        vertical-align: top;
    }

#email-content {
    padding-top: 5px;
    margin: 0 20px;
}

    #email-content #email-left {
        width: 568px;
        float: left;
    }

        #email-content #email-left h1 {
            color: #f58025;
            padding-left: 50px;
            font-size: 18px;
            font-weight: bold;
            background-image: url("/App_Themes/085/icon-email.gif");
            background-attachment: scroll;
            background-repeat: no-repeat;
            background-position-x: left;
            background-position-y: top;
            background-size: auto;
            background-origin: padding-box;
            background-clip: border-box;
            background-color: transparent;
        }

        #email-content #email-left table#email-info td.col1 {
            width: 200px;
        }

        #email-content #email-left table#email-info td.col2 {
            width: 200px;
            font-weight: bold;
        }

        #email-content #email-left table#email-info td.col3 {
            width: 100px;
            font-weight: bold;
        }

        #email-content #email-left table#email-info tr.orange-row td {
            background-color: rgb(255, 242, 217);
        }

        #email-content #email-left table#email-info tr.last-row td {
            border-bottom-style: none;
        }

#top-content #top-title h2 {
    font-size: 16px;
    font-weight: bold;
}

#top-content #top-title p {
    color: #364145;
}

#profile-page {
    font-size: 16px;
}

#footer .primary-links {
    color: #656e73;
    padding: 20px 20px 5px;
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(254, 254, 254);
    height: 24px;
}

#footer .primary-links-bottom {
    width: 970px;
    height: 20px;
    background-image: url("/App_Themes/085/bg-footer-btm.png");
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
}

#footer .primary-links .link-container, #footer .logo-line, #footer .second-links ul {
    zoom: 1;
}

#footer .logo-line {
    display: inline;
}

#footer .primary-links ul.additional-links {
    padding: 8px 0;
    float: left;
}

    #footer .primary-links ul.additional-links li {
        padding: 0 8px;
        font-size: 12px;
        border-left-color: #c0c8cc;
        border-left-width: 1px;
        border-left-style: solid;
        float: left;
    }

#footer .primary-links #it-pays-link {
    width: 193px;
    height: 24px;
    text-indent: -9999px;
    float: right;
    background-image: url("/App_Themes/085/logo-it-pays-to-discover.png");
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
}

.PersInfoBottomPageDisclaimor {
    display: block;
    margin-top: 25px;
}

.FAQLink {
    color: #293033 !important;
    padding-left: 5px;
    padding-bottom: 5px;
    float: left;
    font-weight: bold;
}

    .FAQLink:hover, .FAQLink:active, .FAQLink:focus {
        text-decoration: none !important;
        color: #f58025 !important;
    }

#SendPasswordContainerDiv {
    padding-top: 20px;
}

.col-last {
    margin-right: 0;
}

.PasswordRecoveryPageTitle {
    padding-bottom: 20px;
}

#InstructionsContainerDiv {
    padding-bottom: 10px;
}

* {
    box-sizing: border-box;
}

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}

body {
    font-size: 14px !important;
    font-family: DiscoverSans-Semibold, sans-serif !important;
    line-height: 150% !important;
    color: #333333 !important;
    background-color: white !important;
    padding: 0 !important;
    margin: 0 !important;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

#global-footer-wrap {
    width: 100%;
    float: left;
    padding: 0 15px 40px 15px;
    background-color: #f8f8f8;
}

    #global-footer-wrap #global-footer-content {
        padding: 0;
        overflow: hidden;
    }

        #global-footer-wrap #global-footer-content .secondary-links-wrap {
            font-family: DiscoverSans-Semibold, sans-serif;
            margin: 0 auto;
            text-align: end;
            max-width: 940px;
            overflow: hidden;
            position: relative;
        }

.col-xs-12, .col-md-6 {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .tagline {
    margin-top: 45px;
    clear: left;
    margin-bottom: 12px;
}

.floatleft {
    float: left;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

a {
    color: #428bca;
    background: transparent;
    text-decoration: none;
}

    a.-webkit-any-link {
        cursor: auto;
    }

#global-footer-wrap #global-footer-content .secondary-links-wrap .CoprightContent {
    text-align: left;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .last {
    margin-right: 0;
    padding-right: 0;
    border: none;
    text-align: left;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin: 1em 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap ul {
    overflow: hidden;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px;
    padding-bottom: 2px;
}

ul li {
    list-style-type: none;
}

li {
    text-align: -webkit-match-parent;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .equal-housing-lender {
    margin-top: 12px;
    clear: left;
}

    #global-footer-wrap #global-footer-content .secondary-links-wrap .equal-housing-lender .equal-housing-lender-img {
        height: 55px;
        width: 50px;
        background: url(logo-equalhousing.png) top left no-repeat;
        background-size: auto 47px;
        display: inline-block;
    }

.callfor-accessibility {
    position: absolute;
    left: -10000px;
    overflow: hidden;
    width: 0;
    height: 0;
    display: inline-block;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .member-fdic .member-fdic-img {
    height: 29px;
    width: 45px;
    background: url(header-footer-sprite.png) -86px 0 no-repeat;
    background-size: auto 48px;
    display: inline-block;
}

#global-footer-wrap img {
    vertical-align: middle;
    border: 0;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .member-fdic {
    margin-top: 28px;
    margin-left: 18px;
}

#global-footer-wrap script {
    display: none;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .nortonseal {
    margin-top: 6px;
    margin-left: 18px;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .it-pays-to-discover {
    float: right;
    position: absolute;
    bottom: 5px;
    right: 25px;
}

    #global-footer-wrap #global-footer-content .secondary-links-wrap .it-pays-to-discover .discover-logo-img {
        background: url(Discover-logo-larger.png);
        background-size: 100%;
        background-position: 0 237px;
        width: 140px;
        height: 25px;
        display: inline-block;
    }

.last span {
    display: inline;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .footerImgWrapper {
    float: left;
    clear: left;
    margin-top: 22px;
}

@media (min-width: 768px) {
    .col-md-6 {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
	/*
    .HelpCenter .col-md-6 {
        width: 50%;
    }

        .HelpCenter .col-md-6 table {
            width: auto !important;
            margin-bottom: 16px;
        }
        */

   	.rwd-tab.footer #global-footer-wrap #global-footer-content {
		padding: 0 0 0 0;
	}

	.rwd-tab.footer #global-footer-wrap {
		padding: 0 0 40px 0;
	}

	#global-footer-wrap #global-footer-content .for-mobile.secondary-links-wrap {
		margin: 0 auto 18px;
	}

	#global-footer-wrap #global-footer-content .secondary-links-wrap .mobile-tagline.tagline {
		float: none;
		text-align: center;
		margin-top: 71px;
	}

		#global-footer-wrap #global-footer-content .secondary-links-wrap .mobile-tagline.tagline .last {
			text-align: center;
		}

	.mbliPagePbreak {
		display: block !important;
	}

	#global-footer-wrap #global-footer-content .secondary-links-wrap .mobile-tagline.tagline .CoprightContent {
		text-align: center;
		margin: 0 auto;
	}

	.rwd-tab.footer #global-footer-wrap #global-footer-content .secondary-links-wrap .footerImgWrapper {
		margin-top: 56px;
	}

	#global-footer-wrap #global-footer-content .secondary-links-wrap .footerImgWrapper {
		width: 214px;
		margin: 0 auto;
		float: none !important;
	}

	#global-footer-wrap #global-footer-content .for-mobile.secondary-links-wrap .it-pays-to-discover {
		float: none;
		position: relative;
		bottom: inherit;
		right: inherit;
		clear: left;
		margin: 0 auto;
		display: table;
		padding: 43px 0 0 0;
	}
}

@media (max-width: 767px) and (min-width: 500px) {
    .visible-sm {
        display: block !important;
    }

    .hidden-sm {
        display: none !important;
    }
}

@media (max-width: 499px) {

    .rwd-tab.footer #global-footer-wrap #global-footer-content .secondary-links-wrap .mobile-tagline.tagline {
        margin-left: 0 !important;
    }

    .visible-xs {
        display: block !important;
    }

    .rwd-tab.footer #global-footer-wrap #global-footer-content .secondary-links-wrap .mobile-tagline.tagline .last {
        width: 77%;
        margin: 0 auto;
    }

    .rwd-tab.footer #global-footer-wrap #global-footer-content .secondary-links-wrap .mobile-tagline.tagline .CoprightContent {
        width: 90%;
    }

    .hidden-xs {
        display: none !important;
    }

    .rwd-tab.footer #global-footer-wrap #global-footer-content .secondary-links-wrap .footerImgWrapper {
        margin-top: 45px;
    }

    .rwd-tab.footer #global-footer-wrap #global-footer-content .secondary-links-wrap .it-pays-to-discover {
        padding: 23px 0 0 0;
    }
}


.dmimtgControlTitlePanel {
    margin-bottom: 20px;
}

.dmimtgControlTitleLabel {
    color: #293033;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

.dmimtgNotificationSectionPanel {
    margin-bottom: 30px;
    width: 100%;
}

.dmimtgNotificationSectionTitle {
    font-weight: bold;
}

.dmimtgAutopayDisclaimerTitleParagraph {
    margin: 0;
    text-transform: uppercase;
}

.dmimtgAutopayEnterDataRow td,
.dmimtgAutopayVerifyRow td,
.dmimtgAutopayConfirmRow td,
.dmimtgAutopayPendingCancelledRow td {
    padding: 5px 0;
}

.dmimtgAutopayActionPanel {
    margin-top: 20px;
}

.dmimtgAutopayAnnotation {
    font-size: .9em;
    font-style: italic;
}

.dmimtgAutopayTotalDraftValue {
    font-weight: bold;
}

.dmimtgDisplay1098DataTable {
    width: 100%;
}

    .dmimtgDisplay1098DataTable td {
        padding: 5px;
    }

div.dmimtgControlPanel span.dmimtgControlTitleLabel,
div.dmimtgControlPanel div.print a.printNonForm,
div.dmimtgControlPanel div.print span.printOptionSeparator {
    display: none !important;
}

.dmieStatementItem {
    text-align: left;
}

.contentPanel {
    padding: 3px 0 0 0 !important;
}

/* MENU */
#navbar-navbar {
    margin-bottom: 0;
}

.menuArea {
    background-repeat: repeat-x;
}

.navbar {
    margin-bottom: 0 !important;
    border: 0 !important;
}

.navbar-nav {
    margin: 0 -15px !important;
}
/* MENU END */

#ContentContainerTable {
    padding: 10px;
    margin: 0;
    width: 100%;
    background-color: #ffffff;
}

/* #region Header */
#headerChaneEmailRef {
    color: #267bb1;
}

.GridStyleCss th {
    text-align: center !important;
}

.GridStyleCss th,
.GridStyleCss td {
    border: 1px solid black;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-left: 3px !important;
}
/* #endregion Header */

/* #region Summary */
.dmimtgLabelerDisplayText {
    margin-bottom: 8px !important;
    padding-bottom: 8px !important; /* for giving space to button below, margin-bottom does not seem to work*/
}
/* #endregion Summary */

/*keeping primary and secondary buttons same appearnace*/
.btn,
.btn-danger,
.btn-primary,
.btn-secondary,
#btnBack, #loginNextButton,
#StepNextButton1, #StepNextButton, #FinishButton,
[name="forgotUserName:ForgotUserNameStep2"], .ForgotPasswordSubmitButton, [name="forgotPassword:ForgotPasswordStep2"],
#btnCancel, input.ForgotUserNameBackButton, [name="forgotPassword:PreviousStep"], a.dmimtgAutopayCancelActionButton, #CancelHyperLink {
    background-color: #ffffff;
    border-color: #3057B9;
    border-radius: 50vh;
    border-width: 2px !important;
    border-style: solid !important;
    color: #3057B9 !important;
    cursor: pointer;
    display: inline-block !important;
    font-size: 19px !important;
    font-weight: bold !important;
    height: auto !important;
    line-height: 28.5px !important;
    font-weight: bold !important;
    margin-right: 1em !important;
    min-width: 90px !important;
    padding: 7.5px 18px 5.5px !important;
    text-align: center;
    text-decoration: none !important;
    width: auto !important;
    font-family: 'DiscoverSans-Bold';
    margin-bottom: .5em;
}

    .btn:hover, .btn:focus, .btn:active,
    .btn-danger:hover, .btn-danger:focus, .btn-danger:active,
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
    btn-cancel:hover, btn-cancel:active, btn-cancel:focus,
    btn-secondary:hover, btn-secondary:active, btn-secondary:focus,
    #loginNextButton:hover, #loginNextButton:active, #loginNextButton:focus,
    #btnModifyPaymentAfterVerifyDetails:hover, #btnModifyPaymentAfterVerifyDetails:active, #btnModifyPaymentAfterVerifyDetails:focus,
    #StepNextButton1:hover, #StepNextButton1:active, #StepNextButton1:focus,
    #StepNextButton:hover, #StepNextButton:active, #StepNextButton:focus,
    [name="forgotUserName:ForgotUserNameStep2"]:hover, [name="forgotUserName:ForgotUserNameStep2"]:active, [name="forgotUserName:ForgotUserNameStep2"]:focus,
    .ForgotPasswordSubmitButton:hover, .ForgotPasswordSubmitButton:active, .ForgotPasswordSubmitButton:focus,
    [name="forgotPassword:ForgotPasswordStep2"]:hover, [name="forgotPassword:ForgotPasswordStep2"]:active, [name="forgotPassword:ForgotPasswordStep2"]:focus,
    #FinishButton:hover, #FinishButton:active, #FinishButton:focus,
    #btnCancel:hover, #btnCancel:active, #btnCancel:focus,
    #uxAutopayCancelPendingNoAction:hover, #uxAutopayCancelPendingNoAction:active, #uxAutopayCancelPendingNoAction:focus,
    #CancelHyperLink:hover, #CancelHyperLink:active, #CancelHyperLink:focus,
    #btnBack:hover, #btnBack:active, #btnBack:focus {
        background-color: #eee;
        text-decoration: none !important;
    }

.btn-primary,
#btnCancelPaymentOnline, /* btn-danger but should be btn-primary */
#loginNextButton,
#StepNextButton1,
#StepNextButton,
[name="forgotUserName:ForgotUserNameStep2"],
.ForgotPasswordSubmitButton, [name="forgotPassword:ForgotPasswordStep2"],
#FinishButton,
.dmimtgAutopayActionPanel .dmimtgAutopayPrimaryActionButton:first-of-type {
    background-color: #EC6B29;
    border-color: #EC6B29;
    color: #fff !important;
    /*line-height: 45px !important;
    border-color: #3057B9 !important;*/
}

    #btnCancelPaymentOnline:hover, #btnCancelPaymentOnline:focus, #btnCancelPaymentOnline:active,
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
    #loginNextButton:hover, #loginNextButton:focus, #loginNextButton:active,
    #StepNextButton1:hover, #StepNextButton1:focus, #StepNextButton1:active,
    #StepNextButton:hover, #StepNextButton:focus, #StepNextButton:active,
    [name="forgotUserName:ForgotUserNameStep2"]:hover,
    [name="forgotUserName:ForgotUserNameStep2"]:focus,
    [name="forgotUserName:ForgotUserNameStep2"]:active,
    .ForgotPasswordSubmitButton:hover,
    .ForgotPasswordSubmitButton:focus,
    .ForgotPasswordSubmitButton:active,
    [name="forgotPassword:ForgotPasswordStep2"]:hover,
    [name="forgotPassword:ForgotPasswordStep2"]:focus,
    [name="forgotPassword:ForgotPasswordStep2"]:active,
    #FinishButton:hover,
    #FinishButton:focus,
    #FinishButton:active,
    .dmimtgAutopayActionPanel .dmimtgAutopayPrimaryActionButton:first-of-type:hover,
    .dmimtgAutopayActionPanel .dmimtgAutopayPrimaryActionButton:first-of-type:focus,
    .dmimtgAutopayActionPanel .dmimtgAutopayPrimaryActionButton:first-of-type:active {
        background-color: #e94d00 !important;
        border-color: #e94d00;
        color: #fff !important;
    }

/* #region Payments CSS */
.payment-table-BorrowerInfo {
    display: none;
}

label[for="rdbV1Checking"], label[for="rdbV1Savings"] {
    font-weight: normal;
}

#paymentAdditionalInput tr {
    height: 26px;
}
/* #endregion Payments END */

/* #region Autopay CSS*/
div.dmimtgAutopayViewPanel {
    box-sizing: initial;
}

.dmimtgAutopayDisclaimerBodyParagraph {
    margin: 10px 0 10px 0;
}

.autopayDisclimerTitle, .autopayNotInitiatedTitle, .autopayInitiatedTitle, .autopayCancelTitle, .autopayCancelPendingTitle, .autopayCancelPendingConfirmationTitle,
.autopaySubmittedTitle, .autopayEnterDataTitle {
    padding-bottom: 20px;
}

.autopayLabels, .helpercenterText {
    font-weight: normal;
}
/* #endregion Autopay CSS*/

.helpcenterTitle, .FAQTitle {
    margin-bottom: 20px;
}

label[for="AgreeToGoPaperless"], label[for="HaveSeenStatement"] {
    font-weight: normal;
}

/* #region Register */
td.enrollment-header {
    text-align: left;
}

#wzEnroll_HeaderContainer_lblEnrollHdr {
    padding-left: 10px;
}

#wzEnroll {
    background-color: transparent !important;
    border-style: none !important;
    font-family: inherit !important;
}

#wzEnroll_lblSSN::before {
    content: 'Last four digits of ';
}

#wzEnrollSSN_td {
    width: 175px !important;
}

#wzEnroll_HeaderContainer_lblEnrollHdr {
    font-weight: normal !important;
    width: 200px !important;
}

#wzEnroll_Step1Next {
    text-align: left;
}

#wzEnroll_td {
    width: 300px;
}

#wzEnroll_Step2TextBox {
    margin-left: 7px;
}

#rememberDevice {
    margin-left: 7px;
}
/* #endregion Register */

/* #region Login */
.ForgotUserSecQeustions, .ForgotPasswordLabels {
    font-weight: normal !important;
}

#forgotUserNameForm input#Answer {
    margin-top: 15px;
}

#forgotUserStep1ValidationDelimiter {
    height: 60px;
}

.ForgotUserNameLayout {
    padding-top: 20px;
}

#Wizard1 {
    height: 120px !important;
}

#ForgotPasswordTextBox {
    width: 143px !important;
}

.ForgotPasswordSubmitButton {
    margin-top: 20px !important;
}

#lblQNote {
    font-weight: bold;
    font-size: 20px;
}

#Step2ContainerDiv #DataAreaContainer input, #Step3ContainerDiv input {
    margin-left: 10px;
}

#DataAreaContainer td.labelColumn, #DataAreaContainer td.dataColumn, #Step3ContainerDiv td {
    padding-top: 15px !important;
}

#PasswordChanged {
    padding-top: 20px;
}
/* #endregion Login */

/* #region Resposivness */
.headerPanel {
    width: auto;
    background-color: white;
}

.pagePanelr {
    max-width: 1150px;
    margin: auto;
}

.row {
    margin: 0 !important;
    /* width: auto !important; */
}

.footerPanel > table {
    background-color: #003057;
}
/* #endregion Resposivness */

/* Header */
.divider {
    display: none;
}

.navbar-default .navbar-nav li > a {
    color: black !important;
    background-color: transparent !important;
}

.nav > li > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.navbar-default .navbar-nav li {
    min-width: 14%;
}

ul.nav {
    text-align: center;
    width: 100% !important;
}

.navbar-default .navbar-nav li.active > a,
.navbar-default .navbar-nav li > a:hover,
.navbar-default .navbar-nav li > a:focus {
    text-decoration: none !important;
    font-weight: 700 !important;
}

#top-search {
    padding-right: 40px;
}

.year-1098-statements {
    margin-top: 20px;
}

.amortizatioPanel {
    background-color: transparent !important;
}

    .table-responsive th,
    .amortize-page-header strong,
    .HelpCenter strong,
    .FAQAnswer strong,
    .amortizatioPanel label {
        font-weight: 700;
    }


@media (max-width: 424px) {
    #canvas {
        width: 245px !important;
        height: 140px !important;
    }
}

@media (min-width: 425px) and (max-width: 500px) {
    #canvas {
        width: 350px !important;
        height: 200px !important;
    }
}

@media (min-width: 501px) and (max-width: 991px) {
    #canvas {
        width: 420px !important;
        height: 240px !important;
    }
}

.firstLoginColumnBackground, .secondLoginColumnBackground, .secureQuestionBlock {
    -webkit-border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important;
    background-clip: padding-box;
    border: 1px outset #dcd7d7 !important;
    min-width: 350px !important;
    max-width: 415px !important;
}

.firstLoginColumn, .secondLoginColumn {
    padding-top: 20px;
}

.secureQuestionBlock {
    padding: 15px;
}

#Step4InstructionsContainer {
    padding-top: 15px;
    padding-bottom: 0 !important;
}

#global-footer-wrap #global-footer-content .primary-links-wrap .link-group ul li a {
    font-family: DiscoverSans-Semibold, sans-serif;
    color: #293033;
}

#global-footer-wrap #global-footer-content .primary-links-wrap .link-group ul li {
    list-style: none;
    padding-top: 1px;
}

#global-footer-wrap #global-footer-content .primary-links-wrap .link-group ul {
    margin: 0;
    padding: 0;
}

#global-footer-wrap #global-footer-content .primary-links-wrap .link-group .ul-header {
    font-family: DiscoverSans-Bold, sans-serif;
    font-weight: bold;
    margin: 0;
    color: #293033;
}

#global-footer-wrap #global-footer-content .primary-links-wrap .link-group {
    margin-top: 14px;
}

.floatleft {
    float: left;
}

#global-footer-wrap #global-footer-content .primary-links-wrap {
    overflow: hidden;
    margin: 0 auto 21px;
    padding-bottom: 41px;
    border-bottom: 1px solid #DBDBDB;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap {
    font-family: DiscoverSans-Semibold, sans-serif;
    margin: 0 auto 45px;
    text-align: end;
    max-width: 940px;
    overflow: hidden;
    position: relative;
}

    #global-footer-wrap #global-footer-content .secondary-links-wrap ul {
        overflow: hidden;
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 5px;
        padding-bottom: 2px;
    }

        #global-footer-wrap #global-footer-content .secondary-links-wrap ul li {
            padding: 0 7px;
            border-right: 1px solid #293033;
            float: left;
        }

            #global-footer-wrap #global-footer-content .secondary-links-wrap ul li a {
                margin: 0 7px 7px 0;
                color: #293033;
                text-align: left;
            }

        #global-footer-wrap #global-footer-content .secondary-links-wrap ul .next-line-link {
            clear: left;
        }

    #global-footer-wrap #global-footer-content .secondary-links-wrap .last {
        border: none;
        text-align: left;
    }

    #global-footer-wrap #global-footer-content .secondary-links-wrap .tagline {
        margin-top: 40px;
        clear: left;
        padding-top: 1px;
        margin-bottom: 21px;
    }

    #global-footer-wrap #global-footer-content .secondary-links-wrap .CoprightContent {
        text-align: left;
    }

    #global-footer-wrap #global-footer-content .secondary-links-wrap .footerImgWrapper {
        float: left;
        clear: left;
        margin-top: 22px;
    }

    #global-footer-wrap #global-footer-content .secondary-links-wrap .equal-housing-lender {
        margin-top: 12px;
        clear: left;
    }

        #global-footer-wrap #global-footer-content .secondary-links-wrap .equal-housing-lender .equal-housing-lender-img {
            height: 55px;
            width: 50px;
            background: url(logo-equalhousing.png) top left no-repeat;
            background-size: auto 47px;
            display: inline-block;
        }

.callfor-accessibility {
    position: absolute;
    left: -10000px;
    overflow: hidden;
    width: 0;
    height: 0;
    display: inline-block;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .member-fdic {
    margin-top: 28px;
    margin-left: 18px;
}

    #global-footer-wrap #global-footer-content .secondary-links-wrap .member-fdic .member-fdic-img {
        height: 29px;
        width: 45px;
        background: url(header-footer-sprite.png) -86px 0 no-repeat;
        background-size: auto 48px;
        display: inline-block;
    }

#global-footer-wrap #global-footer-content .secondary-links-wrap .nortonseal {
    margin-top: 6px;
    margin-left: 18px;
}

#global-footer-wrap #global-footer-content .secondary-links-wrap .it-pays-to-discover {
    float: right;
    position: absolute;
    bottom: 5px;
    right: 61px;
}

    #global-footer-wrap #global-footer-content .secondary-links-wrap .it-pays-to-discover .discover-logo-img {
        background: url(Discover-logo-larger.png);
        background-size: 100%;
        background-position: 0 237px;
        width: 140px;
        height: 24px;
        display: inline-block;
    }

.secondary-links-wrap {
    clear: both;
}

.CssStyleSubtitleContainer {
    font-family: DiscoverSans-Bold, sans-serif !important;
    font-weight: bold !important;
}

.CssStyleTitleContainerOldPages {
    display: none !important;
}

.dmieStatementList {
    margin-top: 15px;
}

.Xbody {
    background-color: rgb(236,253,245);
}

.lblAccountNumber, .lblNameOnAccount, .lblRoutingNumber, .lblAccountType, .lblAmount {
    margin-top: 15px;
    text-align: left;
    font-weight: bold;
    color: black;
}

.lblVerifyMessage {
    text-align: left;
    color: green;
}

.lblMessage1 {
    text-align: left;
}

.lblValAccountNumber, .lblValNameOnAccount, .lblValRoutingNumber, .lblValAmount, .lblValAccountType {
    margin-top: 25px;
    text-align: right;
    font-weight: bold;
    color: black;
}

.lblv3AccountNumber, .lblv3NameOnAccount, .lblv3RoutingNumber, .lblv3PaymentAmount, .lblv3AccountType, .lblv3ConfirmationCode {
    margin-top: 25px;
    text-align: right;
    font-weight: bold;
    color: black;
}

.txtRoutingNumber, .rdbChecking, .rdbSavings, .imgCheck {
    text-align: left;
    margin-left: auto;
    left: auto;
    color: Black;
}

a[href^="tel:"] {
    color: #ff6f2b;
}

div#controls div {
    margin-left: 3em;
}

.payment-table td {
    display: table-row;
}

.CssStyle1 {
    font-weight: 700;
}

.payment-table td span.CssStyle1 {
    padding: 1em 0 0;
}

.showNewButton {
    display: inline-block !important;
}

.showLink,
.showOldButton {
    display: none !important;
}

.mobile-tagline a {
    border-right: 1px solid #293033;
    padding-left: 1em;
    padding-right: 1em;
}

    .mobile-tagline a:last-child {
        border-right: 0;
    }


.GenericContentSubtitle a, #account-info a, #payment-contain a {
    white-space: nowrap !important;
}



@media (max-width: 767px) {
    /*
    .dropdown-menu {
        text-align: center;
    }

    .dmimtgLabellerLabel,
    .dmimtgLabellerValue,
    .dataLabel,
    .dataValue {
        width: 100% !important;
        display: flex !important;
    }

    .dmimtgLabelerDisplayText {
        width: 100% !important;
    }

    .dmimtgLabellerValue,
    .dataValue {
        margin-bottom: 1em !important;
    }

    #email-left .row div {
        display: inline-block !important;
    }

    #email-left .row .col1 {
        width: 50% !important;
    }

    #email-left .row .col2, #email-left .row .col3 {
        width: 20% !important;
    }*/
}

@media (max-width: 420px) {
    /*
    #notifyMeForm .V41NotifyMePanel td {
        background-color: yellow;
        min-width: 25px;
        padding-bottom: 16px;
    }

    .HelpCenter .col-md-6 {
        width: auto;
    }

    #email-left .row div {
        display: flex !important;
    }

    #email-left .row .col1 {
        width: 100% !important;
    }

    #email-left .row .col2 {
        width: 100% !important;
        justify-content: flex-end !important;
        font-weight: bold !important;
    }

    #email-left .row .col3 {
        width: 100% !important;
        justify-content: flex-end !important;
        padding-bottom: 14px !important;
        border-bottom: solid;
        border-color: #c7d2d6;
        border-width: 1px !important;
    }

    .HelpCenter .row .col-md-6 div {
        display: flex !important;
    }
    */
}

@media (max-width: 568px) {

    #btnPaperlessStmts, #View1098Button_container .btn-primary, #payment-content a[href*="/Autopay/Index"] {
        font-weight: bold !important;
        /*The height should only increase by the line-height of the text, which should be 1.5 the font size. This note may be applicable to other buttons displayed on the site. �*/
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        display: flex !important;
        white-space: initial !important;
    }
    .table-responsive#GridContainer {
        width: auto !important;
        overflow-x: visible !important;
    }
    /*
    .CssStyleBold {
        display: flex !important;
    }
    */
    #payment-content #payment-left {
        width: auto;
    }

    #btnAccountPaperlessSignup {
        min-width: 120px !important;
    }
    /*
    .HintPanel {
        width: 100vw !important;
        padding-top: 20px !important;
    }

    #lblQuestionHintTitle {
        font-family: 'DiscoverSans-Bold';
    }

    #ContentContainerTable {
        padding: 0px;
    }
   
    #changeQuestionsFormTable {
        width: 100vw !important;
    }

        #changeQuestionsFormTable tr td {
            display: flex !important;
            width: 100vw !important;
        }

    #changeQuestionsForm select, #changeQuestionsForm input {
        width: 100vw;
    }

    #email-contain .row {
        clear: both;
        padding: 9px 10px;
        vertical-align: top;
        width: 100% !important;
    }

    #email-content #email-left {
        width: 100% !important;
        float: left;
    }
     
    #account-content #account-left table#account-info td.col1 {
        width: 60%;
    }

    #account-content #account-left table#account-info td.col2 {
        width: 20%;
        
    }

    #account-content #account-left table#account-info td.col3 {
        width: 10%;
    }

    #email-content .row .col1 {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        white-space: initial !important;
    }

    #email-content .row .col2, #email-content .row .col3 {
    }

    #uxPaperlessLink .GenericContentSubtitle {
        display: flex !important;
        align-content: flex-start !important;
        align-items: flex-start !important;
        height: auto !important;
    }


    #payment-contain #payment-left .last-row .col-md-4 {
        padding-left: 0px !important;
        padding-right: 0px !important; 
    }
*/
    
    /*
    .HelpCenter label, .HelpCenter p {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .GridStyleCss {
        width: auto !important;
    }
  
    #profile-page#account-left#account-info {
        width: auto !important;
    }

    #contact-content #contact-left {
        width: 300px !important;
    }

        #contact-content #contact-left h {
            display: flex !important;
        }

    #account-content #account-left {
        width: 100% !important;
        float: left;
     
    }

    #account-content #account-left table#account-info tr td p {
        width: 100% !important;
        display: flex !important;
    }

    #account-content #account-left table#account-info tr  {
        width: 100% !important;
        display: flex !important;
    }

    #account-content #account-left table#account-info td.col1, #account-content #account-left table#account-info td.col2, #account-content #account-left table#account-info td.col3 {
        width: auto !important;
    }
    */
}

.dmimtgPageTitlePanel {
    padding: 0 10px;
}

input[type=radio] {
    margin: 0 .5em;
}

.covid-19 {
    color: #000;
    padding: 1em;
}

    .covid-19 strong {
        font-weight: 700;
    }

#uxViewStatementLink {
    clear: both;
    display: block;
    margin-left: -30px;
    margin-top: 1em;
}


#btnAccountPaperlessSignup {
    margin-top: 5px !important;
}

#ViewStatementsButton_container {
    padding-top: 15px !important;
}


.showOldButton, #NotifyMe_ButtonContainer #btnCancel, #uxAutopayNotEnrolledCancelAction, #uxAutopayEnrollingDisclaimerCancelAction,
#uxAutopayEnterDataCancelAction, #uxAutopayVerifyCancelAction {
    display: none !important;
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

/*
tr.GridHeaderStyleCss2 th {
    min-width: 90px;
}

.silverPayment .panel-body br {
    content: "A" !important;
    display: block !important;
    margin-bottom: 1.5em !important;
}
    */