/* Styles definition here */
.cpp_form {
    z-index: 0;
    position: relative;
}


.fields input {
    border-radius: 7px;
    border: 1px solid var(--text-color);
    padding: 3px 10px;
    margin-top: 3px;
}

.fields input::placeholder {
    color: #8b8b8b;
}

#fbuilder .fields,
#fbuilder .fform {
    padding: 8px 0px;
}

.ahb_m2 #fbuilder .slots {
    padding: 20px 10px !important;
}


#fbuilder .pbSubmit {
    padding: 7px 20px !important;

}

#fbuilder .pbSubmit:hover {
    background: var(--main-color);
    color: #ffffff;
}

.ahb_m2 #fbuilder .ui-datepicker-inline {
    margin: 0 auto;
}

.ui-state-default.ui-state-active {
    color: #FFF;
    background: var(--main-color) !important;
}

.ui-state-default:hover {
    background: #5ec971 !important;
}

#fbuilder .slots div a {
    border: 1px solid var(--main-color) !important;
}

.ahb_m2 #fbuilder .slots div.currentSelection a {
    color: #fff;
    background: var(--main-color) !important;
}

.ahb_m2 #fbuilder .slots div:not(.htmlUsed) a:hover {
    background: #5ec971 !important;
}
.htmlUsed currentSelection   choosen, .ahb_m2 #fbuilder .slots div.currentSelection.htmlUsed a {
	background: var(--main-color) !important;
}
.ahb_m2 #fbuilder a.cancel:before {
    background-color: #000000 !important;
    margin-top: 3px;
	left:0;
}