.container-fluid {
    background-color: black;
    color: white;
}

.form-container .card {
    background-color: black;
    color: white;
}

input[type="text"], input[type="password"], input[type="text"]:focus, input[type="password"]:focus {
    background-color: black;
    border-bottom: 1px solid white;
    color: white;
}

.btn.child {
    color: white;
}

input[type="text"]:focus, input[type="password"]:focus {
    border-color: transparent;
    border-bottom: 1px solid white;
}

.form-control {
    background-color: black;
    border-bottom: 1px solid white;
    color: white;
}

.form-container button {
    background-color: black;
    color: white;
    border: 2px solid white;
}

.form-container button:hover {
    background-color: #CAFFCA;
    color: black;
    border: 2px solid #CAFFCA;
}

.form-check-input:checked{
    filter: invert(1);
    background-color: black;
}

.form-check-input:focus, .label::after, label.form-check-label:focus, .form-check-input::after, .form-check-input:not(:disabled):not(.disabled):active:focus {
    color: black;
} 

/* 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;
    
} */