@media screen {

    .FormCurrencyInput {
        max-width: 200px;
        margin-bottom: 0;
        height: 50px !important;
    }

    .FormCurrencyLabel {
        /* max-width: 375px;
        width: 375px;*/
        margin-top: 5px;
    }

    #FormLabel {
        margin-bottom: 10px;
    }

    .FormRow {
        margin-top: 10px;
    }

    #LoanDataForm label {
        font-size: 1.5rem;
    }

    #LoanDataForm input {
        font-size: 1.5rem !important;
    }

    .DollarSignPrePend {
        width: 47.34px;
    }

    .input-group-text {
        font-size: 1.5rem;
    }
    /*#LoanDataForm {
    margin-left: 10px;
}*/
    /*  #TermInput {
        min-width: 239px !important;
    }*/

    #TermInput {
        min-width: 35% !important;
    }

    .flex-container {
        display: flex;
    }

    .flex-child:first-child {
        margin-right: 20px;
    }

    .DownPaymentInputContainer {
        margin-left: 50px;
    }

    .form-check-label {
        width: 110px;
    }

    /* #DownPaymentAmountInput,
    #DownPaymentPercentInput {
        min-width: 200px;
    }*/

    #DownPaymentPercentContainer {
        margin-top: 5px;
    }

    #PercentCb, #AmountCb {
        margin-top: 8px;
    }

    #PrintContainer {
        display: none;
    }

    #PrintButton,
    #Recalculate {
        background-color: rgb(32, 73, 35);
        border: 1px solid black;
    }

    #ResetButton {
        background-color: rgb(51, 51, 51);
        border: 1px solid white !important;
    }

    #AprLabel #AprToolTipText,
    #SpanishAprLabel #SpanishAprToolTipText {
        visibility: hidden;
        width: 315px;
        background-color: rgb(51, 51, 51);
        /*color: #A99F96;*/
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        margin-left: 25px;
    }

    #TooltipTable, #TooltipTable td,
    #SpanishTooltipTable, #SpanishTooltipTable td {
        color: #A99F96;
    }

    #AprLabel:hover #AprToolTipText,
    #SpanishAprLabel:hover #SpanishAprToolTipText {
        visibility: visible;
    }

    #QuestionGlyph,
    #SpanishQuestionGlyph {
        font-size: 8pt;
        vertical-align: top;
    }

    #DownPaymentPercentInputContainer,
    #DownPaymentAmountInputContainer {
        margin-left: 163px;
    }

    #FormHouseLogo {
        width: 125px;
        height: 125px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #LoanDataForm {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 700px;
    }

    #DownPaymentAmountInput,
    #DownPaymentPercentInput {
        max-width: 69% !important;
    }

    #LanguageSwitchContainer {
        width: 300px;
        max-width: 300px !important;
        /*min-width: 200px !important;*/
        margin: 0 auto !important;
        padding: 0 !important;
    }

    #EnglishLanguageLabel {
        text-align: left;
    }

    #SpanishLanguageLabel {
        text-align: right;
    }

    #LanguageSwitchInput {
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
    }

    #FormFooterInfoContainer {
        margin-left: auto;
        margin-right: auto;
        width: 190px;
    }

    .SpanishLabel {
        display: none;
    }

    .FormCurrencyInput {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .input-group-append {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .wpml-ls-link {
        visibility: hidden !important;
    }

    .DayOneDiscountLabel {
        color: green;
        font-weight: bold;
    }

    .DayOneDiscountDollarSign {
        background-color: green;
    }
}

@media screen and (max-width:1000px) {

    #LoanDataForm label {
        font-size: 1rem;
    }

    #LoanDataForm input {
        font-size: 1rem !important;
    }

    #LoanDataForm {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .input-group-text {
        font-size: .68rem;
    }

    .input-group-append {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .DollarSignPrePend {
        width: 35.69px;
    }

    .FormCurrencyInput {
        max-width: 150px;
        margin-bottom: auto !important;
        margin-top: auto !important;
        height: 30px !important;
    }

    .FormCurrencyLabel {
        margin-top: 5px;
    }

    .DisclosureText {
        font-size: .8rem;
    }

    .flex-container {
        display: flex;
    }

    .flex-child:first-child {
        margin-right: 0;
    }


    #DownPaymentAmountInputContainer {
        margin-left: 0;
    }

    #DownPaymentPercentInputContainer {
        margin-left: 0;
    }

    .form-check-label {
        width: 95px;
        margin-top: 5px;
    }

    #TermInput {
        min-width: 50% !important;
    }

    #DownPaymentAmountInput,
    #DownPaymentPercentInput {
        max-width: 57% !important;
    }

    .DownPaymentInputContainer {
        margin-left: 15px;
    }
}


/*This allows there to be background colors in cells*/
body {
    -webkit-print-color-adjust: exact !important;
}

/*This Removes margin at the bottom of the page 
    when printing so that there aren't 2 pages*/
@page {
    size: portrait;
    margin-bottom: 0 !important;
}

