/* Global Stylesheet
-------------------------------------------------- */

/* Mobile Devices */
@media only screen and (max-width: 30em) {  /* mobile */

    body { margin: 0 5px !important;}
    .button { font-size: 0.6875rem !important; padding: 0.425rem 0.55rem 0.4875rem !important;  }
    .mbl_disclaimer { font-size: 0.7em !important; }
    #premium-funding-remaining-payments .form-label { font-size:0.9em !important; }
    .header .site-description { margin:6px !important; padding:0 !important; font-size:0.8em !important;}
    .total-premium-payable-container { text-align:left !important; }    
    .total-premium-payable-container div.label {width:45%  !important; font-weight:bold; font-size:0.9em; background: none; color:#000; text-align:right;}
    .total-premium-payable-container div.value {width:45% !important; font-weight:normal; font-size:0.9em; text-align:left;  }
	.reveal-modal { font-size: 0.85em !important; }
	.reveal-modal h1, .reveal-modal h2, .reveal-modal h3  { font-size: 0.95em !important; }
	.reveal-modal ul, .reveal-modal ol, .reveal-modal dl { font-size: 0.85em !important; }
	.header .workflow-container { text-align:center !important;}
	.header { margin: 3px auto 6px !important; padding:3px !important;}
	.page-content { padding: 0px !important; }
	h1, h2, h3, h4, h5, h6 { margin: 8px 0 3px !important; font-weight:bold !important;}
	label, .form-label, #business-details-container {font-size: 0.9em !important;}
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select  {
        height:1.8rem !important;
        line-height:1.8rem !important;
        font-size: 0.9em !important;
        padding: 0 0 0 3px !important; 
	}

	.prefix, .postfix {height:1.8rem !important;line-height:1.8rem !important;  }
	
	/* profile */
	form #state-running-total-container {margin:4px 6px !important; width: 95% !important; }
	.quotation-advice-notice { font-size: 0.7em !important; }
    form .has_interested_party_list_container a.add_button, form .has_interested_party_list_container a.remove_button { padding: 0 !important; }
	
	/* quote */
    .coverage-selection-container { padding:3px !important; border-radius: 0 !important; } 	
    .total-premium-payable-container { border-radius: 0 !important;}
    
    /* insured details */
    form .partnered_party_list_container a.add_button, form .partnered_party_list_container  a.add_property_insurance_button,  
	form .partnered_party_list_container a.remove_button,
    form .partnered_party_list_container a.remove_property_insurance_button	{ padding: 0 !important; }
    #ui-datepicker-div { font-size: 0.8em !important; }
    #business_commenced_month_container .form-label {margin: 0 !important;}
    
    
    /* declaration */
    #declaration-form p { font-size: 0.8em !important;  }
    #declaration-form input[type="checkbox"] { transform: scale(1.7) !important; }
    
    /* credit card */
    #credit-card-form .label {white-space: normal !important; }
    #expiry_month_container .form-label {margin: 0 0 0 3px !important;}
    #credit-card-confirm p { font-size: 0.8em !important;  }
    #credit-card-confirm #confirmation-document-list { margin-top: 8px !important; }
    #credit-card-confirm #confirmation-note {font-size:0.8em !important; font-style: italic !important;  }
    
    
}

/* Medium screens*/
@media only screen and (min-width: 30em) {
	body { margin: 0 5px !important; }
	  
} 


/* The Rest */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

body{
    background: url("../images/body-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);    
}

h1, h2, h3, h4, h5, h6 {
    margin: 18px 0 12px;
    font-weight:bold;   
}
h1 { font-size: 1.3em; }
h2 { font-size: 1em; }
h3 { font-size: 0.9em; }
h4 { font-size: 0.8em; font-style:italic; }

.breadcrumbs {
    margin:0 auto 16px;
    background: #fff;
}

.header {
    margin:12px auto 18px;
    padding:12px;
    border-color: #dcdcdc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    background: #FFF;
}

.header .site-description {
    font-style:italic;
    font-weight:bold;
    font-size:1em;
    padding:48px 0 0;
    text-align:center;
}

.header .site-description .phone {
    color: #F6881F;/*774e00;*//*4f3400;*//**//*308242;*/
}

.header #lob_title { margin:12px 0 0; font-size: 1.1em;}

.header .worlflow-logo {
    /*
    padding-right: 6px;
    */
}

.header .workflow-container {
    margin:18px -10px 6px 0 !important;
    text-align:right;
}
.header .workflow-container .button { margin:0;}
.header .workflow-container .success {
    background-color: #F6881F !important;
}

.session_error, .credit_processed_return {
    background: none repeat scroll 0 0 #f04124;
    color: #fff;
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    margin-left: 1rem;
    padding: 12px 30px;
    border: 1px solid #f04124;
    border-radius: 6px  !important; 
}
.session_error ul {
    list-style-type: none;
}

.page-content {
    padding:12px;
    border-color: #dcdcdc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    background: #FFF;   
    margin: 0 auto 12px;
    min-height:600px;
}

.save-email-loader {
    background: url("../images/loader2.gif");
    background-size: 56px 21px;
    background-repeat: no-repeat;
    width:56px;
    height:21px;
    position:absolute;
    bottom:75px;
    left:250px;
    z-index:99;
}


/* FOUNDATION OVERIDES */
form{margin:0;padding:0;}
fieldset{ border:none; margin: 12px 0 6px ; padding:0;}
fieldset legend {background:none;}
select { background: #fff; }
.error small.error { margin-top: 0px !important; }

form label .form-label {
    /*margin:18px 0 3px;*/
    margin:12px 0 3px;
}
form #business-details-container .form-label {
	margin: 9px 0;
    font-size:0.85em;
}
form #business-details-container .form-input {
	/*margin: px 0;*/
}
form #business-details-container .outer-row {
    /*margin: 2px 0 2px 0;*/
    margin-top:2px;
}

