/*For each property, you will basically change 1primary color, 1secondary color, 1text color, and a font file.*/


/*Define a Font*/

.body, #modal-title, .modal-body, .alert-info, .welcome_text, .property_name, .text, .form-control, .req, .title_packagespanel, .btn-secondary, .btn-survey, 
.btn-primary, .block_title, .popover, .popup-panel, .survey-title, .survey-text, .radio, .foottext, .privacystatement-title {
    font-family: 'Open Sans', Arial, Sans serif !important;
    
}

p,span,strong,h3,h4,th,div,label {
	font-family: 'Open Sans', Arial, Sans serif;
}

h5#exampleModalLongTitle {
	font-family: 'Open Sans', Arial, Sans serif !important;
}

label {
	font-family: 'Open Sans', Arial, Sans serif !important;
}

.breadcrumbs li a {
	font-family: 'Open Sans', Arial, Sans serif !important;
}

.quote-content-wrapper .subtitle {
	font-family: 'Open Sans', Arial, Sans serif !important;
}

.quote-content-wrapper .table>tbody>tr>td {
	font-family: 'Open Sans', Arial, Sans serif !important;
}





/*Use Primary Color*/ /*This color is normally used for the primary button, navigation, titles etc*/

.form-control:focus {
	border-color: #0063a6;
}

.btn-primary { 
	background-color: #0063a6 !important;
	border: 2px solid #0063a6 !important;
	color: #ffffff !important;
}

.btn-primary:hover {
        background-color: #0081d9 !important; 
        border: 2px solid #0081d9 !important; 
        color: #ffffff !important;
    }

.btn-secondary {
	background-color: #ffffff !important;
	color: #0063a6 !important;
	border: 2px solid #0063a6 !important;
}

.btn-secondary:hover {
	background-color: #0063a6 !important;
	color: #ffffff !important;
}

.form-control:focus {
     box-shadow: 0 0 2px #0063a6;
 }

.breadcrumbs li a {
	color: #0063a6 !important;
}

.breadcrumbs li.active a {
	border-bottom: solid 2px #0063a6;
	background-color: #0063a6;
}

.block_title {
	color: #0063a6 !important;
}

.acordion-header:after {
	color: #0063a6;
}

.collapsed:after {
	color: #0063a6;
}

.quote-content-wrapper .accordion {
	border-bottom: 2px solid #0063a6;
}

.quote-content-wrapper .section-header {
	color: #0063a6;
}

a.acordion-header,
div.summary-header {
	color: #0063a6;
}

a.acordion-header span {
	color: #0063a6;
}

div.summary-header {
	border-bottom: 2px solid #0063a6;
}

.table td,
.table th {
	border-top: 1px solid #0063a6;
}


/*Use Primary Color but using degradation. This needs to be in RGBA to be ok with Internet Explorer. We are defining the transparency. Reccomed use http://hex2rgba.devoth.com/*/

.packagespanel {
	background-color: rgba(0, 99, 166, 0.25);  
}

.table td,
.table th {
	border-bottom: 1px solid rgba(0, 99, 166, 0.25);
}

div.summary-header,
.card-header {
	background-color: rgba(0, 99, 166, 0.25);   
}

.quote-content-wrapper .section-header {
	background-color: rgba(0, 99, 166, 0.25);   
}

.breadcrumbs li a {
	background-color: rgba(0, 99, 166, 0.25) !important; 
	border-bottom: solid 2px rgba(0, 99, 166, 0.25);     
}

.quote-content-wrapper .intro {
    background-color: rgba(0, 99, 166, 0.25);
}




/*Use Secondary Color*/ /*This color is normally used for the top line, footer, welcome text, icons, survey section, etc*/

i {
	color: #000000;
}

a {
	color: #000000;
}

h5#exampleModalLongTitle {
	color: #000000;
}

.bg_bottom {
	background: #000000 !important;
}

.topline {
	background-color: #000000;
}

.welcome_text {
	color: #000000;
}

.property_name:before {
	color: #000000;
}

.view-more:before {
	color: #000000;
}

.btn-survey {
	color: #000000 !important;
}

.survey {
	background-color: #000000;
}

.quote-content-wrapper .divider {
	border-top: 2px solid #000000;
}

.privacystatement-title {
	color: #000000;
}

#modal-title {
    color: #000000;
}




/*Use Text Color*/ /*This color is normally used for the text, property name, etc*/

.body {
	color: #242528 !important;
}

p,span,strong,h3,h4,th,div,label {
	color: #242528;
}

.property_name {
	color: #242528;
}

.text {
	color: #242528;
}

.form-control {
	color: #242528;
}

.form-control-small {
	color: #242528;
}

label {
	color: #242528;
}

.req {
	color: #242528;
}

.popover {
	color: #242528 !important;
}

.radio {
	color: #242528;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
	background: #242528;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{
	color: #242528;
}

thead {
	color: #242528;
}

.quote-content-wrapper .intro {
	color: #242528;
}

.quote-content-wrapper .table>tbody>tr>td {
	color: #242528;
}












/*Advance CSS ---  Change this values just in case you need to change the weight of the text to make it bolder or not deppending of the used font*/


i {
	font-weight: 400 !important;     /*Change weight for links*/
}

h5#exampleModalLongTitle {
	font-weight: 600;				/*Change weight for Modal Titles*/
}

#modal-title {
	font-weight: 600;				/*Change weight for Modal Title*/
}

.modal-body {
	font-weight: 400;				/*Change weight for Modal Body*/
}

.welcome_text {
	font-weight: 600;				/*Change weight for Welcome to QuickQuote text on top of the page*/
}

.property_name {
	font-weight: 400;				/*Change weight for Property Name on top of the page*/	
}

.text {
	font-weight: 400;				/*Change weight for text*/
}

label {
	font-weight: 400;				/*Change weight for label elements */
}

.label--info {
	font-weight: 400;				/*Change weight for label elements */
}

.title_packagespanel {
	font-weight: 600;				/*Change weight for the title on Packages panel */
}

.btn-primary {
	font-weight: 600;				/*Change weight for Primary button */
}

.btn-secondary {
	font-weight: 600;				/*Change weight for Secondary button */
}

.btn-survey {
	font-weight: 600;				/*Change weight for Survey button */
}

.breadcrumbs li a {
	font-weight: 600 !important;	/*Change weight for Breadcrumbs (Navigation) */
}

.block_title {
	font-weight: 600;				/*Change weight for Titles on blocks of options */
}

.popover {
	font-weight: 400 !important;	/*Change weight for popovers */
}

.survey-title {
	font-weight: 600;				/*Change weight for Title on survey panel*/
}

.survey-text {
	font-weight: 400;				/*Change weight for Text on survey panel */
}

.radio {
	font-weight: 400;				/*Change weight for radio buttons */
}

a.acordion-header,
div.summary-header {
	font-weight: 600 !important;	/*Change weight for Accordion header */
}

.item-label {
	font-weight: 400;				/*Change weight for labels on the quote table */
}

.item-price {
	font-weight: 400;				/*Change weight for price on the quote table */
}

.package_description {
	font-weight: 400;				/*Change weight for description on the quote table */
}

.totals .item-price {
	font-weight: 600;				/*Change weight for price on the quote table */
}

.card-body {
	font-weight: 400;				/*Change weight for cards text */
}

.quote-pharagrap {
	font-weight: 400;				/*Change weight for text on quote page*/
}

.foottext {
	font-weight: 400 !important;	/*Change weight for footer */
}