.container-fluid{
    background-color: rgb(15, 14, 14);
}

.infinity-image-container{
    background: url('images/Image_02web.jpg') center no-repeat;
    background-size: cover;
    opacity: 0.6;
    min-height: 100vh;
    height: auto;
    width: 100%;  
}

.infinity-form-container{
    background: #ececf1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.infinity-form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
}

.infinity-form h4 {
    font-weight: bold;
    color: rgb(48, 105, 198);
}

.infinity-form .form-input {
    position: relative;
}

.infinity-form .form-input input {
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
    border: none;
    border-radius: 5px;
    outline: none;
    background: white;
    padding-left: 45px;
}

.infinity-form .form-input span {
    position: absolute;
    top: 8px;
    padding-left: 20px;
    color: #777;
}

.infinity-form .form-input input:focus,
.infinity-form .form-input input:valid {
    border: 2px solid #4285f4;   
}

.infinity-form button[type="submit"] {
    margin-top: 10px;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    background: linear-gradient(45deg, #4285f4, #709de8);   /*Button Color*/
    color: #fff;
    font-weight: bold;
    transition: 0.5s;
}

.infinity-form button[type="submit"]:hover {
    background: linear-gradient(45deg, #709de8, #4285f4);  /*Button color when hover*/
} 

.forget-link , .login-link , .register-link {
    color: #4f37a6;
    font-weight: bold;
}

.forget-link:hover , .login-link:hover , .register-link:hover {
    color: #4285f4;
    text-decoration: none;
}

.infinity-form .btn-social {
    color: white;
    border: 0;
    display: inline-block;
    margin: 0px;
    margin-right: 10px;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 10px;
}

.infinity-form .btn-social:hover {
    text-decoration: underline;
}

.eye-icon {
    position: absolute;
    right: 15px;
    top: 90%;
    transform: translateY(-50%);
    cursor: pointer;
}
.fa-fa-globe {
    position: absolute;
    right: 15px;
    top: 90%;
    transform: translateY(-50%);
    cursor: pointer;
}
.form-input {
    position: relative;
}
.select-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.select-wrapper select {
    width: 100%;
    height: 100%;
    appearance: none;
    padding: 10px; /* Add padding to make the dropdown larger */
 }
.select-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTMuMjk5LDJjLTAuMzg2LDAtMC43NzMsMC4xNDUtMS4wNzUsMC40NDdjLTAuNTkxLDAuNTg5LTAuNTkxLDEuNTQzLDAsMi4xMzJsMy43LDMuNzAwYzAuNTg5LDAuNTg5LDEuNTQzLDAuNTg5LDIuMTMyLDBsMy43MDItMy43YzAuNTg5LTAuNTg5LDAuNTg5LTEuNTQzLDAtMi4xMzJjLTAuNTg5LTAuNTg5LTEuNTQzLTAuNTg5LTIuMTMyLDBMMTAsMTAuMjk5Qy00LjIzOCw1LjYzNC0zLjY2MSw1LjQ5OS0zLjI5OSw1LjQ5OXoiLz48L3N2Zz4=') no-repeat;
    transform: translateY(-50%);
    pointer-events: none;
}
.form-input {
    position: relative;
    margin-bottom: 1rem;
}

/* Icon inside the input container */
.form-group.form-input {
    position: relative;
    margin-bottom: 1rem;
}

/* Style the input and select elements */
.form-group.form-input .form-control {
    width: 100%;
    padding-left: 2.5rem; /* Space for the icon */
    height: 40px;
    border: none;
    border-radius: 5px;
    background: white;
}  

/*commenc*/

/* static/css/custom_table.css */
/* static/css/custom_table.css */