body {
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

.txtMayus {
    text-transform:uppercase;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}



@media screen and (min-width:100px) and (max-width:600px) {

       /*Paginacion*/

    #DataTables_Table_0_wrapper .col-xs-6 {
    
        width:100% !important;
    }

        #DataTables_Table_0_wrapper .col-xs-6 div {
            display:table-row;
        }


    /*Fin Paginacion*/

    /* Force table to not be like tables anymore */
    table, thead, tbody, tfoot, th, td, tr {
        display: block;
    }
        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    tr {
        border: 1px solid #ccc;
    }

    td, th {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left !important;
    }

        td:before, th:before {
            /* Now like a table header */
            content: attr(data-campo);
            display: inline-block;
            width: auto;
            min-width: 40%;
            font-weight: 900;
            padding-right: 1rem;
            font-variant: small-caps;
        }
}

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

 
    /*Supermodal*/

    #supermodal {
        display: none;
        margin:0;
        padding:0;
    }

    .modal {
        margin:0;
        padding:0;
    }

    .modal-dialog {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 !important;
    }

    .modal-content {
    
        height:100% !important;
    }

    .modal-body {
        height:90%;
    }



        .modal-body iframe {
        
        /*height:calc(100% - 100px) !important;*/
        height:100% !important;
        }

    /*Fin Supermodal*/

}

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

    div#contenedor_pestañas ul#lista_pestañas li {
        
        float:none;
        width:200px;
    }
    div#contenedor_pestañas ul#lista_pestañas {
        height:80px;
        padding:0;
    }
}