﻿.formclass {
    background-color: #fff;
    padding: 20px;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    /*margin-top: 25px;
    margin-bottom: -70px;*/
}


.form-floating input[type="email"],
.form-floating input[type="password"] {
    width: 100%;
    padding: 8px;
    margin-top: 12px;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-sizing: border-box;
}

.form-label {
    padding: 0 5px;
    padding-top: 18px;
}

.text-danger {
    color: #dc3545;
}

#login-submit {
    display: block;
    width: 60%;
    padding: 10px 20px;
    margin: auto;
    margin-top: 25px;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    background-color: #00b451;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s;
}

    #login-submit:hover {
        background-color: #d5f267;
    }

.forgot-password,
.register-new-user {
    text-align: center;
    margin-top: 20px;
}
/* Custom link style */
a.custom-link {
    color: #00b451; /* Link color */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s; /* Smooth color transition on hover */
}

a.custom-link:hover {
    color: #d5f267; /* Change color on hover */
}
/* Container to hold the links */
.link-container {
    display: flex;
    justify-content: space-between; /* Adjust as needed: space-around, space-evenly, etc. */
    align-items: center; /* Align items vertically */
}

/* Style for each link */
.custom-link {
    color: #00b451;
    text-decoration: none;
    transition: color 0.3s;
}

.custom-link:hover {
    color: #d5f267;
}

h6 {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1;
    /*margin-top: -40px*/
}