/*
 * Public Stylesheet for PB Calculator Embed Widget
 *
 * This file contains CSS specific to the calculator displayed by
 * the PB Calculator Elementor widget.
 *
 * @since    1.0.0
 * @author   Your Name <your_email@example.com>
 */


.pb-calculator-embed{
	width: 100%;
	min-width: 430px;
    margin: 0;
}
.pb-calculator-embed .pb-form{
	display: block;
	margin: 0 auto 24px;
}
.pb-calculator-embed .pb-form .form-fields{

}
.pb-calculator-embed .pb-form .form-fields .form-field{
	width: 100%;
}
.pb-calculator-embed .pb-form .form-field .select2.select2-container .select2-selection--single {
    border: 0;
 }
.pb-calculator-embed .pb-form .form-field .select2.select2-container .select2-selection--single .select2-selection__rendered{
	font-size: 14px;
	font-weight: 500;
}
.pb-calculator-embed .pb-calculator-results{
	border-radius: 20px;
	background: #FFF;
	padding: 24px;
	overflow: hidden;
}
.pb-calculator-embed .pb-calculator-results .selected-role{
	margin: 0 auto 36px;
}
.pb-calculator-embed .pb-calculator-results .selected-role label{
	color: #063D9D;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.pb-calculator-embed .pb-calculator-results .selected-role .selected_roles_embed_container{
	height: 28px;
	opacity: 0;
	
}
.pb-calculator-embed .pb-calculator-results .selected-role .selected_roles_embed_container .role-overlay {
    position: absolute;
    height: 28px;
    display: block;
    left: 0;
    background-color: red;
    z-index: 1;
    width: 100%;
}

.pb-calculator-embed .pb-calculator-results .selected-role .select2.select2-container .select2-selection--single {
    border: 0;
 }
.pb-calculator-embed .pb-calculator-results .selected-role .select2.select2-container .select2-selection--single .select2-selection__rendered{
	font-size: 20px;
	font-weight: 700;
	padding: 0;
	outline: 0;
}
.pb-calculator-embed .pb-calculator-results .selected-role .select2.select2-container .select2-selection--single .select2-selection__arrow{
	display: none;
}

.pb-calculator-embed .pb-calculator-results table{
	border-collapse: collapse;
	border: none;
	font-family: Poppins;
	font-size: 14px;
	margin: 0;
}
.pb-calculator-embed .pb-calculator-results table tr{


}
.pb-calculator-embed .pb-calculator-results table tr td{
	border: 0;
	padding: 12px 0;
	background-color: transparent;
	color: #788790;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	vertical-align: middle;
	text-align: right;
}
.pb-calculator-embed .pb-calculator-results table tr td:first-child{
	color: #788790;
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align: left;
}
.pb-calculator-embed .pb-calculator-results table tr td:first-child b{
	display: block;
	font-weight: 700;
	color: #2A3342;
}

.pb-calculator-embed .pb-calculator-results table tr td .minus{
	width: 17px;
	height: 17px;
	background-color: #AFD7EC;
	color: #09006E;
	font-size: 16.03px;
	font-style: normal;
	font-weight: 700;
	line-height: 7.05px;
	letter-spacing: -0.321px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin-right: 10px;
}
.pb-calculator-embed .pb-calculator-results table tr td .value{
	color: #2A3342;
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.pb-calculator-embed .pb-calculator-results table tr td .value:empty{
	background-color: #f5f3f3;
    height: 28px;
    min-width: 78px;
    width: auto;
    display: inline-block;
}

.pb-calculator-embed .pb-calculator-results table tr.savings-amount{

}
.pb-calculator-embed .pb-calculator-results table tr.savings-amount td{
	border-top: 1px solid #F0F0F0;
	color: #063D9D;
}
.pb-calculator-embed .pb-calculator-results table tr.savings-amount td b{
	color: #063D9D;
	font-weight: 700;
}
.pb-calculator-embed .pb-calculator-results table tr.savings-amount td:first-child{
	color: #09006E;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.pb-calculator-embed .pb-calculator-results table tr.savings-amount td .value{
	color: #063D9D;
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.pb-calculator-embed .pb-calculator-results table tr.savings-amount td span:empty{
	height: 30px;
}


.pb-calculator-embed .pb-calculator-results table tr.savings-percentage{

}
.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td{
	text-align: right;
	color: #2A3342;
	padding-bottom: 0;
	text-align: right;
}
.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td:first-child{
	text-align: left;
}
.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td span{
	border-radius: 8px;
	background: #35B37E;
	padding: 3px 8px;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td span:empty{
	width: 120px;
}
.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td p{
	color: #827D7D;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	margin: 0;
    width: 100%;
    max-width: 180px;
    display: inline-block;
}
 
/* Responsive adjustments */
@media (max-width: 767px) {

	.pb-calculator-embed{
		min-width: unset;
	}

	.pb-calculator-embed .pb-calculator-results table tr td:first-child{
		font-size: 10px;
		width: 160px;
		padding: 5px 0;
	}
	.pb-calculator-embed .pb-calculator-results table tr td:first-child b{
		display: inline-block;
	}
	.pb-calculator-embed .pb-calculator-results table tr td .value{
		font-size: 12px;
		font-weight: 500;
	}
	.pb-calculator-embed .pb-calculator-results table tr.savings-amount td:first-child{
		font-size: 14px;
	}
	.pb-calculator-embed .pb-calculator-results table tr.savings-amount td:first-child b{
		display: none;
	}
	.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td{
		padding: 0;
	}
	.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td span{
		font-size: 12px;
	}
	.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td p{
		font-size: 9px;
		text-align: left;
	}

	.pb-calculator-embed .pb-calculator-results .selected-role .select2.select2-container .select2-selection--single .select2-selection__rendered{
		font-size: 100%;
	}

}


@media (max-width: 420px) {
	.pb-calculator-embed .pb-calculator-results table tr.savings-percentage td span{
		font-size: 11px;
	}
}