.login-modal {
    background-color: var(--c-card-hover);
}

.header-modal {
    color: var(--c-black);
}

.login-form-label {
    width: 50%;
    background-color: var(--c-beige);
    color: var(--c-black);
    padding: 4px 8px;
    border-color: var(--c-brown);    
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}

.login-form-label-danger {
    border-color: red;
    color: red;    
}

.login-form-input-div input {    
    border: 1px solid #ccc;
    border-radius: 0;    
}
.login-form-input-div input:focus, .login-form-input-div input:active {
    box-shadow: none;     
}


.myform-input-block-danger {
    border: 1px solid  brown;
}

.form-control {
    border-radius: 0px;
}

.form-control.is-invalid {
    border-radius: 0px;
    border: 1px solid #ccc;
    border-color: #ccc;
    border-radius: 0;
}






.login-button-submit {
    background-color: var(--block-color);
    color: var(--text-color);
    width: 100%;
    outline: none;
}

.login-button-submit:hover {
    background-color: var(--c-brown);
    color: var(--background-color);    
}


.login-button-submit:focus, .login-button-submit:active {
    box-shadow: none;     
}


.danger-div {
    color: brown;
}

.btn_grey {
    border-radius: 0;
    border: 2px solid var(--text-w);
    background-color: transparent;
    color: var(--text-w);
    font-weight: 400;
}

.btn_grey:hover {
    background-color: var(--c-brown);
    color: var(--c-white);
}