/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /* fomr style for stepper */



/*stripe form*/


#card-elem, #card-exp, #card-cvc{
    padding-top: 10px;
    padding-bottom: 10px;
}

.stripe_checkout{
    margin: 20px auto 40px auto;
    max-width: 500px;
    background-color: #f2f2f2;
    padding: 5px 20px 15px;
    border: 1px solid #d3d3d3;
    display: flex;
    position: relative;
    border-radius: 5px;
}

.stripe_checkout .field-row {
    float: left;
    width: 50%;
    padding: 15px 0;
    position: relative;
}

.stripe_checkout .field-row input[type="text"], .stripe_checkout .field-row select {
    width: 90%;
}

.stripe_checkout .field-row #exp_month {
    width: 30%!important;
    float: left;
    margin-right: 20px;
}

.stripe_checkout .field-row #year {
    width: 52%!important;
    float: left;
}

.stripe_checkout .pay_btn {
    width: 100%!important;
}

.stripe_checkout .field-row input[type=submit] {
    background-color: #555;
    color: #fff;
    padding: 12px;
    margin: 10px 0;
    border: none;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    font-size: 17px;
}
.form_loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	background: rgba(255, 255, 255, 0.9);
    z-index: 999999;
}
.form_loader img, .form_loader .svg-progress {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);text-align: center;
}
.stripe_checkout .field-row label[class=error] , #processingOptions .form-group label[class=error] {
    position: absolute;
    left: 0;
    bottom: -15px;
    line-height: 10px;
    letter-spacing: 1px;
    font-weight: 600 ;
    font-size: 12px;
    color: red !important;
    padding-left: 15px;
}
#processingOptions .btn-primary.disabled,#processingOptions .btn-primary:disabled,
#processingOptions .btn-primary.disabled:hover,#processingOptions .btn-primary:disabled:hover {
    background: #cccccc;
    border-color: #cccccc;
}

.stripe_checkout .payment-status p.err , #processingOptions .payment-status p.err {
    color: red;
	font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
}

.stripe_checkout .payment-status p.succ ,  #processingOptions .payment-status p.succ {
    color: green;
    font-weight: 500;
    letter-spacing: 1px;
}



@media screen and (max-width: 467px){
    .stripe_checkout .field-row {
        float: left;
        width: 100%;
        padding: 10px 0;
    }
}

