.invalid.modified {
    border-color: #dc3545 !important;
/*    padding-right: calc(1.5em + 0.75rem) !important;*/
    background-image: url("/images/error.svg");
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: 1.4rem 1.4rem !important; /* bigger size */

}
.valid.modified {
    border-color: #198754 !important;
    background-image: url(/images/check.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 2rem 2rem !important;
}
.DatePickerClass {
    height: 50px !important;
}

/*.valid.modified {
    border-color: #198754 !important;*/
 /*   padding-right: calc(1.5em + 0.75rem) !important;*/
    /*background-image: url("/images/check.svg")!important; 
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: 1.75rem 1.75rem !important;
}*/
/*input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    background-image: none !important;
    background-color: #fff !important;
    transition: background-color 9999s ease-in-out 0s;
}*/


/* Increase size */
/*.form-check-input.switch-lg {
    width: 3rem;
    height: 1.5rem;
}*/

/* Use Bootstrap's success green when checked */
.form-check-input.switch-colored:checked {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}
.form-check-input.switch-colored:not(:checked) {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-secondary);
}
    .form-check-input.switch-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), .25);
}
.form-check {
    font-size: 20px!important;
    padding-left:2.5em!important;
}
.form-check-label {
    font-size: 18px;
}

/*#checkNativeSwitch {
    display: inline-block;*/ /* Add this if it's currently block */
/*}*/