/* =======================
   Easy Registration Forms
   =======================*/
html.fa-events-icons-ready{
    width: auto;
    height: auto;
}
.erf-container{
    position: relative !important;
}
.erf-container:before {
    content: " ";
    display: table;
}
.erf-container:after {
    clear: both;
    content: " ";
    display: table;
}

/* Resets
----------------------------------------------------------------------------- */
.erf-container,
.erf-container .erf-form * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.erf-container .clearfix:after{
    clear: both;
    display: block;
    content: "";
}

.erf-container .rendered-form:after{
    clear: both;
    display: block;
    content: "";
}

/*  Layout Field wrap */
.erf-container .erf-form .form-group {
    padding: 10px 0;
    width: 100%;
    white-space: nowrap;
}

/*Two Column Layout*/
.erf-layout-two-column.erf-container .erf-two-columns{
    clear: both;
    width: 100%;
}
.erf-layout-two-column.erf-container .erf-two-columns .form-group{
    width: 48%;
}
.erf-layout-two-column.erf-container .erf-two-columns .form-group:nth-child(odd){
    float: left;
    margin-right: 2%;
}
.erf-layout-two-column.erf-container .erf-two-columns .form-group:nth-child(even){
    float: right;
    margin-left: 2%;
}
.erf-layout-two-column.erf-container.erf-contact .fb-textarea{
    width: 100% !important;
    margin: 0 !important;
}
.erf-container .erf-submit-button .erf-nav-prev,
.erf-container .erf-form-nav .erf-nav-prev{ float: left; }
.erf-container .erf-submit-button .erf-nav-next,
.erf-container .erf-form-nav .erf-nav-next{ float: right; }

.erf-container .erf-btn-center button[type=submit]{ display: inherit; margin: 0 auto; }
.erf-container .erf-btn-right button[type=submit]{ float: left; }
.erf-container .erf-btn-right button[type=submit]{ float: right; }

.erf-layout-two-column.erf-container .erf-form-nav:after,
.erf-layout-two-column.erf-container .erf-two-columns:after{
    display: block;
    clear: both;
    content: "";
}

/*Label Inline Layout*/
.erf-label-inline.erf-container .erf-form .checkbox-group,
.erf-label-inline.erf-container .erf-form .radio-group{
    width: 70%;
    display: inline-block;
}

/* Labels */
.erf-password-lost-container .erf-form label[class$="-label"],
.erf-container .erf-form label[class$="-label"]{
    font-weight: 600;
    font-size: 16px;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
    display: block;
    white-space: normal;
}
/* Label Top */
.erf-label-top.erf-container .erf-form label[class$="-label"]{
    display: block;
    vertical-align: top;
}
/* Label Inline */
.erf-label-inline.erf-container .erf-form label[class$="-label"]{
    display: inline-block;
    width: 30%;
    cursor: pointer;
}
/* No Label */
.erf-label-no-label.erf-container .erf-form label[class$="-label"]{
    display: none;
}

.erf-container .form-group .fb-required {
    color: #ff0000;
    font-weight: 400;
    margin-left: 3px;
}

/* Clear each row */
.erf-container .erf-form .form-group:before {
    content: " ";
    display: table;
}

.erf-container .erf-form .form-group:after {
    clear: both;
    content: " ";
    display: table;
}

/*Styles*/
.erf-container .erf-form input[type=date],
.erf-container .erf-form input[type=datetime],
.erf-container .erf-form input[type=datetime-local],
.erf-container .erf-form input[type=email],
.erf-container .erf-form input[type=month],
.erf-container .erf-form input[type=number],
.erf-container .erf-form input[type=password],
.erf-container .erf-form input[type=file],
.erf-container .erf-form input[type=range],
.erf-container .erf-form input[type=search],
.erf-container .erf-form input[type=tel],
.erf-container .erf-form input[type=text],
.erf-container .erf-form input[type=time],
.erf-container .erf-form input[type=url],
.erf-container .erf-form input[type=week],
.erf-container .erf-form input[type=user_email],
.erf-container .erf-form select,
.erf-container .erf-form textarea{
    display: block;
    width: 100%;
}
.erf-label-inline.erf-container .erf-form input[type=date],
.erf-label-inline.erf-container .erf-form input[type=datetime],
.erf-label-inline.erf-container .erf-form input[type=datetime-local],
.erf-label-inline.erf-container .erf-form input[type=email],
.erf-label-inline.erf-container .erf-form input[type=month],
.erf-label-inline.erf-container .erf-form input[type=number],
.erf-label-inline.erf-container .erf-form input[type=password],
.erf-label-inline.erf-container .erf-form input[type=file],
.erf-label-inline.erf-container .erf-form input[type=range],
.erf-label-inline.erf-container .erf-form input[type=search],
.erf-label-inline.erf-container .erf-form input[type=tel],
.erf-label-inline.erf-container .erf-form input[type=text],
.erf-label-inline.erf-container .erf-form input[type=time],
.erf-label-inline.erf-container .erf-form input[type=url],
.erf-label-inline.erf-container .erf-form input[type=week],
.erf-label-inline.erf-container .erf-form input[type=user_email],
.erf-label-inline.erf-container .erf-form select,
.erf-label-inline.erf-container .erf-form textarea{
    width: 70%;
    display: inline-block;
}
.erf-container .erf-form .form-control:disabled,
.erf-container .erf-form .form-control[readonly]{
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}
.erf-container .erf-form .radio-inline,
.erf-container .erf-form .checkbox-inline{
    display: inline-block; margin-right: 10px;
}

