.form-floating > .form-control:focus, .form-floating > .form-control:not(:-ms-input-placeholder) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating > .form-control::-ms-input-placeholder {
    color: transparent;
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

body {
    display: flex;
    align-items: center;
/*    padding-top: 40px;*/
  /*  padding-bottom: 40px;*/
    background-color: #f5f5f5;
    overflow-y: auto;
}
header {
    width: 100%;
    top: 0;
    left: 0;
}

.form-signin {
    width: 100%;
    max-width: 330px;
 /*   padding: 15px;*/
    margin: auto;
}

.footer {
/*    position: fixed;*/
    bottom: 0;
    width: 100%;
    height: auto;
}


.btn-primary {
    background-color: #5c0f8b !important;
    border-color: #5c0f8b !important;
}


body {
    font-family: Helvetica !important;
}

.navbar-primary {
    background-color: #5c0f8b !important;
}

.footer-primary {
    background-color: #5c0f8b !important;
}

.card-header {
    background-color: #5c0f8b !important;
}

.modal-header {
    background-color: #5c0f8b !important;
}

.submit-progress {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

    .submit-progress > label {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 25px;
        color: white;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }



.field-validation-error {
    color: red;
    background-color: white !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-select:focus {
    border-color: #f7e7ff !important;
    box-shadow: 0 0 0 0.15rem #5c0f8b !important;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
}