/*Attendee form design*/
.eb-checkout-left-attendee-form-content{
    margin-top: 33px;
}
.eb-attendee-title h3{
    font-weight: 700;
    line-height: 25px;
    margin: 0 0 13px;
}


.eb-formeo-controls{

}
.eb-formeo-controls .formeo.formeo-render .formeo-row-wrap:last-child,
.eb-formeo-controls .formeo.formeo-render .formeo-row-wrap{
    margin-bottom: 24px;
}
.eb-formeo-controls .formeo.formeo-render .formeo-row{
    padding: 0;
}
.eb-formeo-controls .formeo.formeo-render .formeo-column{
    padding: 0;
}
.eb-formeo-controls .formeo .f-field-group{
    padding: 0;
}
.eb-formeo-controls .formeo .f-field-group > label{
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.6px;
    color: var(--eb-form-label-color);
    margin-bottom: 9px;
}
.eb-formeo-controls .formeo .f-field-group .instruction {
    margin-bottom: 8px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 20px;
}
.eb-formeo-controls .formeo .f-addon,
.eb-formeo-controls .formeo.formeo-editor .field-edit [contenteditable],
.eb-formeo-controls .formeo input,
.eb-formeo-controls .formeo select,
.eb-formeo-controls .formeo textarea{
    height: 44px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: var(--eb-text-color-secondary);
    padding: 6px 12px;
    border-radius: 3px;
    border: 1px solid #C5CAD3;
}
.eb-formeo-controls .formeo textarea{
    height: 116px;
}
.eb-formeo-controls .f-field-group label.error,
.eb-formeo-controls .form-group label.error {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--eb-error-text-color);
    margin: 0;
    top: auto;
    right: auto;
    bottom: -20px;
    left: 0;
    position: absolute;
}
.eb-formeo-controls .formeo .f-field-group:nth-last-of-type(1){
    margin-bottom: 0;
}

/*f-checkbox*/
.eb-formeo-controls .f-checkbox {
    position: relative;
    margin-bottom: 12px;
}
.eb-formeo-controls .f-field-group .f-checkbox:nth-last-of-type(1) {
    margin-bottom: 0;
}
.eb-formeo-controls .f-checkbox input {
    padding: 0;
    height: 16px;
    width: 16px;
    margin-bottom: 0;
    opacity: 0;
    cursor: pointer;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 9;
}
.eb-formeo-controls .f-checkbox label {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    font-family: inherit;
    padding-left: 28px;
    line-height: 21px;
}
.eb-formeo-controls .f-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #BDBDBD;
    padding: 7px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
}
.eb-formeo-controls .f-field-group .f-checkbox input:checked+label:before {
    background-color: var(--eb-checkbox-color);
    border: 2px solid var(--eb-checkbox-color);
}
.eb-formeo-controls .f-field-group .f-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 4px;
    height: 9.5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.eb-formeo-controls .f-field-group .f-checkbox input:checked+label:after {
    left: 7.4px;
    top: 2.3px;
}

/*Formeo radio*/
.eb-formeo-controls .f-field-group .f-radio {
    position: relative;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    font-family: 'Poppins', sans-serif;
}
.eb-formeo-controls .f-field-group .f-radio:nth-last-of-type(1){
    margin-bottom: 0;
}
.eb-formeo-controls .f-field-group .f-radio input {
    padding: 0;
    height: 18px;
    width: 18px;
    margin-bottom: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 9;
}
.eb-formeo-controls .f-field-group .f-radio label {
    position: relative;
    padding-left: 28px;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 21px;
}
.eb-formeo-controls .f-field-group .f-radio label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #A3ADB9;
    padding: 7px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
    border-radius: 15px;
    left: 0;
    top: -1px;
}
.eb-formeo-controls .f-field-group .f-radio input:checked+label:before {
    border: 2px solid var(--eb-checkbox-color);
}
.eb-formeo-controls .f-field-group .f-radio input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 5px;
    bottom: auto;
    width: 8px;
    height: 8px;
    border: 4px solid var(--eb-checkbox-color);
    border-radius: 15px;
}

/*File upload*/
.eb-formeo-controls .f-field-group input[type=file] {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 74px;
    border: 1px dashed #C5CAD3;
    height: 64px;
    position: relative;
}
.eb-formeo-controls .f-field-group input[type=file]::-webkit-file-upload-button,
.eb-formeo-controls .f-field-group input[type=file]::file-selector-button {
     border: 0;
     padding: 0;
     width: 100px;
     min-width: 100px;
     max-width: 100px;
     border-radius: 3px;
     background-color: #ECF8F8;
     cursor: pointer;
     opacity: 0;
 }
