input:invalid {
    border: 2px red;
    border-style: dashed solid;
    /*cursor: not-allowed;*/
}

input:valid {
    /*border: 2px solid black;*/
}

@media screen and ( max-width: 400px ) {

    .page-content-wrapper .page-content{
        padding: 10px !important;
    }

    ajax[data-tipo="moduloTabla"] div.col-sm-*{
        margin: 0;
    }

    ajax[data-tipo="moduloTabla"] div.portlet.light{
        padding: 10px;
    }

    ajax[data-tipo="moduloTabla"] div.portlet div.portlet-title{
        display: none;
    }

    ajax[data-tipo="moduloTabla"] div.portlet-body.form form div.form-body {
        padding: 0;
    }

    ajax[data-tipo="moduloTabla"] div.portlet-body.form form div.form-body div.form-group{
        margin-bottom: 5px;
    }
    ajax[data-tipo="moduloTabla"] div.portlet-body.form form div.form-body div.form-actions{
        padding: 5px;
    }



    ajax[data-tipo="formulario"] div.col-sm-*{
        margin: 0;
    }

    ajax[data-tipo="formulario"] div.portlet.light{
        padding: 10px;
    }

    ajax[data-tipo="formulario"] div.portlet.light>.portlet-title{
        min-height: 30px;
    }

    ajax[data-tipo="formulario"] div.portlet.light>.portlet-title>.nav-tabs>li>a{
        padding: 0;
    }

    ajax[data-tipo="formulario"] div.portlet div.portlet-title div.caption{
        display: none;
    }
    ajax[data-tipo="formulario"] div.sgaCoreForm div.portlet div.portlet-title div.caption{
        display: block;
    }
    ajax[data-tipo="formulario"] div.sgaCoreForm div.portlet div.portlet-title{
        margin-bottom: 0;
    }

    ajax[data-tipo="formulario"] div.portlet-body.form form div.form-body {
        padding: 0;
    }

    ajax[data-tipo="formulario"] div.portlet-body.form form div.form-body div.form-group{
        margin-bottom: 5px;
    }
    ajax[data-tipo="formulario"] div.portlet-body.form form div.form-body div.form-actions{
        padding: 5px;
    }
}