.RadAjaxPanel {
    width: 100%
}

.login-text {
    border-radius: 5px;
}


/*style responsive filtro y formulario*/
.botones {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px
}

.titulo {
    vertical-align: central;
    display: block;
    text-align: center;
}

.titulo-movil {
    vertical-align: central;
    display: none;
    text-align: center;
}

.controles {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px
}

.boton {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px
}

.control-simple {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px
}

.bloque-campo {
    display: flex;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px
}

.bloque-columna {
    display: flex;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px
}

.bloque-emojis {
    display: flex;
    flex-wrap: wrap;
}


@media screen and (max-width: 900px) {
    .bloque-campo {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .bloque-columna {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .titulo {
        display: none;
    }
    .titulo-movil {
        display: block;
    }
}


.menu-escritorio {
    display: block;
}

.menu-movil {
    display: none;
}

@media screen and (max-width: 600px) {
    .menu-escritorio {
        display: none;
    }

    .menu-movil {
        display: block;
    }
}