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

.form-group.field-customer-pass-btn,.form-group.field-search-customer-btn{
	/*line-height: 85px;*/
    text-align: center;
}
.satis-form-wrap{
	position: relative;
	padding: 10px;
}
.sfb-loader{
 	height: auto;
   	background-color: rgba(225,225,225,.9);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;

 }
 .sfb-loader img{
 	top:50%;
 	transform:translateY(-50%);
 	position: relative;
 }
 .sfb-loader.hidden{
 	display: none;
 }

 #account-section,#customer-section,#claim-section,#sfb-submit{
 	display: none;
 }

 .form-control[readonly] {
  	background: #FFF;
    pointer-events: none;
    touch-action: none;
    opacity: 0.6;
}
.satis-form-info > div{
	padding: 10px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border-left: 5px solid #fff;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
}
.satis-form-info > div.success{
	border-color:green;
}
.satis-form-info > div.error{
	border-color:red;
}
.satis-form-info > div.warning{
	border-color:#FFCC00;
}

.section-container h1{
	margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
	.form-group.field-customer-pass-btn,.form-group.field-search-customer-btn{
		line-height: 85px;
	}
	.rendered-form .form-group{
		min-height: 85px;
	}

}