.erf-container .erf-form .radio input[type="radio"],
.erf-container .erf-form .checkbox input[type="checkbox"],
.erf-container .erf-form .radio-inline input[type="radio"],
.erf-container .erf-form .checkbox-inline input[type="checkbox"]{
    position: absolute;
    left: 0;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}
.erf-container .erf-form .radio,
.erf-container .erf-form .checkbox,
.erf-container .erf-form .radio-inline,
.erf-container .erf-form .checkbox-inline{
    padding-left: 20px;
    position: relative;
}


.erf-container .erf-form .radio label,
.erf-container .erf-form .checkbox label,
.erf-container .erf-form .radio-inline label,
.erf-container .erf-form .checkbox-inline label{
    padding-left: 0px;
}

.erf-container .erf-form select {
    max-width: 100%;
    text-transform: none;
    white-space: nowrap;
}
.erf-container .erf-form select.erf-price,
.erf-container .erf-form select[multiple="true"]{
    height: auto;
}
.erf-container .erf-form .erf-submit-button{
    display: block;
    clear: both;
    width: 100%;
}
.erf-container .erf-form .erf-submit-button .form-group{
    margin: 0 !important;
    display: block;
    width: auto !important;
    padding: 10px 0;
}

/*Icons*/
.erf-container .erforms-icon { margin-right: 5px;}
.erf-container .erforms-icon.undefined { display: none; }

/*Tooltip*/
.erf-container .erf-form .tooltip-element {
    position: relative;
    visibility: visible;
    color: #fff;
    background: #000;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin: 0 5px;
    font-size: 12px;
    cursor: default;
    
}

.erf-container .erf-form .tooltip-element:hover:before {
    border: solid;
    border-color: #222 transparent;
    border-width: 6px 6px 0;
    bottom: 17px;
    content: "";
    left: 2px;
    position: absolute;
    z-index: 99;
    cursor: default;
}

.erf-container .erf-form .tooltip-element:hover:after {
    background: rgba(0,0,0,.9);
    border-radius: 5px 5px 5px 0;
    bottom: 23px;
    color: #fff;
    content: attr(tooltip);
    padding: 10px 5px;
    position: absolute;
    z-index: 98;
    left: 2px;
    width: 230px;
    text-shadow: none;
    font-size: 12px;
    line-height: 1.5em;
    cursor: default;
}

/*Multi Step*/
.erf-container .erf-page-breaks:after{ display: block;clear: both; content: "";}

.erf-container .erf-page-breaks{
    border-bottom: 1px solid #bbb;
    margin: 20px 0;
}

.erf-container .erf-page-breaks .page-break.active-page{
    border: 1px solid #bbb;
    border-bottom: none;
}
.erf-container .erf-page-breaks .page-break{
    float: left;
    padding: 10px;
    position: relative;
    top : 1px;
}
.erf-container .erf-page-breaks .page-break{ cursor: pointer; }
.erf-container .erf-page-breaks .page-break.active-page ~ .page-break{ cursor: not-allowed; }

/*Errors*/
.erf-container .parsley-errors-list { padding-left: 0; margin: 0;}
.erf-container .parsley-errors-list:empty{ display: none; }

.erf-container .erf-page-breaks .page-break.erf-has-errors{ color : #ff0000}
.erf-label-inline.erf-container .erf-price-total{ display: block;}
.erf-label-inline.erf-container .erf-price-total,
.erf-label-inline.erf-container .parsley-errors-list li,
.erf-label-inline.erf-container .erf-field-error{
    margin-left: 30%;
}
.erf-errors,.erf-error-row{
    display: block;
    clear: both;
    width: 100%;
}

.erf-container .parsley-errors-list li,
.erf-container .erf-error-row,
.erf-container .erf-field-error{
    color: #ff0000;
    padding-top: 5px !important;
    display: block;
    font-size: 12px;
    line-height: 1.2em;
}
/*Edit Layout Button*/

.erf_front_administration{
    margin-bottom: 20px;
    text-align: left;
}

/*Login*/
.erf-login.erf-container .erf-form-login {
    max-width: 400px;

}
.erf-login.erf-container .form-group label{
    display: block;
    width: 100%;
}
/*Login*/
.erf-container .erf-recaptcha{
    margin: 20px 0;
}
.erf-lost-password{ float: right;}

.erf-container .erf-account-switch{
    margin: 20px 0;
}
.erf-container .erf-clearfix:after{
    display:block;
    clear: both;
    content: "";
}
/*Price field*/
.erf-container .erf-price-total p{
    margin: 0;
    line-height: 2em;
    font-weight: bold;
    margin-top: 10px;
    text-align: right;
}
.erf-container .erf-price-total .erf-total-title{ margin-right: 20px;}

.erf_form_layout_admin_dialog .erf-control select{ width: 100%; }
/*Loader*/
.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#erf_progress{
    display: inline-block;
    padding: 10px;
}

.erf-container .erf-error{
    color: #ff0000;
    padding-top: 5px !important;
    display: block;
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 10px;
    line-height: 18px;
}