@media screen and (max-width: 1000px) {
    .user,
    .fechaAño,
    .separador {
        display: none;
    }

    header h1,
    #container h1 {
        font-size: 14px;
    }
}

@media screen and (max-width: 770px) {
    .form_search {
        width: 100%;
        margin-top: 10px;
        border: 0;
    }

    .containerTable {
        border: 0;
    }

    table td,
    table th {
        padding: 8px;
        font-size: 10pt;
    }

    .form_register {
        width: 100%;
    }

    .form {
        padding: 10px;
    }

    .btn_save {
        width: 100%;
        margin: 20px auto 15px auto;
    }

    .bodyModal {
        padding: 10px;
    }

    .btn_new {
        width: 124px;
        font-size: 12pt;
        border: 0;
    }
}

@media screen and (max-width: 768px) {
    .dashboard {
        flex-wrap: wrap;
    }

    .containerDataUser,
    .containerDataEmpresa {
        width: 100%;
        margin-bottom: 20px;
        padding: 10px;
    }

    #container h1 {
        font-size: 12pt !important;
    }

    .logoUser,
    .logoEmpresa {
        width: 150px;
        height: 150px;
    }
}

@media screen and (max-width: 460px) {
    .dashboard p {
        font-size: 9pt;
    }

    .dashboard span {
        font-size: 10pt;
    }

    .divDataUser label {
        width: 80px;
    }
}