.customForm input[type=date].form-control,
.customForm input[type=number].form-control,
.customForm input[type=email].form-control,
.customForm input[type=tel].form-control,
.customForm input[type=text].form-control,
.customForm select.form-control,
.customForm label.form-control,
.customForm textarea.form-control{
border: 1px solid #134c24;
background-color: transparent;
color: inherit;
border-radius: 0;
cursor: pointer;
min-height: 2rem;
border-width: 0 0 1px 0;
outline: none !important;
margin-bottom: 1.5rem;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
width: 100%;
}
.customForm .jconfirm-holder .container{
display: flex;
justify-content: center;
}
.customForm .field-label,
.customForm .form-label{
color: #134c24;
margin-bottom: 0.5rem;
font-weight: 500;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.customForm .alertMessage, .errorInput + label{
color: #FF0000;
font-size: 80%;
}
.customForm .flatcustomCheckbox{
display: flex;
align-items: center;
column-gap: 4px;
}
.customForm .form-control::placeholder {
color: var(--brown);
}
.customForm .customBtn{
background-color: #134c24;
display: inline-block;
padding: 0.7rem 3rem;
border-radius: 4px;
color: #FFFFFF;
text-transform: uppercase;
margin-top: 1.5rem;
cursor: pointer;
transition: 0.3s all linear;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.customForm .customBtn:hover{
background-color: #13391e;
}
.colorRed700{
color: #FF0000;
} .customForm .customCheckbox input + label > .fakeCheck::after{
content: "";
position: absolute;
width: 0px;
height: 0px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #134c24;
cursor: pointer;
-webkit-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
-moz-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
-o-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
transition: all .3s cubic-bezier(.3,.81,.67,2.5);
}
.customForm #form-newsletter .customCheckbox input + label > .fakeCheck::after{
background-color: var(--white);
}
.customForm .customCheckbox input + label{
position: relative;
cursor: pointer;
font-size: 0.9rem;
font-weight: 400;
display: flex;
align-items: center;
flex-direction: row-reverse;
column-gap: 8px;
}
.customForm .customCheckbox input + label > .fakeCheck{
display: block;
position: relative;
font-size: calc(1em - 4px);
height: 1em;
width: 1em;
left: 0;
cursor: pointer;
outline: 1px solid #134c24;
padding: 2px;
border-radius: 1px;
}
.customForm #form-newsletter .customCheckbox input + label > .fakeCheck{
outline: 1px solid var(--white);
}
.customForm .customCheckbox input[type=radio] + label > .fakeCheck{
border-radius: 100px;
}
.customForm .customCheckbox input:not(:checked) + label:hover > .fakeCheck,
.customForm .customCheckbox input:not(:checked) + label > .fakeCheck:hover{
outline-color: #134c24;
}
.customForm .customCheckbox input:checked + label > .fakeCheck{
outline-color: #134c24;
}
.customForm #form-newsletter .customCheckbox input:not(:checked) + label:hover > .fakeCheck,
.customForm #form-newsletter .customCheckbox input:not(:checked) + label > .fakeCheck:hover{
outline-color: var(--white);
}
.customForm #form-newsletter .customCheckbox input:checked + label > .fakeCheck{
outline-color: var(--white);
}
.customForm .customCheckbox input:checked + label > .fakeCheck::after{
height: .3rem;
width: .3rem;
}