.eb-formeo-controls .f-field-group.file-field-wrap {
    position: relative;
}
.eb-formeo-controls .f-field-group.file-field-wrap:before {
    height: 32px;
    width: 100px;
    position: absolute;
    left: 12px;
    bottom: 17px;
    content: "Choose File";
    color: var(--eb-text-color-secondary);
    text-align: center;
    border-radius: 2px;
    pointer-events: none;
    z-index: 3;
    border: 1px solid #BDBDBD;
    background: #F0F3F4;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.eb-formeo-controls .f-field-group.file-field-wrap span.remove {
    position: absolute;
    bottom: 11px;
    right: 2px;
    display: inline-block;
    height: 40px;
    padding: 9px 13px;
    border-radius: 4px;
    color: red;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

/*date picker*/
.eb-formeo-controls .f-field-group.date-field-wrap input.date_picker {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgNVYxTTE0IDVWMU01IDlIMTVNMyAxOUgxN0MxNy41MzA0IDE5IDE4LjAzOTEgMTguNzg5MyAxOC40MTQyIDE4LjQxNDJDMTguNzg5MyAxOC4wMzkxIDE5IDE3LjUzMDQgMTkgMTdWNUMxOSA0LjQ2OTU3IDE4Ljc4OTMgMy45NjA4NiAxOC40MTQyIDMuNTg1NzlDMTguMDM5MSAzLjIxMDcxIDE3LjUzMDQgMyAxNyAzSDNDMi40Njk1NyAzIDEuOTYwODYgMy4yMTA3MSAxLjU4NTc5IDMuNTg1NzlDMS4yMTA3MSAzLjk2MDg2IDEgNC40Njk1NyAxIDVWMTdDMSAxNy41MzA0IDEuMjEwNzEgMTguMDM5MSAxLjU4NTc5IDE4LjQxNDJDMS45NjA4NiAxOC43ODkzIDIuNDY5NTcgMTkgMyAxOVoiIHN0cm9rZT0iIzhCOTNCMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    padding-right: 40px;
    cursor: pointer;
}

.ui-datepicker.ui-widget {
    font-family: inherit;
}
.ui-datepicker.ui-widget .ui-datepicker-header {
    border-width: 0;
    margin: -2px -3px 0;
    padding: 4px 0 6px;
    background: #e9ecef;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-title {
    font-size: 14px;
    font-weight: 400;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-prev {
    cursor: pointer;
    opacity: 0.5;
    text-align: center;
    line-height: 33.8px;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-prev:before {
    content: "\e901";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: 'EventBookings' !important;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-prev span {
    display: none;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-next {
    cursor: pointer;
    opacity: 0.5;
    text-align: center;
    line-height: 33.8px;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-next:before {
    content: "\e900";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: 'EventBookings' !important;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-next span {
    display: none;
}
.ui-datepicker.ui-widget .ui-datepicker-calendar tr th {
    font-size: 13px;
    font-weight: 400;
    color: #646464;
}
.ui-datepicker.ui-widget .ui-datepicker-calendar tr td {
    padding: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border: 0;
    background: none;
    font-weight: normal;
    color: #454545;
    text-align: center;
    padding: 3px 0;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: 1px solid #22B0AF !important;
    background: #22B0AF !important;
    color: #fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 0;
    background: none;
}

.ui-datepicker .ui-datepicker-title select{
    font-family: inherit !important;
    color: #454545;
}
.ui-datepicker select.ui-datepicker-month{
    border-right: 0 !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    border: 1px solid #c1c1c1;
    margin-top: 2px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 4px;
}



.eb-formeo-controls .f-field-group.attendee-file-field-wrap span.remove {
    position: absolute;
    bottom: 11px;
    right: 2px;
    display: inline-block;
    height: 40px;
    padding: 9px 13px;
    border-radius: 4px;
    color: red;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}






.eb-formeo-controls .formeo .f-field-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #8B93B1 50%), linear-gradient(135deg, #8B93B1 50%, transparent 50%);
    background-position: calc(100% - 18px) calc(1em + 4px), calc(100% - 12px) calc(1em + 4px);
    background-size: 7px 6px, 6px 7px;
    background-repeat: no-repeat;
}