html, body {
    height: 100%;
}

body {
    font-family: Calibri;
    margin: 0;
    padding: 0;
    margin-top: 0;
    background-color: #d7d8d6;
    color: #333333;
}

#main-panel {
    padding: 20px;
}


.row {
    margin-right: 0px;
    margin-left: 0px;
}

table {
    border: 0;
    border-spacing: 0;
    vertical-align: top;
}

input[type=button], input[type=submit] {
    background-color: RGB(35,0,73);
    border: 1px solid RGB(35,0,73);
    color: #FFFFFF;
    margin-left: 5px;
    z-index: 10;
    text-transform: uppercase;
    width: auto !important;
}

.btn-primary {
    background-color: RGB(35,0,73);
    border-color: RGB(35,0,73);
}

#btnClear {
    margin-left: 0px;
}

.header {
    background-color: #495b68;
    color: #ffffff;
}

.logo-row {
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 5px;
}

.logo {
    width: 225px;
}
/* Menu */

#navMenu, #navMenu .list-group-item {
    background-color: #eeeeee;
}

    #navMenu .list-group-item a {
        color: RGB(35,0,73);
    }

/* hover options in stateless mode */
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
     text-decoration: underline;
    cursor: pointer;
}

.card-body {
    padding: 0;
}

#navMenu .selected {
    border-left: 5px RGB(35,0,73) solid;
    background-color: #fefefe;
}

.list-group-item:first-child, .list-group-item:last-child {
     border-top-left-radius: inherit; 
     border-top-right-radius: inherit; 
}

hr, hr.baseHorizontalLineStyle {
    color: #968C83;
    border-style: solid;
    margin-bottom: 0;
}

/* Content Styles */
#contentPanel {
    margin-bottom: 25px;
}

.dmimtgLoanPicker {
    margin-top: 10px;
}

.dmimtgPageTitle,
.dmimtgNotificationSectionTitle,
.dmimtgLabellerTitle, .dmimtgLabellerTitle2 {
    font-size: 1.2em;
    padding-top: 5px;
    font-weight: 600;
}

.dmimtgPageTitlePanel {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dmimtgPageTitle {
    color: #ffffff;
    font-size: 1.1em;
    text-transform: uppercase;
}

.card-header .dmimtgPageTitle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.card-header {
    background-color: #495b68;
}

.card-header .dmimtgPageTitlePanel {
    text-align: center;
}

.dmimtgLabellerTitle, .dmimtgLabellerTitle2 {
    font-size: 1.1em;
}

.MakePayment_lblMainMessage, #lblWillbeVerified, #lblV1Message1, #lblV5Message1, #lblV2Message1 {
    width: auto !important;
}

.dmimtgPaymentOtherLabel {
    font-weight: normal;
}

.dmimtgLabellerLabel, .dmimtgPaymentOtherTotalLabel {
    font-weight: normal;
}

.dmimtgLabellerLabel {
    vertical-align: top;
    padding-bottom: 10px;
    width: 300px;
}

.dmimtgLabellerValue, .dmimtgPaymentOtherTotalValue {
    width: 300px;
}

.dmimtgLabellerNarrowValue {
    width: 150px;
}

.dmimtgLabellerDollarValue {
    width: 150px;
}

.dmimtgGridContainter {
    padding-bottom: 20px;
    width: 100%;
}

    .dmimtgGridContainter a {
        text-decoration: none;
    }

.dmimtgGridHeaderCell {
    background-color: RGB(35,0,73);
    color: #ffffff;
    font-weight: bold;
}

.dmimtgGridStripedCell, .dmimtgGridBaseCell {
    background-color: #ffffff;
    border-bottom: 1px solid #ABCAE9;
}


.Dmi_eStatementControl a, .PrinterFriendlyLink, .DmiLinks, .dmimtgGridMoneyCell a {
    color: #333333;
}

.PrinterFriendlyLink {
    padding-right: 5px;
}

.dmimtgGridTable {
    width: 90%;
}

    .dmimtgGridTable td {
        padding: 5px 10px;
    }

/* End Content Styles */

/* other styles */
.dmimtgFloatLeft {
    float: left;
}

.dmimtgFloatRight {
    float: right;
}

.dmimtgHidden {
    display: none;
}

.dmimtgAutopayAnnotation,
.dmimtgAnnotation {
    color: #000000;
    font-style: normal;
    font-weight: 300;
}


.NoData1098 {
    color: #63666a;
}

.PageTitle,
.CssStyleTitleContainerOldPages {
    display: none;
}

.dmimtgControlTitlePanel {
    display: none;
}

.dmimtgAutopayActionPanel {
    margin-bottom: 2em;
    margin-top: 2em;
}

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

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

