/* Morningstar - Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Base
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@import url('/FormBuilder/_Resource/_module/plugin/base.css');

html { height: 100%; }
body { height: 100%; background: #fff; font-family: 'UniversNextforMORNPCCnLt', Verdana, Arial, sans-serif; color: #333; font-size: 15px; line-height: normal; }
.wrapper{ background: #fff; position: relative; width: 100%; margin: 0 auto; }

ul { margin: 10px 0; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
    font-family: 'UniversNextforMORNPCCnLt';
    src: url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnLt.eot');
    src: url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnLt.eot') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnLt.woff2') format('woff2'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnLt.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnLt.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnLt.svg#UniversNextforMORNPCCnLt') format('svg');
}


@font-face {
    font-family: 'UniversNextforMORNPCCnBdIt';
    src: url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBdIt.eot');
    src: url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBdIt.eot') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBdIt.woff2') format('woff2'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBdIt.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBdIt.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBdIt.svg#UniversNextforMORNPCCnBdIt') format('svg');
}


@font-face {
    font-family: 'UniversNextforMORNPCCnBd';
    src: url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBd.eot');
    src: url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBd.eot') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBd.woff2') format('woff2'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBd.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBd.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/exKpzxascUKyQ2ueP9A1uQ/fonts/UniversNextforMORNPCCnBd.svg#UniversNextforMORNPCCnBd') format('svg');
}

h1, h2, h3, h4, h5, h6 {font-weight: bold;clear: left;margin: 0.5em 0;line-height: normal;}
h1 {font-size: 2em;line-height: 1.2;color: #ff0000;font-weight: bold;font-family: 'UniversNextforMORNPCCnBd', Verdana, Arial, sans-serif;}
h2 {
    font-size: 1.6em;
    border-bottom: solid 1px #ccc;
    color: #000;
    padding: 5px 0;
    margin: 10px 0 1px 0;
}
h3 { font-size: 20px; color: #2385C6; }
h4 {font-size: 18px;color: #000;}
h4.row {margin: 2px 0 !important;border-style: solid;border-width: 0px;font-size: 20px;}
h5 { font-size: 16px; color: #666666; }
h6 { font-size: 16px; color: #666666; }

p { margin: 5px 0; }

span.fid-red { color: red; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a, a:visited, a:focus {color: #000;outline: none;text-decoration: none;}
a:hover {color: #000;text-decoration: underline;}
a span { display: none; }


/* Primary Header - branding
--------------------------------------------------------*/
#mobileMenuBtn {display: none; position: absolute; cursor: pointer; right: 15px; top: 25px; }
#mobileMenuBtn span { display: none; }
#mobileMenuBtn:after { content: "\f0c9";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #2385C6; }
#mobileMenuBtn.selected:after { content: "\f00d";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #2385C6; }

