.container-fluid {
    height: 100vh;
}

.icon-col {
    padding: 0;
    margin: 5% 0% 0% 5%
}

.icon {
    margin:0px;
}

label.me-2.form-check-label {
    margin-top: 5px;
    margin-left: 15px;
    font-size: 13px;
}

.form-container {
    margin-top: 5%;
    margin-left: 20%;
    margin-right: 50%;
    padding : 0;
    border: none;
}

.form-container h1 {
    font-size: 50px;
}

.card {
    border: none;
}

.form-container img {
    height: 50px;
    margin-bottom: 1%;
}

.form-container label {
    font-size: 18px;
    font-weight: 550;
}

input[type="text"], input[type="password"], input[type="text"]:focus, input[type="password"]:focus {
    border: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

input[type="text"]:focus, input[type="password"]:focus {
    box-shadow: none;
}

.form-control {
    border: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

.form-control::placeholder { /* Targets the placeholder in input fields */
    font-size: 14px;
    margin-bottom: 2px;
}

.form-container button {
    border-radius: 10px;
    width: 100px;
}

.form-container button:hover {
    border: none;
    border-radius: 10px;
    width: 100px;
}

.form-check-input:checked{
    filter: invert(1);
 }
 .form-check-input:focus, .label::after, label.form-check-label:focus, .form-check-input::after, .form-check-input:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    border: 0;
 } 

/* input[type='checkbox']:checked {
    background-color: white;
}

input[type='checkbox']:checked:after {
    content: '\2713';
    color: black;
}
input[type='checkbox']{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 20px !important;
    height: 20px !important;
    appearance:none;
    border-radius:10%;
    border: 1px solid white;
    box-shadow: none;
    font-size: 1em;
    
} */