form #policy-description .form-label {
	margin: 0 0 !important;
	/*font-weight: bold !important;*/
    font-size: 14px !important;
}

form input[type="text"], form input[type="file"], input[type="radio"], select {
    margin: 0 !important;
}

/* foundation buttons */
button, .button, .btn-toolbar .button {
    background-color: #308242 !important;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #054226 !important;
     border-color: #93BC7A !important;
}
.btn-toolbar .button:hover {
    cursor:default;
}
.button-container {
    margin: 12px 0;  
    position:relative;  
}
.button-container button, .button-container .button {
    border-radius: 6px;
    margin-right: 6px;
}
.button-container input.pay_with_polipay{
    background-color: #28459A !important;
    /*background-color: #636363 !important;*/
    color:#fff;
}

.button-container input.buy_now, .button-container input.next, .button-container input.pay_by_credit_card, .button-container input.pay_by_the_month,
.button-container input.process {
    color: #fff;
}
.button-container input.pay_by_the_month {
	background-color: #78BE20 !important;
}
.button-container input.pay_by_the_month:hover {
   background-color: #203803 !important;
}
.button-container button.save_for_later, .button-container input.send_email {
    background-color: #f6881f !important;
    color: #fff;
}
.button-container button.save_for_later:hover,  .button-container button.save_for_later:focus,
.button-container input.send_email:hover, .button-container input.send_email:focus  {
    background-color: #ffca66 !important;
    border-color: #c43a07 !important;
    color:#5f5f5f; 
}
.button-container button.exit, .button-container input.back, .button-container a.exit {
    background-color: #9E9E9E !important;
    color: #fff;
}
.button-container button.exit:hover, .button-container button.exit:focus,
.button-container input.back:hover, .button-container input.back:focus,
.button-container a.exit:hover, .button-container a.exit:focus {
    background-color: #C6B6B6 !important;
}

.button-container input.pay_with_polipay:hover{
    background-color: #17327c !important;
    /*background-color: #494949 !important;*/
    color:#fff;
}
/*
.button-container button.save_for_later, .button-container input.send_email {
	background-color: #f6881f !important;
    color: #fff;
}
.button-container button.save_for_later:hover,  .button-container button.save_for_later:focus,
.button-container input.send_email:hover, .button-container input.send_email:focus  {
    background-color: #ffca66 !important;
    border-color: #c43a07 !important;
    color:#5f5f5f; 
}
.button-container button.exit, .button-container input.back, .button-container a.exit {
    background-color: #9E9E9E !important;
    color: #fff;
}
.button-container button.exit:hover, .button-container button.exit:focus,
.button-container input.back:hover, .button-container input.back:focus,
.button-container a.exit:hover, .button-container a.exit:focus {
    background-color: #C6B6B6 !important;
}


*/





form .partnered_party_list_container p {
    /*margin: 10px 0 0 0 !important;*/
}

form .partnered_party_list_container input[type="text"] {
    margin-bottom: 0 !important;
}

form .partnered_party_list_container a.add_button,
form .partnered_party_list_container a.add_property_insurance_button, 
form .partnered_party_list_container a.remove_button,
form .partnered_party_list_container a.remove_property_insurance_button  {
    margin:0;
    background-color: #F6881F !important;/*308242 !important;*/
    color: #fff !important;
    border: 1px solid  #F6881F;/*308242;*/
}