@media print {

    #FooterBottomTextContainer {
        float: right;
        margin-right: 100px;
        height: 100%;
        width: 360px;
        text-align: center;
        font-size: 12pt;
    }

    #HeaderCrLogo {
        width: 400px !important;
        height: 80px !important;
    }

    #HeaderTextContainer {
        float: right;
        height: 100%;
        width: 300px;
        text-align: center;
        font-size: 17pt;
        margin-top: 10px;
    }

    #HeaderParagraphDescriptionContainer > p.PrintElement.SpanishLabel {
        font-size: 11pt;
    }

    #PrintTemplateSpanishWarning {
        margin-bottom: 0;
        font-size: 11pt;
    }

    #HeaderParagraphDescriptionContainer {
        color: black;
        font-size: 11.5pt;
        text-align: center;
        margin-top: 0;
        font-weight: 600;
    }

    #HeaderRepWarningContainer {
        color: black;
        font-size: 11.5pt;
        text-align: center;
        font-weight: 600;
        margin-top: 5px;
    }

    #TableMasterContainer {
        height: 750px;
    }

    .RedPrintInput {
        color: red;
    }

    .GreyInput {
        background-color: lightgray !important;
        width: 150px;
    }

    #PrimaryTableContainer td,
    #FifteenYearTermTableContainer td,
    #TenYearTermTableContainer td,
    #FiveYearTermTableContainer td {
        margin: 0;
        padding: 0;
        height: 10px;
        font-size: 6.4pt;
    }

    #TableMasterContainer tr:not(.TopRow) {
        border-top: 1px solid black;
    }

    #TableMasterContainer tr:not(.BottomRow) {
        border-bottom: 1px solid black;
    }

    .TermPrintDisplay {
        font-weight: bold;
    }

    #FifteenYearTermExampleText {
        position: absolute;
        top: 22%;
        right: 7%;
        font-size: 64pt;
        transform: rotate(-40deg);
        opacity: .5;
        font-weight: 600;
    }

    #FiveYearTermExampleText {
        position: absolute;
        bottom: 22%;
        right: 7%;
        font-size: 64pt;
        transform: rotate(-40deg);
        opacity: .5;
        font-weight: 600;
    }

    #TenYearTermExampleText {
        position: absolute;
        bottom: 26.5%;
        left: 0;
        font-size: 64pt;
        transform: rotate(-40deg);
        opacity: .5;
        font-weight: 600;
    }

    .InputCell {
        text-align: right;
    }

    .PercentContainer {
        position: relative;
        right: -14px;
    }

    .AprInput {
        position: relative;
        right: -8px;
    }

    #LoanDataForm {
        display: none;
    }

    .entry-content .wp-block-image,
    .entry-content h1 {
        display: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    .top-bar-container {
        display: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    .featuredimg,
    #text-3,
    #text-4,
    #text-5,
    .wpml-ls-statics-footer,
    title,
    .title,
    .tab-bar {
        display: none;
    }

    .container,
    .container .row {
        margin: 0 !important;
        padding: 0 !important;
    }

    #FooterCrLogo {
        width: 300px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #FooterHouseLogo {
        margin-top: 20px;
    }

    [role = "main"] {
        margin: 0 !important;
        padding: 0 !important;
        height: 980px !important;
    }

    img.emoji,
    .left-off-canvas-menu,
    .tab-bar,
    .left-small,
    .middle {
        display: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    #PrintFooter {
        position: absolute;
        bottom: -4%;
        margin-bottom: 0;
        padding-bottom: 0;
        width: 100%;
        height: 170px;
        max-height: 170px;
    }

    #PrintContainer {
        position: absolute;
        top: 0;
        left: 0;
        width: 780px;
        margin: 0 !important;
        padding: 0 !important;
        float: left;
        height: auto;
    }

    #FooterHouseLogo {
        width: 100px;
        height: 100px;
        margin-left: 200px;
    }

    .DisclosureText,
    #FormHouseLogo {
        margin: 0 !important;
        padding: 0 !important;
        display: none;
    }

    #PrimaryTableContainer {
        border: 1.5px solid black;
        width: 45.05%;
        height: 31.7%;
        position: absolute;
        top: 22%;
        left: 0;
    }

    #FifteenYearTermTableContainer {
        border: 1.5px solid black;
        width: 45.05%;
        height: 31.7%;
        position: absolute;
        top: 22%;
        right: 3%;
    }

    #TenYearTermTableContainer {
        margin-top: 25px;
        border: 1.5px solid black;
        width: 45.05%;
        height: 31.7%;
        position: absolute;
        bottom: 14%;
        left: 0;
    }

    #FiveYearTermTableContainer {
        border: 1.5px solid black;
        width: 45.05%;
        height: 31.7%;
        position: absolute;
        bottom: 14%;
        right: 3%;
    }

    #ZeroTermTableContainer {
        border: 1.5px solid black;
        width: 98%;
        height: 58%;
        position: absolute;
        top: 23%;
        left: 0;
    }

        #ZeroTermTableContainer .PercentContainer {
            right: -25px !important;
        }

        #ZeroTermTableContainer.AprInput {
            position: relative;
            right: -25px !important;
        }

    .ZeroTermAprCell {
        padding-right: 0;
    }


    .DisclosureText,
    #FormFooterInfoContainer,
    .wpml-ls-flag,
    #SpanishLanguageLabel,
    #EnglishLanguageLabel {
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
    }

    .SpanishLabel {
        display: none;
    }

    .brmedium {
        display: block;
        margin-bottom: 0em;
    }

    .DayOneDiscountPrintElement {
        font-weight: bold;
    }

    .DayOneDiscountRow {
        background-color: #8FCB9B !important;
    }
}