﻿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*/

    table:not(.tbl-no-responsive) {
        width: 100% !important;
    }

    #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:not(.tbl-no-responsive), table:not(.tbl-no-responsive) thead, table:not(.tbl-no-responsive) tbody, table:not(.tbl-no-responsive) tfoot, table:not(.tbl-no-responsive) th, table:not(.tbl-no-responsive) td, table:not(.tbl-no-responsive) tr {
        display: block;
    }
        /* Hide table headers (but not display: none;, for accessibility) */
        table:not(.tbl-no-responsive) thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table:not(.tbl-no-responsive) tr {
            border: 1px solid #ccc;
        }

        table:not(.tbl-no-responsive) td, table:not(.tbl-no-responsive) th {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            text-align: left !important;
        }

            table:not(.tbl-no-responsive) td:before, table:not(.tbl-no-responsive) 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;
    }
}
