/*Estilos generales*/
body,
html {
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
}

body {
    background-image: url("/images/fondo1.png");
}

.btn {
    color: white;
    background: linear-gradient(#0080FF, #0022ff 100%);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bolder;
}

nav {
    background: linear-gradient(#282B3C 60%, #282b3c00);
    padding: 10px;
    text-align: center;
}

footer {
    margin-top: 0.2em;
    background: linear-gradient(rgba(40, 43, 60, 0), rgba(0, 0, 0, 0.656) 80%);
}

.icon {
    width: 25px;
    padding: 0 0.2em 0.3em 0;
}

/*Estilos de Perfil Empleado y Editar Perfil Empleado*/
#info {
    background-color: white;
    padding: 2em;
    box-shadow: #090b14 10px 0px 10px;
    height: 100%;
    align-self: stretch;
}


    #info .userImage {
        width: 200px;
        height: 200px;
        object-fit: cover;
        border-radius: 50%;
    }

    #info .col {
        margin-bottom: 1em;
    }

    #info button {
        margin: 0 0.3em;
        width: 30%;
        font-weight: bolder;
    }

.rowBtn {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .rowBtn .btn {
        width: 40%;
        height: 100%;
        font-weight: bolder;
        padding: 0.5em;
        margin: 0.5em;
    }

#formPerfil {
    margin: 1em 0em;
}

    #formPerfil .row {
        margin-bottom: 1em;
        display: flex;
        align-items: center;
    }

/*Estilos de tabla*/
.divTable {
    width: 100%;
    text-align: center;
    padding: 1.5em 6em;
    background-color: rgba(255, 255, 255, 0.204);
    backdrop-filter: blur(5px);
    border-radius: 37px;
    h1

{
    color: white;
    margin-bottom: 1em;
}

.btn {
    margin-bottom: 1em;
    width: 250px;
}
}