form .partnered_party_list_container .collapse {
    margin-bottom: 6px !important;
}

form .partnered_party_list_container small.error {
    margin-top: -6px !important;
}

form .has_interested_party_list_container p {
    /*margin: 10px 0 0 0 !important;*/
}

form .has_interested_party_list_container input[type="text"] {
    margin-bottom: 0 !important;
}

form .has_interested_party_list_container a.add_button_intp,
form .has_interested_party_list_container a.remove_button_intp,
form .has_interested_party_list_container a.add_button,
form .has_interested_party_list_container a.remove_button  {
    margin:0;
    background-color: #F6881F !important;/*308242 !important;*/
    color: #fff !important;
    border: 1px solid  #F6881F;/*308242;*/
}

form .has_interested_party_list_container .collapse {
    margin-bottom: 6px !important;
}

form .has_interested_party_list_container small.error {
    margin-top: -6px !important;
}
form .income-earned-error  small.error {
    /*margin-top: -16px !important;*/
    margin-bottom: 6px !important;
}
.button.secondary {
    background-color: #e7e7e7 !important;
    border-color: #b9b9b9 !important;
    color: #333 !important;
}

/* FOUNDATION REVEAL OVERRITES */
.reveal-modal-bg {
    margin-top: -12px;
    margin-bottom: -1000px; 
}
a.close-reveal-modal {
    font-size:1.2em !important;
}
.reveal-modal {
	font-size: 0.9em;	
	top: 20% !important;
}
.reveal-modal h1, .reveal-modal h2, .reveal-modal h3  {
   font-size: 1.0em;
}
.reveal-modal ul, .reveal-modal ol, .reveal-modal dl{
	font-size: 0.9em;
}


/* field specific */
form .collapse input {
    padding-left: 10px !important;
}
form #state-running-total-container {
    margin-top:12px;
    margin-bottom:6px;    
    margin-left:12px;
    
    font-size: 0.9em;
    font-weight:bold;
    background: #fff4c6;/*DBFCD6;*/
    border: 1px solid #fff4c6;/*BAFCB0;*/
    border-radius:6px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align:center;
}
form div.engineering-running-total {
    margin:30px auto 0;
}
form span#engineering-running-total {
    font-weight:bold;
}
form span.engineering-running-total-limit {
    color: #f00;    
}
form span.engineering-running-total-match {
    color: #308242;    
}
form div.state-running-total {
    margin:30px auto 0;
}
form span#state-running-total {
    font-weight:bold;
}
form span.state-running-total-limit {
    color: #f00;    
}
form span.state-running-total-match {
    color: #F6881F;/*308242;   */ 
}

form #business-analysis-running-total-container {
    margin-top:12px;
    margin-bottom:6px;
    margin-left:0.5px;
    font-size: 0.9em;
    font-weight:bold;
    background: #CDF2D5;
    border: 1px solid #BAFCB0;
    border-radius:6px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align:center;
}
form span .busniess-analysis-running-total {
    font-weight:bold;
}
form span.busniess-analysis-running-total-limit {
    color: #f00;    
}
form span.busniess-analysis-running-total-match {
    color: #308242;    
}



/* quote page*/
.quotation-loader {
    background: url("../images/loader.gif");
    background-size: 128px 15px;
    background-repeat: no-repeat;
    width:128px;
    height:15px;
    position: absolute;
    z-index: 99;
    bottom:-13px;
    left:39%;
}
.coverage-selection-container {
    /*margin: 24px 0;*/
    margin: 12px 0;
    border: 1px solid  #eee;
    border-radius:6px;
    padding:18px;
    background: #eee;
    position:relative;  
}
.engineering-percent-container {
    margin: 24px 0 30px;
    border: 1px solid #CDF2D5;
    border-radius:6px;
    padding:12px 0;
    background: #CDF2D5;  
    text-align:center;
    font-weight:bold;
}
.total-premium-payable-container {
    margin: 24px 0 30px 15px;
    border: 1px solid #fff4c6;/*CDF2D5;*/
    border-radius:6px;
    padding:24px 0;
    background: #fff4c6;/*CDF2D5;*/  
    text-align:center;
    font-weight:bold;
}
.total-premium-payable-container .total-premium {
    font-size: 1.3em;
    color: #F6881F;/*308242;*/
}
.total-premium-payable-container .total-premium span.duration { font-size: 0.7em !important;}

.total-premium-payable-container .note {
    font-size:0.7em;
    font-weight:normal;
    font-style:italic;
    margin:24px 0 3px;
}
.total-premium-payable-container .renewal_total_premium {
	font-weight:bold;
	font-size:0.9em;
	margin-top:0;
}
.total-premium-payable-container .renewal_total_premium  span.renewal_total {
	color:#308242;
}

