body {
background-color: #f1f1f1;
font-family: "museo-sans", serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #3e3e3e;
}

/* HEADER STYLES */
h1 {
font-family: "museo-sans", serif;
font-size: 26px;
font-weight: 500;
line-height: 33px;
color: #3e3e3e;
}
h2 {
font-family: "museo-sans", serif;
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #3e3e3e;
}
h3 {
font-family: "museo-sans", serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
color: #3e3e3e;
}

/* LINK STYLES */
.text-link {
font-family: "museo-sans", serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
letter-spacing: 0px;
color: #58a618;
text-decoration:none;
}
.text-link:hover {
color: #278701;
text-decoration: none;
}

/* BUTTON STYLES */
.dex-btn-success {
text-align: left;
color: #f1f1f1;
background-color: #58a618;
border-color: #58a618;
}
.dex-btn-success i {
font-size: 26px;
right: 5px !important;
top: 19px !important;
}
.dex-btn-success:hover {
background-color: #3e3e3e;
border-color: #3e3e3e;
}
.dex-btn-secondary {
color: #58a618;
border-color: #58a618;
}
.dex-btn-secondary:hover {
color: #3e3e3e;
background-color: transparent;
border-color: #3e3e3e;
}

/* VALIDATION STYLES */
.form-check-input:checked {
background-color: #58a618;
border-color: #58a618;
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
color: #3e3e3e;
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
background-color: #58a618;
border-color: #58a618;
}
.form-check-input.is-valid, .was-validated .form-check-input:valid {
border-color: #58a618;
}
.form-check-input1:checked {
background-color: #58a618;
border-color: #58a618;
}
.form-check-input1.is-valid~.form-check-label,
.was-validated .form-check-input1:valid~.form-check-label {
color: #3e3e3e;
}
.form-check-input1.is-valid:checked,
.was-validated .form-check-input1:valid:checked {
background-color: #58a618;
border-color: #58a618;
}
.form-check-input1.is-valid, .was-validated .form-check-input1:valid {
border-color: #58a618;
}
.form-control.is-valid,
.was-validated .form-control:valid,
.was-validated .form-select:valid:not([multiple]):not([size]) {
border-color: #58a618;
background-image: none;
}
.was-validated .form-control:invalid {
background-image: none;
}

.invalid-feedback1{
width: 100%; margin-top: 0.25rem;  color: #dc3545; font-weight:700; font-size:12px;
}
.is-invalid~.invalid-feedback,
.was-validated :invalid~.invalid-feedback {
width: 600px;
left: 0px;
font-size: 12px;
}
.form-control.is-invalid~.invalid-feedback {
font-size: 12px;
}
.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
border-color: #3e3e3e;
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
color: #3e3e3e;
}

#Country, .form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
pointer-events: none;
cursor: not-allowed;
}
.form-control.is-invalid {
border-color: #dc3545 !important;
}

.country {
display: none;
}
#dobHelp {
top: -30px !important;
right: 0 !important;
padding-right: 10px;
font-size: .775em;
}
.row>* {
margin-top: 2.4rem;
}

/* DOB Styles */
/* Adapts a floating label for use with a left-handed input group icon */
.form-floating > .bi-calendar3 + .datepicker_input + label {
padding-left: 3.5rem;
z-index: 3;
}

/* Terms and Conditions */
#terms-of-service {
overflow: auto;
border: 1px solid #cdcdcd;
padding: 20px;
height: 200px;
background-color: #fafafa;
}

/* Insurance Company Select */
.bootstrap-select {
width: 100% !important;
}
.bootstrap-select button {
background-color: #ffffff;
border: 1px solid #cccccc;
/*height: 58px;*/
height: 98px;
}
.bootstrap-select button:hover {
background-color: #ffffff;
border: 1px solid #cccccc;
}
.bootstrap-select .dropdown-toggle .filter-option {
display: table;
}
.bootstrap-select .dropdown-toggle .filter-option-inner {
vertical-align: bottom;
display: table-cell;
}
.bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.form-floating>.bootstrap-select~label {
opacity: .65;
transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
top: -30px;
left: 0px;
font-size: 13px;
opacity: 1;
}

#pageloader {
background-color: transparent;
height: 100%;
display: none;
position: fixed;
top: 30%;
left: 0;
width: 100%;
z-index: 9999;
}