/*stripe form*/


 /* .form-fieldset */
 .form-fieldset{border: 1px solid #ddd; padding: 20px; margin-top: 6%; color: #212529;}
 html body .form-fieldset h3{ display: block; width: 100%; padding: 0; font-size: 22px; margin-top:53px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; font-weight: 300; padding-bottom: 13px; color: #16748F; text-transform: none; text-align: left;}
 .form-fieldset .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-size: 15px; font-family: 'Roboto', sans-serif;}
 .form-fieldset label{font-size: 13pt; font-weight: 300;  text-align: left; line-height: 32px;}
 .form-fieldse .form-check label{line-height: normal;}
 .terms-conidtion{margin-left: 0;}
 .terms-conidtion-label{padding-left: 30px;}
 .form-three-inputs input[type="text"], .form-three-inputs .form-control{width: calc(33.33% - 15px); display: inline-block;}
 .form-three-inputs  input[type="number"]{-moz-appearance:textfield;}
 .form-three-inputs input[type=number]::-webkit-outer-spin-button, .form-three-inputs input[type=number]::-webkit-inner-spin-button {
 	-webkit-appearance: none;
 	margin: 0;
 }
 .form-three-inputs input[type="text"] +  input, .form-three-inputs  .form-control + .form-control[type="text"]{margin-left: 15px;}
 .form-three-inputs select:last-child{margin-right:0;}
 .form-fieldset .btn{display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }	
 .form-fieldset .btn-primary{color: #fff; background-color: #007bff; border-color: #007bff;}
 .form-fieldset .btn-primary:hover, .form-fieldset .btn-primary:focus, .form-fieldset .btn-primary:active, .form-fieldset  .btn-primary:not(:disabled):not(.disabled):active{ color: #fff; padding: .375rem .75rem; font-size: 1rem;background-color: #0069d9; border-color: #0062cc;}
 .form-fieldset .counter{position: relative; padding-left: 50px; }
 .form-fieldset .d-inline .form-check-input{top: 50%; transform: translate(0, -50%); margin-top:0;}
 .bottom_aggrement_txt{margin-bottom: 8px;}

 /* counter  */
 .form-fieldset { counter-reset: section; list-style-type: none;}
 .counter::before { position: absolute; left: 0;counter-increment: section; content:counters(section, ".") ""; font-size:14px; background-color: #16748F; display: inline-block; color: #fff; text-align: center;line-height: 42px; width: 42px; height: 42px; border-radius:100%; top: -7px;}
 .counter.has-child::before{display: none;}
 .counter.has-child .form-fieldset{border: none; margin: 0; padding: 0;}
 .counter.has-child .form-fieldset .counter::before{left: 15px;}	
 .counter.has-child{padding-left: 0;}
 .counter.has-child .counter + .counter{margin-top:20px;}


 /* .form-fieldset*/
 .form-header h2{font-weight: 600;font-size: 18pt; text-transform: uppercase; color: #16748F; text-align: left;} 
 .form-header  p{font-size: 13pt; font-weight: 300; text-align: justify; line-height: 32px;}
 .form-header p{font-size: 13pt; font-weight: 300; text-align: justify; line-height: 32px;}	
 .form-fieldset h3.no-top-margin{margin-top:0; }
 .form-fieldset .tooltip-inner {color: #fff; font-size: 10px; line-height: 12px;}
 .if-deceased{display: inline-block;     font-size: 13pt; font-weight: 300; text-align: justify; line-height: 25px;}
 .form-group .d-inline{margin-right: 12px;}


 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

 /* you are almost done - step 2 */
 html body{font-family: 'Roboto', sans-serif;}
 html body .form-fieldset.remove-border-padding{border-color:transparent; padding: 0; }
.custom-stripe-form .card-body{padding-right: 35px;}

 .label-bold .form-check-label{font-weight: 700;}
 #you-are-almost-done-step-2 .label-bold .form-check-label {
 	font-size: 13pt;
 }
 .collect_docs_form button[type="reset"] {
 	margin-left: 5px;
 }
 .ssn_apply_form .form-control:disabled, .ssn_apply_form .form-control[readonly] {
 	background-color: transparent;
 }
 .label-bold .subtext{font-size: 13pt; font-weight: 300; margin: 0; padding: 0; text-align: justify; line-height: 32px;}
 #processingOptions p.subtext {
	font-size: 12pt;
}
 .label-bold .price{font-weight: 500;}
 .label-bold .order-total-group .price{font-weight: 700;}
 .order-total-group{color: #212529;  border-top: 2px solid #e5e5e5; font-weight: 300; padding-top: 13px;}
 .errorTxt{color: red; margin-top: 5px; padding: 4px; font-weight: bold; font-size: 12px; margin-bottom: 10px;
 	display: inline-block;
 	width: 100%;}	
 	.ssn_num_warn {
 		width: 100%;
 	}
 	.ssn_num_warn .errorTxt {
 		width: 33.333333%;
 	}
 	.hidethis{display:none !important;}
 	.form-fieldset .form-control:focus{border-color:transparent; outline:none;}
 	span[for="validzipcode"] {margin-top: -6px;position: relative;top: -13px;margin-bottom: 0;}

 	/* .tooltip-wrapper */
 	.tooltip-wrapper{position:relative; width:18px; text-align:center; vertical-align: middle; height:18px; color:#fff; background: #605d58; border-radius: 100%; overflow:hidden;}
 	.tooltip-wrapper:hover{overflow:visible;}
 	.tooltip-wrapper .tooltip-content{opacity:0;  transition:all 1s ease;   -webkit-transition:all 1s ease; -ms-transition:all 1s ease;}
 	.tooltip-wrapper:hover .tooltip-content{opacity:1; transition:all 1s ease;   -webkit-transition:all 1s ease; -ms-transition:all 1s ease;}
 	.tooltip-wrapper .tooltip-content{position:absolute; margin-bottom: 10px; bottom:100%; background:#000; font-size:11px; padding:4px 2px; color:#fff; font-family: 'Roboto', sans-serif; text-align:center; min-width:200px; left:50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); border-color: rgba(0, 0, 0, 0.50); border-width:1px; border-style:solid; z-index: 1;}
 	.tooltip-wrapper .tooltip-content:after{content:" "; background-repeat:no-repeat; background-position:center; width:8px; height:8px; display: inline-block;
 	bottom: -6px; position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-webkit-box-shadow:0 0 0px 1px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 0px 1px rgba(0,0,0,0.10); box-shadow:0 0 0px 1px rgba(0,0,0,0.10);transform: rotate(45deg);}
 	.tooltip-wrapper .tooltip-content:before{content:""; width:8px; height:8px; display: inline-block; width:100%; position:absolute; bottom:0; background:#000; left:0;}
 	.tooltip-wrapper .tooltip-content p{position: relative; margin:0; padding:0; line-height:16px; z-index: 1;}
 	.tooltip-wrapper.fa-question:before { font-size: 14px;       position: absolute;
 		top: 50%; transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%); left: 50%;}

 		.application-form-group .form-group{ position:relative;}
 		.application-form-group .form-group .terms-conidtion{left:20px; margin-top:10px; position: absolute;}
 		.form-fieldset .has-error .form-control{border-color:red;}


 		.blankdiv::before{font-size:0;    width:0;
 			height:0; background:none;}


 			.form-group.counter.blankdiv {position: fixed; left:100%;
 				opacity: 0;
 				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 				filter: alpha(opacity=0);
 				-moz-opacity:0;
 				-khtml-opacity: 0;
 			}

 			.customer_login_area > h3{display:none;}	

 			.application-form-group .form-group.counter .col-sm-5{text-align:left;}


 			/******customer portal*****/
 			.applications-single-div .applications-single-menu {
 				position: -webkit-sticky;
 				position: sticky;
 				top: 50px;
 				background-color: #f5f5f5;
 			}
 			.applications-single-menu > ul {
 				padding: 0;
 				margin: 0;
 			}
 			.applications-single-menu > ul > li {
 				padding: 0;
 				margin: 0;
 				list-style: none;
 			}
 			.applications-single-menu > ul > li:not(:last-child) {
 				border-bottom: 1px solid #eee;
 			}
 			.applications-single-menu a {
 				text-decoration: none;
 				color: #000;
 				padding: 10px 15px;
 				display: block;
 				-webkit-transition: all 0.3s;
 				transition: all 0.3s;
 				text-decoration: none;
 			}		
 			.applications-single-menu a:hover {
 				text-decoration: none;
 				background-color: #e0e0e0;
 				color: #000;
 			}
 			.applications-single-menu li.active a {
 				background-color: #16748F;
 				color: #fff;
 			}

 			.applications-single-menu > ul > li > ul {
 				padding: 0;
 				margin: 0;
 				background-color: #f5f5f5;
 			}
 			.applications-single-menu > ul > li > ul > li {
 				padding: 0;
 				margin: 0;
 				list-style: none;
 			}

 			.applications-single-itm {
 				border-left: 3px solid #ff8a00;
 			}
 			.applications-single-itm:not(:last-child) {
 				margin-bottom: 20px;
 			}
 			.applications-single h4 {
 				color: #16748F;
 				padding:15px;
 				background-color: #f5f5f5;
 				margin: 0 0 1px;
 				font-size: 18px;
 				font-weight: 600;
 			}
 			.applications-single .no-gutters {
 				background-color: #f5f5f5;
 				padding:15px;
 			}
 			.applications-single .table-row > div {
 				padding-top: 5px;
 				padding-bottom: 5px;
 				font-size: 14px;
 				word-wrap: break-word;
 				text-align: left;
 			}
 			.applications-single .table-row > div::first-letter {
 				text-transform: uppercase;
 			}
 			.applications-single table.table {
 				margin-bottom: 50px;
 			}
 			.applications-single table.table th,
 			.applications-single table.table td {
 				border: 0;
 				font-size: 14px;
 			}
 			.applications-single table.table th {
 				padding-left: 0;
 			}
 			.applications-single table.table td {
 				padding-right: 0;
 			}



 			.form-fieldset .form-three-inputs {
 				display: -webkit-box;
 				display: -ms-flexbox;
 				display: flex;
 				-webkit-box-pack: justify;
 				-ms-flex-pack: justify;
 				justify-content: space-between;
 				-ms-flex-wrap: wrap;
 				flex-wrap: wrap;
 				-webkit-box-align: start;
 				-ms-flex-align: start;
 				align-items: flex-start;
 			}



 			#agreementCommunication .form-group.counter {
 				padding-left: 0;
 			}
 			#agreementCommunication .form-group.counter:before {
 				display: none;
 			}
 			#agreementCommunication .form-group .form-check-input.terms-conidtion {
 				top: -4px;
 			}
 			#agreementCommunication .form-group .form-check-label.terms-conidtion-label {
 				display: inline;
 				font-family: "Roboto";
 				font-size: 13pt;
 				font-weight: 300;
 				text-align: justify;
 				line-height: 25px;
 				padding-left: 20px;
 			}

 			.form-fieldset .application-form-group .form-group.counter {
 				margin-top: 15px;
 			}



 			.text-green {
 				color: green;
 			}


 			.thankyu-box {
 				background-color: #eee;
 				border: 1px solid #e0e0e0;
 				padding: 15px;
 				margin: 30px 0 0 0;
 				border-radius: 8px;
 			}
 			.thankyu-box p:last-child {
 				margin-bottom: 0;
 			}


 			.ssn-pannel .ssn-pannel-itm {
 				padding:10px;
 				background-color: #16748F;
 				border-radius: 8px;
 				margin: 30px 0 0;
 			}
 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner h4 {
 				color: #fff;
 				padding: 0 15px 10px;
 				margin: 0;
 				font-size: 18px;
 			}

 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text {
 				padding: 15px;
 				background-color: #fff;
 				border-radius: 8px;
 			}
 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text form {
 				width: 100%;
 				margin: 0;
 				padding: 0;
 				border:0;
 				outline: 0;
 			}
 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text p:last-child {
 				margin-bottom: 0;
 			}
 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text ul.ssn-pannel-itm-radio {
 				padding: 0;
 				margin: 15px 0 15px 40px;
 			}
 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text ul.ssn-pannel-itm-radio li {
 				padding: 3px 0;
 				margin: 0;
 				list-style: none;
 			}
 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text ul.ssn-pannel-itm-radio li label {
 				margin: 0;
 				cursor: pointer;
 			}
 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text .ssn-pannel-itm-btns {
 				padding-top: 15px;
 			}

 			.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text .ssn-pannel-itm-text-gray-bg {
 				background-color: #eee;
 				border-radius: 4px;
 				border: 1px solid #e0e0e0;
 				padding: 15px;
 				margin: 15px 0;
 			}
 			.signature_wrapper{text-align: center;}
 			#signature{
 				width: 100%; 
 				border: 1px solid #16748F;
 				max-width: 600px;
				margin: auto;
				height: 150px; margin-top: 20px;
 			}
 			#call_pay_iframe{opacity: 0;visibility: hidden;}
 			.formiframe, .formiframe1{width: 100%;height: 1300px;display: none;border: none;}

 			.returning-form p label {
 				width: 40%;
 			}
 			.returning-form p input[type="text"] {
 				width: 60%;
 			}
 			.blue-bold{
 				color: #16748F;
 				font-weight: 400;
 			}
 			.showw_errors .error {
 				color: red;
 				text-align: left;
 			}

 			.content-text {
 				width: 100%;
 				max-width: 600px;
 				margin: auto;
 				text-align: left;
 			}


 			.content-text strong {
 				margin-bottom: 8px;
 				display: inline-block;
 			}
 			.content-text p {
 				font-size: 12pt;
 				font-weight: 400;
 			}



 			.content-text .sign-dropdown {
 				max-width: 240px;
 				margin: auto;
 				position: relative;
 				color: #116393;
 				font-weight: 400;
 				width:100%;
 			}

 			.sign-dropdown::after, .sign-dropdown::before {
 				width: 0;
 				height: 0;
 				border-left: 13px solid transparent;
 				border-right: 13px solid transparent;
 				border-top: 11px solid #dcdadc;
 				position: absolute;
 				left: 0;
 				content: '';
 				top: 9px;
 			}
 			.sign-dropdown::after {
 				right: 0px;
 				left: auto;
 			}

 			/*Media queries*/
			@media(min-width:767px){
				.right-info-panel{padding-left: 15px;}
			}
 			@media(max-width:991px){
 				.application-form-group .form-group .col-sm-7, .application-form-group .form-group .col-sm-5{min-width:50%; max-width:50%;}
 			}

 			@media(max-width:767px) and (min-width:576px) {
 				.form-three-inputs.ssn_dob select.form-control:nth-child(1) {
 					width: 30%;
 				}
 				.form-three-inputs.ssn_dob select.form-control:nth-child(2) {
 					width: 28%;
 				}
 				.form-three-inputs.ssn_dob select.form-control:nth-child(3) {
 					width: 36%;
 				}
 				.form-three-inputs.ssn_dob select.form-control {
 					padding-left: 2px;
 					padding-right: 0;
 				}
 			}

 			@media(max-width:767px) {
 				.applications-single-div .applications-single-menu {
 					margin-bottom: 20px;
 				}
 				.form-three-inputs input[type="text"],
 				.form-three-inputs .form-control {
 					margin-right: 0;
 					width: -webkit-calc(33.33% - 5px);
 					width: calc(33.33% - 5px);
 				}
 				.page-my-ssn-thank-you .header_bottom_menu {
 					display: none;
 				}
 				.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner .ssn-pannel-itm-text ul.ssn-pannel-itm-radio{margin-left: 0;}
 				.ssn-pannel .ssn-pannel-itm .ssn-pannel-itm-inner h4{line-height: 25px;}
 				.customer_info_box p {
 					text-align: left;
 				}
 				.signature_wrapper #signatureform #signature-pad {
 					/* width: 100%; */
 					height: 100%;
 				}
 				.signature_wrapper #signature {
 					height: auto;    overflow-x: hidden;
 				}
 			}

 			@media(max-width:575px){
 				.customers_login_section{padding:0; margin: 3% 0;}			
 				.form-fieldset .counter .row > .col-sm-7, .form-fieldset .counter .row > .col-sm-5{width:100%; min-width:100%;}
 				.form-fieldset .counter::before{ top: -1px;}
 				.form-fieldset .btn{ float: none; display: block;}
 				.form-fieldset .btn + .btn{margin-top:15px;}
 				.terms-conidtion-label{padding-left:20px;}		
 				.customers_login_section .container .form-wrapper .container{padding:0; width:100%; min-width:100%;}
 				.application-form-group .form-group .col-sm-7, .application-form-group .form-group .col-sm-5{min-width:100%; max-width:100%;}		


 				.form-fieldset .counter {
 					margin-top: 15px;
 				}
 				.form-fieldset .counter.has-child > .form-fieldset > .row > div.col-sm-5,
 				.form-fieldset .counter > .row > div.col-sm-5 {
 					margin-left: -36px;
 					width: -webkit-calc(100% + 36px);
 					width: calc(100% + 36px);
 					max-width: -webkit-calc(100% + 36px);
 					max-width: calc(100% + 36px);
 					padding-top: 5px;
 				}

 				.form-fieldset #agreementCommunication .counter.has-child > .form-fieldset > .row > div.col-sm-5,
 				.form-fieldset #agreementCommunication .counter > .row > div.col-sm-5 {
 					width: 100%;
 					margin-left: 0;
 					max-width: 100%;
 				}

 				#agreementCommunication .form-group .form-check-label.terms-conidtion-label {
 					font-size: 9pt;
 					line-height: 20px;
 				}

 				html body .form-fieldset h3 {
 					margin-top: 0;
 				}
				 .custom-stripe-form input[type="text"], .custom-stripe-form #card-elem, #card-exp, #card-cvc  {
					width: calc(100% - 15px) !important;
					min-width: auto !important;
					margin-left: 15px !important;
				}
				.exp-date .mob-col-1, .exp-date .mob-col-2 {
					padding-left: 15px !important;
					width: 50% !important;
				}
 			}


 			@media(max-width:500px){
 				.form-header h2{font-size:20pt;}
 				html body .form-fieldset h3{font-size:19px;}
 				html body  .form-fieldset .application-form-group h3{font-size:19px;}
 				.application-form-group .fa-question{position:relative;}
 				.form-fieldset label, .form-header p{font-size:10pt; line-height: 30px; margin: 0; font-weight: 300;}
 				.counter::before{ font-size: 12px;  line-height:30px; width:30px; height: 30px;}	
 				.form-fieldset .counter {padding-left:36px;}
 				.form-group.counter.has-child { padding-left: 0;}	

 				.form-fieldset .form-check-label.terms-conidtion-label {
 					line-height: 20px;
 					display: inline;
 				}
 				.if-deceased {
 					font-size: 9pt;
 					line-height: 30px;
 				}	
 				button#generatepdf{
 					white-space: normal;
 					word-wrap: break-word;
 					text-align: left;
 					margin-top: 10px;
 				}

 			}

 			@media (max-width:479px) {
 				#signatureform #click, #signatureform #refresh_signature {
 					margin-bottom: 15px;
 				}
 				.content-text .sign-dropdown {
 					max-width: 210px;
 				}
				
 			}