.page-header {border-bottom: 35px solid #ff0000;}
.page-header h1 { margin: 0; }

/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation { background: #FFFFFF; }
.nav { margin: 0; padding: 0; }
.nav > li { cursor: pointer; }
.nav > li > a { color: #FFFFFF; text-decoration: none; }
.nav > li > a:hover { color: #38C2AB; }

/* Primary Page content
--------------------------------------------------------*/
.page-content { background: #FFF; width: 100%; min-height: 500px; }
.page-content .TextModule:after { content: ""; display: table; clear: both; }

.container {padding: 20px 0;max-width: 802px;}

.terms {
    text-align: left;
    width: 100%;
    padding: 10px;
    height: 350px;
    overflow: auto;
    border: 1px solid #ccc;
}

/* Footer
--------------------------------------------------------*/
.page-footer {
    height: 100px;
}
.page-footer > .container { padding:0; border-top: 1px solid #4c5865; }
.page-footer .footer-row { padding: 10px 0 10px 0px; }
.infoline {  border-bottom: 1px solid #FFFFFF; }
.page-footer a {}


/* HIPPO Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/******************* Forms **********************/
.step .row {clear: both; margin: 1em 0; }
.row label {display:inline-block; *display: inline; zoom: 1; width:300px; padding:5px 10px 0 0; font-weight:bold; vertical-align: top; }
.row .inputFields { display:inline-block; *display: inline; zoom: 1; }
    .inputFields label {display: inline;float: none;padding: 0 20px 0 0;text-align: left;width: auto;padding-right: 0;}
.row select, .row input.text {  padding:5px; margin:0; width:250px; display:inline-block; *display: inline; zoom: 1; border: 1px solid #DDDDDD; }
.row input.text.tiny {width:150px; }
.row strong {font-weight:bold; }
.row .hint {display:block;clear:both;}
.row .text { display:inline-block; *display: inline; zoom: 1; }

.row .inputFields input.checkbox {margin:0px 7px 0 0;padding:0; }
.row .SelectApplicationType2, .row .SelectApplicationType3 {*display:inline; }
.row.checkboxFullWidth {padding: 0;border: 0px;}
.row.checkboxFullWidth .inputFields {width:100%; }
.row.checkboxFullWidth label {width: auto; }

.formNav {padding:20px 0;clear:both; }

input.text {max-width: 200px; width: 100%;}
input.tiny {max-width:40px; width: 100%;}
input.small {max-width:100px; width: 100%;}
input.medium {max-width:200px; width: 100%;}
input.large {max-width:300px; width: 100%;}

/******************* Buttons **********************/

input.next {float:right; margin-left: 10px; }

input.next,
input.back,
.btn {
        color: #fff;
        background-color: #ff0000;
        padding: 5px 25px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        cursor: pointer;
        border: 0;
}

input.next:hover,
input.back:hover,
.btn:hover,
.home-btn:hover {}

/******************* Errors **********************/
.errorContainer {}
.error {clear:both;background:#FFFFFF;color:red;padding: 5px 0;position:relative;margin: 10px 0;display: block;}
.error h6 {color:red;font-size: 100%;}
span.error {clear: none;color:red;display:inline;font-weight: bold;}

/******************* Icons **********************/
.iconLink {background:#DDDDDD; padding:10px 0;margin: 15px 0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; }
.iconLink a { background-image: none !important; padding: 10px 15px 10px 70px !important; display:block; position:relative; text-decoration: none; }
    .iconLink a[href*="/DocumentDownload"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; top:0px; left:20px; font-size: 30px; } /* for PDF icons */
    .iconLink a[href*="print"]:before { content: "\f02f";  position:absolute; font-family: FontAwesome; top:0px; left:20px; font-size: 30px; } /* for PDF icons */

/*** Content table ***/
.tablestyle { width:100%; margin: 0 0 1em 0; }
.tablestyle th { background:#2385C6; font-weight:bold; color:#FFF; padding:10px; text-align:left; }
.tablestyle td { padding:10px; border-bottom:1px solid #DDDDDD; }

/* Print Styles */
@media print {
    #main-nav, .iconLink, .returnhome, a.btn { display: none; }
    .branding { height: auto !important; float: none; width: 100%; background: none; }
    .confirmation table { width: 100%; }
    .page-content { padding: 0; margin-left: 0; }
    .confirmation, #bpayBox {page-break-inside: avoid; margin: 0 0 20px; }
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 960px) {
    .page-footer .container { padding: 0 3%; }
    .container { clear: both; display: block; margin: 0; width: 100%; padding: 20px 3%; }
}

@media (max-width: 767px) {

    /* general */
    #wrapper { width: 100%; margin: 0 auto; }
    .column, .columns { float: none; width: 100% !important; display: block; margin: 0; }

    h1, h2, h3, h4, h5, h6 {}
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.3em; }
    h4 { font-size: 1.2em; }
    h5 { font-size: 1.2em; }
    h6 { font-size: 1.2em; }

    /* Header */
    .page-header #logo img { width: 200px; }
    h1.top-title{ display: block; }

    /* page-content */
    .inputFields { width: 100% !important; }
    .row label, .row select, .row input.text {width: 96%;max-width: none;}
    span.error { width: 1%; }
    .terms a { word-break: break-word; }

    /* buttons */
    a[data-icon="button"]:after { content: " "; top: 0; right: 0; font-size: 0; }

      /*footer*/
    .footer-row > column { text-align:center; font-size: 0.8em; }
}