:root {
    --primary-color-empresa-darker-20: color-mix(in srgb, var(--primary-color-empresa), black 20%);
    --primary-color-empresa-darker-40: color-mix(in srgb, var(--primary-color-empresa), black 20%);
    --primary-color-empresa-lighter-10: color-mix(in srgb, var(--primary-color-empresa), white 10%);
    --primary-color-empresa-lighter-20: color-mix(in srgb, var(--primary-color-empresa), white 20%);
    --primary-color-empresa-lighter-80: color-mix(in srgb, var(--primary-color-empresa), white 80%);
}

.card-container.card {
    border-radius: 12px;
}

.card {
    background-color: var( --primary-color-empresa-lighter-80) !important;
    box-shadow: 9px 9px 50px #6e6e6e, -9px -9px 50px #292929;
}

button.btn-success, button.btn-primary, button.e-primary {
    background: var(--primary-color-empresa) !important;
    border: 1px solid var(--primary-color-empresa-darker-20) !important;
}

button.btn-success:hover, button.btn-primary:hover, button.e-primary:hover {
    background: var(--primary-color-empresa-darker-20) !important;
    border: 1px solid var(--primary-color-empresa-darker-40)!important;
}

.form-signin input[type=email], .form-signin input[type=password], .form-signin input[type=text], .form-signin button {
    border: 1px solid var(--primary-color-empresa) !important;
    margin-bottom: 16px;
}

.btn.btn-signin {
    background-color: var(--primary-color-empresa) !important;
    color: #f8f8f8;
}

h3#subHeader {
    text-align: center;
    color: #4caf50;
    font-size: 16px;
    font-weight: 700;
    margin-top: 0px;
}

.text-color-green {
    color: var(--primary-color-empresa-lighter-80) !important
}

.logo-config-empresa-login {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    max-width: 200px;
    max-height: 70px;
    object-fit: contain;
}