.form-group {
	margin: 0 auto 20px;
}

/*=====FORM STYLES=====*/

/*.customForm .radiobuttonlist, .customForm input.text, .customForm input[type="checkbox"], .customForm select {
	margin-left: 1em!important;
}*/

.customForm input.text, .customForm select, .customForm textarea, .datepickerfield {
    width: calc(50% - 1em); /* Adjust the width as needed */
    margin-left: 0; /* Remove the left margin */
    max-width: 400px;

}


.customForm select {
    height:2em;
    width: calc(50% - 1em);
}

.customForm select[multiple] {
   height: 4em; /* Adjust as needed */
}

.customForm label.umbraco-forms-label {
    display:block;
}

 @media(max-width: 800px) {
        .customForm input.text, .customForm select {
           width: 100%!important;
    }
 }

.customForm .checkboxlist {
	margin-bottom: 2em;
	padding: 0px!important
}

.customForm .checkboxlist label {
	float: unset!important;
}

.customForm .umbraco-forms-field-wrapper label {
	font-weight: unset;
	line-height: 2em;
}

.customForm .umbraco-forms-field {
	margin-top: 2em;
}



.customForm .btn.primary {
    color: #00284D;
    background-color: #FE9903;
    border-color: #FE9903;
}
.customForm .btn {
    height: 46px;
    min-width: 164px;
    transition: all 0.3s ease-in-out;
    vertical-align: center;
    font-weight: 700;
}
.customForm .btn.primary {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #00284D;
    --bs-btn-border-color: #00284D;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #002241;
    --bs-btn-hover-border-color: #00203e;
    --bs-btn-focus-shadow-rgb: 38, 72, 104;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #00203e;
    --bs-btn-active-border-color: #001e3a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #00284D;
    --bs-btn-disabled-border-color: #00284D;
}
.customForm .btn {
    --bs-btn-padding-x: 16px;
    --bs-btn-padding-y: 7px;
    --bs-btn-font-family: "Public Sans", sans-serif;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 0;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 7px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.customForm .btn.primary:hover {
    color: #FFFFFF;
    background-color: #00284D;
    border-color: #00284D;
}


/*
.customForm .btn.primary {
    background-color: #145da0 !important;
    color: #fff !important;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px !important;
    line-height: 36px !important;
    align-self: center;
    letter-spacing: 0.1em;
    text-align: center; 
    display: inline-block; 
    padding: 0 20px; 
}

.customForm .btn.primary:hover {
	background-color: #001d39!important;
	color: #fff!important;
}
*/
.customForm .umbraco-forms-tooltip {
    margin-left:5px;
    font-style:italic;
}
.umbraco-forms-hidden {
    display:none;
}

.primary {
    color: #FFF;
    border: 1px solid #00284D;
    background-color: #00284D;
}

.primary:hover {
    background-color: /*#008282;*/ #145da0;
    border: 1px solid /*#008282;*/ #145da0;
    color: #FFF;
}

input[type="checkbox"] {
    margin-right: 5px;
}

.umbraco-forms-form .checkboxlist label {
    float: none!important;
    clear: left;
}

.umbraco-forms-form span.checkbox, .umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist {
    padding: 0px!important;
}

.next{
    border-color: #000000;
}

input.btn.next, input.btn.prev, input.btn.cancel {
    border-color: #00284D;
}

input.btn.next:hover, input.btn.prev:hover, input.btn.cancel:hover {
    color: #fff;
    background-color: #00284D;
}



/*///////End Form Styles/////////*/