.total-premium-payid-container {
    box-sizing: border-box;
    margin-left: 15px;
    margin-bottom: 25px;
    width:60%;
    border: 1px solid #CDF2D5;
    border-radius:6px;
    padding:24px 0 !important;
    background: #fff4c6;/*CDF2D5;*/  
    text-align:center;
    font-weight:bold;
}

.quotation-policy-features-container {
    margin: 30px 0 3px;
    font-weight:normal;
    font-size:0.8em;
}
.quotation-policy-features-container a {
    text-decoration: underline;
}
.quotation-advice-notice {
    margin: 15px 0 24px;
    color:#999;
    font-size:0.8em;
	background-color:#fff4c6;
}
.nil-excess-warning {
	padding:3px !important;
}



/* underwriting page  */
#underwriting-form {}
#underwriting-form .row label.inline {
   padding:0;
   margin:0;
}
#underwriting-form .yes-no-column {
    /*padding-top:18px;*/
    font-size:0.9em;
    font-weight:bold;
    text-align:center;
    margin: 12px 0 0;
}

#underwriting-form #product_services {
	font-size: 0.75em;
    margin: 12px 0 0;
    padding: 12px;
     border: 1px solid #fff4c6;/*BAFCB0;*/
    border-radius:6px;
    background-color: #fff4c6;/*CDF2D5;*/
    
    /*height: 100px;
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    business-analysis-running-total-container
    */  
}
#underwriting-form #product_services ul, ol{
    margin:6px 0 6px 12px;    
}

#underwriting-form #product_services ul li, #product_services ol li{
    font-size: 0.75em;    
}

#underwriting-form .security_name_container {
	margin:6px 0 0;
}
#underwriting-form .high_risk_activity_container,
#underwriting-form .jumping-castle-endorsement,
#underwriting-form .trampolines-endorsement,
#underwriting-form .clean-ups-endorsement,
#underwriting-form .face-painting-endorsement
{
    font-size: 0.9em;
    margin: 12px 6px 6px;
    border: 1px solid #FFECA3;
    border-radius:6px;
    background-color: #FFF7DB;
}
#underwriting-form .high_risk_activity_container {
    font-size: 1.1em;
}

#underwriting-form .endorsement-agree {
    margin: 12px 6px 6px;
}



#underwriting-form .high_risk_activity_container ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}
#underwriting-form .high_risk_activity_container ul ul  {
font-size: 1em !important;
}
#underwriting-form .high_risk_activity_container ul { 
	font-size: 0.75em !important;
}

#underwriting-form .high_risk_activity_container p {
	font-size: 0.8em !important;
	padding:0; margin: 0 0 6px 6px;font-style:italic;
}

#underwriting-form .max_attending_yes_container,
#underwriting-form .adhering_to_provision_of_alcohol_container,
#underwriting-form .seating_container,
#underwriting-form .risk-questions,
#underwriting-form .other_activities_container,
#underwriting-form .extra-endorsements,
#underwriting-form .external_security_container
 {
	margin:12px 0;
	background-color: #FCF9EF;
	font-size:0.9em !important;
	padding-left: 8px;
	padding-bottom: 12px;
	border-radius:6px;
	border: 1px solid #FFF7DB;
	
}
#underwriting-form .extra-endorsements h1 {
    margin: 0 6px 0;   
}
#underwriting-form .extra-endorsements ul li {
 font-size: 0.8em !important;
}
/* declaration page*/
#declaration-form { }

#declaration-form p {font-size: 0.875rem;}
#declaration-form p.important-note {font-weight:bold; font-style:italic; margin:0; }

/* credit card */
#confirmation-document-list { font-weight:bold; }
.total-premium-payable-container div.label {width:200px; font-weight:bold; font-size:0.9em; background: none; color:#000; text-align:right;}
.total-premium-payable-container div.value {width:200px; font-weight:normal; font-size:0.9em; text-align:left;  }
#credit-card-confirm #confirmation-note {font-size:0.9em; font-style: italic;  }

/* premium funding */
#premium-funding-threshold #terms-and-conditions h2 { margin: 0 6px 0 26px; }
#premium-funding-threshold #terms-and-conditions {
    margin: 24px 0 30px;
    border: 1px solid #CDF2D5;
    border-radius:6px;
    padding:12px;
    background: #CDF2D5;  
}
#premium-funding-threshold #terms-and-conditions div {
    margin: 0 auto;
    height: 200px;
    overflow: scroll;
    padding: 6px;
    width: 95%;
}
#premium-funding-threshold #terms-and-conditions div .terms-conditions li {
    font-size: 0.8em !important;
}