.dmimtgAutopayEnterDataLabelCell {
    padding-right: 4px !important;
}

.dmimtgAutopayTotalDraftValue {
    font-weight: bold;
}

.dmimtgNotificationSectionPanel {
    margin-bottom: 2em;
}

#dmirightcol td {
    width: 150px !important;
}

#dmirightcol .CssStyle1 {
    width: 150px !important;
}

.eBRightCol,
#dmirightcol .CssStyle2 {
    text-align: right;
    width: 150px !important;
}

#ux1098EmptyEndPanel {
    clear: both;
}


#AllowEnableDisable_section1 ol li {
    margin-bottom: 12pt;
    margin-top: 12pt;
}

#AllowEnableDisable_section1 ol ul {
    margin-bottom: 12pt;
    margin-top: 12pt;
}

#AllowEnableDisable_section1 ul li {
    margin-bottom: 0;
    margin-top: 0;
}

.dmimtgFaqLinkPanel {
    padding-bottom: 10px;
    border-bottom: 1px solid #646464;
}

    .dmimtgFaqLinkPanel a {
        color: #666;
        font-weight: normal;
        line-height: 1.5;
    }


.dmimtgFaqSection table {
    width: 100%;
}

#AllowEnableDisable_section2,
.dmimtgFaqQuestionPanel {
    margin-top: 12pt;
}

.dmimtgFaqQuestion {
    font-size: 1.1em;
    line-height: 1.5;
}


.dmimtgFaqAnswer {
    display: inline-block;
    padding-bottom: 10px;
    line-height: 1.5;
}

.dmimtgFaqAnswerPanel {
    margin-bottom: 12pt;
}

#notifyMeForm {
    margin-top: 5px;
}

.ContactUs_textPlaceHolder {
    display: none;
}

#lblV5Message1 {
    height: auto !important;
}
/* Generic Page header */
.genericContentRow {
   margin-bottom :0px;
   font-weight: normal !important;
}

.paymentOtherTotal{
	font-weight:bold;
}

.genericParentContainer {
    background-color: white;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#genericTitleContainer, #labelerTitleContainer {
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding-top: 20px !important;
    padding: 5px 10px;
    position: relative;
    z-index: 4;
}

#genericContentContainer
 {
    margin-bottom: .5em !important;
}
#paymentSpacer {
    height: 20px;
}

.payment-or {
    margin-top: 10px !important;
    margin-bottom: 10px;
}

/* Private Label Pages */

#loginContainer {
    margin-top: 0.8rem;
}

#Step3ContainerDiv {
    padding-left: 5px;
}

#ctl00_cph_Data_Uc_changepw1_Wizard1 {
    background-color: #ffffff !important;
    border-width: 0!important;
    width: auto !important;
}

#wzEnroll {
    background-color: #ffffff !important;
    border-width: 0!important;
    width: auto !important;
}

#wzEnroll input[type=text],#wzEnroll input[type=password] {
    margin-top: 0.4rem;
}


#loginContainer a, #loginContainer a:link, #loginContainer a:visited {
    color: RGB(35,0,73);
    text-decoration: none;
}

table.loginBlock th, h1 {
    color: RGB(35,0,73);
}

#changeQuestionsFormTable {
    width: auto !important;
}

#changeEmailForm input {
    margin-top: 0.4rem;
}

#forgotUserNameForm #Wizard1 {
    width: auto !important;
}


/* Secure Messaging */
#messages table.dmimtgMasterPage {
    width: 100%;
}

.call-me-now, .message-center a {
    color: #2eb3ed;
    text-decoration: none;
}

.controlButtons a {
    background-color: RGB(35,0,73);
    border: 1px solid #333333;
    color: #fff;
    font-weight: bold;
    margin-left: 5px;
    padding: 1px 5px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}

/* New Pages */
.panel-body {
    padding-bottom: 10px;
}

/* Footer */

#footerPanel {
    padding-top: 10px;
    color: #ffffff;
    background-color: #000000; 
}

.footer-supplementary {
    padding-left: 0;
}

.footer-supplementary-item {
    font-size: .875rem;
    float: left;
    color: #fff;
    padding: 0;
    margin: 0 5px;
    list-style: none;
}

.footer-supplementary-item a,.footer-legal-regulatory a {
    color: #ffffff;
}

.footer-legal-regulatory {
    text-align: right;
}

.footer-legal-regulatory p {
    line-height: 1rem;
}

/*Autopay hide the check image in small screens */
@media (max-width: 768px) {
    #autopayCheckImageCell {
        display: none !important;
    }

    #main-panel {
        padding: 15px;
    }
}

@media (max-width: 800px) {
    #autopayCheckImageCell {
        display: none !important;
    }
}