:root {
    --ch-blue: #0055B8;
    --ch-yellow: #FFD100;
    --ch-red: #AF0808FF;
    --ch-green: #30AF38;
}

.modal-header-perfil {
    background-color: var(--ch-blue);
}

.modal-header-perfil-title {
    color: white;
    font-size: xx-large;
    font-weight: bolder;
}

.perfil_data {
    font-size: large;
}

.perfil_data strong {
    color: var(--ch-blue);
}

.check_yellow {
    color: var(--ch-yellow);
    width: 25px;
    height: 25px;
}

.check_green {
    color: var(--ch-green);
    width: 25px;
    height: 25px;
}

.cross_red {
    color: var(--ch-red);
    width: 25px;
    height: 25px;
}

.perfil_foto {
    width: 200px;
    height: 200px;
    border-style: solid;
    border-width: 10px;
    border-radius: 100px;
    border-color: var(--ch-blue);
    margin-left: auto;
    margin-right: auto;
}

.header-table-actividades-perfil {
    background-color: var(--ch-yellow);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.actividades-perfil-th {
    border-right-color: white;
    border-right-width: 2px;
    border-right-style: solid;
    font-size: x-large;
    font-weight: bolder;
    text-align: center;
}

.actividades-perfil-td {
    border-right-color: var(--ch-blue);
    border-right-width: 2px;
    border-right-style: solid;
    border-bottom: 1px solid var(--ch-blue);
    font-size: large;
    text-align: center;
    color: var(--ch-blue);
}

.perfil_header {
    background-color: var(--ch-blue);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: white;
    padding: 2px;
}

.form_content {
    /* border: 1px solid gray; */
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

}

.view_header {
    color: var(--ch-blue);

}

.view_field_title {
    color: var(--ch-blue);
    font-weight: bolder;
}