@import url("https://fast.fonts.net/cssapi/914c0317-e65a-4eb1-ba21-33b0127e03fe.css");

/* RSM - Base Styles
Blue: #009ada
Green: #3f9c35
Grey: #57585b

-------------------------------------------------- */

/* Base
-------------------------------------------------- */
@import url('/FormBuilder/_Resource/_module/plugin/base.css');
@import url('/FormBuilder/_Resource/_module/plugin/font-awesome.min.css');
@import url('/FormBuilder/_Resource/_module/plugin/webfonts.css');

html { /*sticky foot*/position: relative;min-height: 100%; /*End Sticky foot*/background: #b9b9b9;}
body { /* Margin bottom by footer height */margin-bottom: 60px;  /*End Sticky foot*/font-family: 'Prelo W01 Book', Arial,sans-serif,"Helvetica Neue",Helvetica;color: #57585b;background: none;font-size: 16px;}
.container {max-width: 1200px;padding: 0 15px;}

/* Typography
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; font-family: 'Prelo W01 Bold', arial, sans-serif; }
h1 {color: #2d2d2d;margin: 0 0 0.5em 0;font-size: 25px;}
h2 { color: #F47735; font-weight: 400;}
h3 {  }
h4 { color: #00235D; border-bottom:1px solid #00235D; padding-bottom: 5px; }
h5 {  }
h6 {  margin: 0 }

/* Links
-------------------------------------------------- */
a {color: #009ada;outline: none;text-decoration: underline;}
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: #00235D; }
#mobileMenuBtn.selected:after { content: "\f00d";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #00235D; }

.branding {max-width: 1522px;background: #fff;margin: 0 auto;border-bottom: 45px solid #3f9c35;}
.branding .logo-row { padding: 10px; *width: 250px !important }
.branding .container { height: 73px; }
.branding .top-links {display: table;height: 100%;text-align: right;}
.branding h1 { display:table-cell; vertical-align: middle; }

#logo img {max-width: 125px;margin: 10px 0 0px 20px;}


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

/* Primary Page content
--------------------------------------------------------*/
.page-content {background: #ebebeb;width: 100%;max-width: 1522px;margin: 0 auto;}
.page-content .container {padding-top: 30px;padding-bottom: 30px;}
.page-content > .container > .row {padding: 15px;background: #fff;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.1);min-height: 500px;}


/* Footer
--------------------------------------------------------*/
.page-footer { /* stkicy foot */width: 100%; /* Set the fixed height of the footer here *//* End sticky foot*/background-color: #f1f1f1;padding: 0 0 20px 0;max-width: 1522px;margin: 0 auto;border-top: 1px solid #fff;line-height: 75px;}
.page-footer a { color: #45b5e4; text-decoration: none;}
.page-footer a:hover { color: #000; text-decoration: underline; }


/* HIPPO Forms
-------------------------------------------------- */

/******************* Forms **********************/
.step .row {clear: both; margin: 1em 0;}
.row label {display:inline-block; *display: inline;zoom: 1;padding:5px 10px 0 0;vertical-align: top;width: 100%;max-width: 100px;font-family: 'Prelo W01 Bold', arial, sans-serif;}
.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;}
/*.row .inputFields input {margin:5px;float:left;}*/
.row select, .row input.text {margin:0;width:250px;display:inline-block; *display: inline;zoom: 1;border: 1px solid #cccccc;border-radius: 5px;padding: 5px;color: #555555;}
.row input.text.tiny {width:150px;}
.row strong {font-weight:bold;}
.row .hint {display:block; color:#666;clear:both;font-size: 0.85em;}
.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:2%; background: #DDDDDD; border: 0px}
.row.checkboxFullWidth .inputFields {width:100%;}
.row.checkboxFullWidth label {width: auto;}


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

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

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

input.next,
input.back,
.btn {text-decoration: none;background-color: #009ada;border: none;color: #ffffff;padding: 9px;text-transform: uppercase;font-size: 16px;border-radius: 0px;}

input.next:hover,
input.back:hover,
.btn:hover,
.home-btn:hover {background: #008bc5;color: #FFFFFF;text-decoration:none;}


/* Homepage buttons */
a[data-icon="button"]:after { content: "\f138"; position:absolute; font-family: FontAwesome; top:7px; right:20px; font-size: 35px }
.home-btn { padding: 20px; display:block;}

/******************* Errors **********************/
.errorContainer { border: 1px solid #FF4F4F}
.error {clear:both; background:#FFFFFF; color:#FF4F4F; padding:15px 0 5px 70px; position:relative; margin: 10px 0; font-size: 12px; display: block;}
.error h6 { font-weight: bold; font-size: 20px;}
div.error:before { content: "\f06a";  position:absolute; font-family: FontAwesome; font-size: 35px; top:0px; left:20px; }
div.error ul {margin:0; font-family: Arial, sans-serif;padding: 0;}
div.error li {list-style-type: none; padding: 0px; margin: 10px 0px;}
span.error {padding-left:5px;clear: none; color:#FF4F4F; display:inline }

/******************* Icons **********************/
.iconLink {margin: 10px 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;font-size: 16px;text-transform: uppercase;border-radius: 0px;border: 0px;min-width: 195px;width:  auto;display: block;font-family: 'Prelo W01 Bold', arial, sans-serif;}
.iconLink a {background-image: none !important;display: inline-block;position:relative;text-decoration: none;padding: 9px 9px 9px 60px !important;color: #49a234;font-family: 'Prelo W01 Book', Arial,sans-serif,"Helvetica Neue",Helvetica;}
    .iconLink a[href*="/DocumentDownload"]:before {position:absolute;font-family: FontAwesome;top:0px;left:20px;font-size: 30px; content: "\f1c1"; font-family: fontawesome;} /* 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 */
.iconLink a:hover {
    text-decoration: underline;
}

.text { padding: 5px 0;}


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

.confirmation { padding:20px 0; }
.confirmation table { width: 80%; border:1px solid #DDDDDD}
.confirmation table td {border-bottom:1px solid #DDDDDD; padding:5px;}
.confirmation td.label {font-weight:bold;width: 50%;vertical-align: top; border-right: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: 767px) {

    /* general */
    #wrapper { width: 100%; margin: 0 auto;}
    .container { clear: both; display: block; margin: 0; width: 100%; padding: 0 4%;}
    .column, .columns { float: none; width: 100% !important; display: block; margin: 0; }
    .row select, .row input.text { width: 100% !important; }

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

    /* Header */
    .branding {padding: 0;position:relative;}
    .branding .logo { margin: 0; padding: 25px;}
    h1.top-title{ display: none;}

      /* main-nav */
    #mobileMenuBtn {display: block;}
    .navigation { width: 100%; margin: 0; display: none;}
    .nav { position: relative; width: 100%; text-align:center; background: #00235D; top: 0px; margin: 0; padding: 1em 0px }
    .nav > li {  display: block; }
    .nav > li > a { color: #FFFFFF; }
    .nav > li > a:hover { background: #F47735; color: #FFFFFF;}


    /* page-content */
    .inputFields { width: 100% !important; }
    .step .row { margin: 0.25em 0;}
    .iconLink a {width: 100%;text-align: center;}

    /* buttons */
    /* buttons */
    .home-btn {padding: 10px; text-align: center}
    a[data-icon="button"]:after { content: " "; top: 0; right: 0; font-size: 0;}

      /*footer*/
    .page-footer {line-height: normal;text-align: left;padding: 20px 0;}
    .page-footer .column {text-align: left !important;line-height: 2em;}


}