@import url('https://fonts.googleapis.com/css2?family=Montserrat');
@import url('https://fonts.googleapis.com/css2?family=Roboto');
@media (max-width: 767px) { 
    /* #main{
        width:100%;
    } */
 }
 @media (min-width: 768px) { 
    #main{
        max-width: 1024px;
    }
  }

body{
    font-family: 'Montserrat';
}
.hidden{
    display:none !important;
}

.iramsg{
    color: red;
}
#main{
    box-shadow: 2px 2px 10px 0px rgba(136,136,136,0.75);
}

hr {
    border: 2px solid #cccccc;
    opacity: 100%;
    margin: auto;
    max-width: 100%;
    }
.container{
    background-color:#ffffff;
    color:#2a407a
}
h1{
    display:flex;
    justify-content: center;
}

input, select{
    max-width: 250px;
}
#bannerTop{
    background-color:#2a407a;
    padding-top:60px;
    padding-bottom:60px;
    color: #ffffff;
   
}

#calculate{
    padding: 8px
}
table {
    padding: 20px;
}
td {
    padding:8px;
    color: black;
}
.results {
    padding: 30px;
}
.results table {
    max-width: 500px;
}

#linkRow {
    padding: 8px;
    background-color: white;
}
a {
    color: #000000;
    padding:8px;
    display: inline-block;
    border: 2px solid #2a407a;
    text-decoration: none;
    font-weight: bold;
}

a:link{
    background-color: #ffffff;
    font-size: 20px;
}

a:hover {
    background-color: #2a407a;
    color: #ffffff;
    opacity: 90%;
    box-shadow: inset 5px 5px 5px 5px rgba(0,0,0,0.05);}

.definitions{
    background-color:#ffffff;
    color: #282828;
    padding: 30px;
}
.printME{display: none !important;}

.col-form-label{color: #000000;}
.printHIDE{background-color: #ffffff;}


@media print {
    .printME {
        display: inline-block !important;
        vertical-align: middle;
        align-items: center !important;

    } 
    .row {
        display: flex !important;
        align-items: center !important;
    }
    
    .printME h1 {
        margin: 0;
        font-size: 2em;
        color: black !important;
        background: white !important;
    }   
    h1{
         background: white;
        color:black !important;

    }
    .printHIDE{
        display: none !important;
    }
    body {
        font-size: 12pt;
        color: black; /* Ensure readability */
    }
    select, input, button, form, a{
        display: none !important;
    } 
    .results {
        display: block;
        
        padding: 4px;
    }
    .page-break {
        page-break-before: always;
    }
    #bannerTop {
        display:black;
        color: black;

                display: none !important;


    }
    .hidden {
        display: none !important;
    }}
   @media print {
    .results .printME {
        display: inline-flex !important;
        width: 16.66666667% !important;
        max-width: 16.66666667% !important;
        flex: 0 0 16.66666667% !important;
    }
    .results h1.prePrint {
        width: 83.33333333% !important;
        max-width: 83.33333333% !important;
        flex: 0 0 83.33333333% !important;
        display: inline-flex !important;
        color: #ffffff;}
    hr {
    border: 2px solid #000000;
    opacity: 100%;
    margin: auto;
    max-width: 100%;
    }
    .definitions{color: #000000;}
td {
    padding:8px;
    color: #000000;
}}

.imgLogo {
    padding-bottom: 5%;
    padding-top: 5%;
    text-align: center;
    width: 100%;
    max-width: 395px;
    min-width: 0 !important;

}

@media screen {
    .results .printME {
        width: 0 !important;
        max-width: 0 !important;
        flex: 0 0 0 !important;
        display: none !important;

    }
    .results h1.prePrint {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: block !important;
        text-align: center;
        color: #000000;

    }
 
}
#annuityForm{background-color: #ffffff;}