#premium-funding-threshold under-threshold table th,
#premium-funding-threshold under-threshold table td{
    font-size: 0.8em;
}
.mbl_disclaimer {font-size: 0.8em; font-style:italic;}
.important-note {font-size: 0.9em; font-weight:bold; margin:12px 0 }



/* premium funding accpetance */
#premium-funding-acceptance #first-installment-message {
    display:none;
}
#premium-funding-acceptance iframe {
    width:10px;
    height:1px;
}
#premium-funding-acceptance .button-container {
    width: 500px;
}
#premium-funding-acceptance .button-container form{
    float:left;
}

#premium-funding-acceptance .mbl_disclaimer { clear: both; }

#premium-funding-acceptance .note { font-size: 0.9em; font-style: italic;}


#premium-funding-remaining-payments {}

#helloclever-container .logospan {
    display: inline-block;
    width: 100px;
    height: 50px;
}

#helloclever-container .logospan img {
    width: 90%;
}


/* static pages */
/* policy features */ 
#policy-features p, #policy-features div, #policy-features ul, #policy-features a {
    font-size: 0.95em;  
}

#policy-features h1, #policy-features h2, #policy-features h3 {
    margin: 18px 0 12px;
    font-size: 1.3em;
    font-weight:bold;   
}

#policy-endorsements  p, #policy-endorsements div, #policy-endorsements ul, #policy-endorsements a {
    font-size: 0.95em;  
}

#policy-endorsements  h1, #policy-endorsements h2, #policy-endorsements h3 {
    margin: 18px 0 12px;
    font-size: 1.3em;
    font-weight:bold;   
}





/* tool tips */
.ui-tooltip {
    padding: 3px ;
    font-size: 0.7em;
    max-width:500px !important;
}
.ui-tooltip ul,
.ui-tooltip ol,
.ui-tooltip p {
	font-size: 1em;
	
}
.fa-info-circle,
.fa-phone,
.fa-question-circle
{
    color: #F6881F;/*774e00;*//*4f3400;*//**//*308242;  */ 
}


/* make the checkbox in the declaration page larger */
#declaration-form input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

#declaration-form .agree-checkbox {
	margin: 30px -54px 10px 22px;
	padding: 0 !important;

}
#declaration-form .agree-label {
	margin: 24px 0 12px;
}


/* cross sell items */
#cross-sell ul {
	text-align:center;
}
#cross-sell ul li{
	display: inline;
}
#cross-sell ul li a.button {
    background-color: #F49331 !important;
    border-color: #F49331 !important;
    border-radius: 6px;
    margin-right: 6px;
}
#cross-sell ul li a.button:hover, 
#cross-sell ul li a.button:focus {
    background-color: #FF5A02 !important;
    
}
.cross-sell-item p, 
.cross-sell-item li { font-size: 0.9em; }
.cross-sell-item .btn_container {
	text-align:center;
}
.cross-sell-item a.buy_quote  {
	background-color: #F49331 !important;
	border-color: #F49331 !important;
    border-radius: 6px;
    margin-right: 6px;
}

.cross-sell-item a.buy_quote:hover, 
.cross-sell-item a.button:focus {
    background-color: #FF5A02 !important;
    border-radius: 6px;
    margin-right: 6px;
}


div.hidden {
	display: none;
	visibility: hidden;
}

div.display {
	display: block;
	visibility: visible;
}

#cc-still-proccessing { display: none; }
#cc-still-proccessing p {font-size: 0.7em !important;}
.hidden_block { display: none; visibility: hidden; }
	
/* For NFP Arch policy Wording and Endorsements */
.endorsement{ margin: 10px 50px 10px 5px; }
div.big-title{
	font-size: 17px;
	font-weight: bold;
}
div.title{
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

/* harmony CSS */

.autocomplete {
    width: 600px !important;
    box-shadow: 5px 5px 10px #080808 !important;
  }
  
  .autocomplete>div.selected,.autocomplete>div:hover:not(.group){color: #fff !important; background:#F6881F !important; cursor:pointer}
  
   /* make the checkbox of important notices larger */
#underwriting-form input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

#underwriting-form .notices-agree-checkbox {
	margin: 5px -54px 10px 22px;
	padding: 0 !important;

}
#underwriting-form .notices-agree-label {
	margin: 5px 0 12px;
}

#fz-iframe {width:60%;height:285px;margin-top: 20px; margin-left: 15px;}
#fz-iframe iframe {display: block; width: 100%; height: 100%; border: none;}