﻿#contenedor, #tabMetadato {
    background: #fff;
    border: #ddd 1px solid;
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: #ececec 0 1px 1px 1px;
    -moz-box-shadow: #ececec 0 1px 1px 1px;
    -webkit-box-shadow: #ececec 0 1px 1px 1px;
}

body {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
}

label {
    font-weight: 300;
}

thead, tfoot {
    font-size: 14px;
    font-weight: bold;
}

th {
    background-color: #e9e9e9;
}

.odd {
    background-color: #f9f9f9;
}

#IdProveedor_filter {
    width: 100%;
}

    #IdProveedor_filter label {
        width: 100%;
    }

    #IdProveedor_filter input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 4px;
        line-height: 1.42857143;
        height: 34px;
        font-size: 14px;
        margin: 10px 0;
        padding: 6px 12px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    #IdProveedor_filter label > input:focus, #IdProveedor_length label > select:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

#IdProveedor_length label > select {
    height: 2em;
    border-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #ddd !important;
    padding: 6px 12px !important;
    color: #337ab7 !important;
    border-radius: 0px !important;
    margin-left: -1px !important;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 300;
}

#IdProveedor_last {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

#IdProveedor_first {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

#IdProveedor_paginate:before {
    content: "Página:  ";
}

.elemMeta {
    margin: 5px 0px;
    padding: 0px 15px;
}

.elemMeta div{
    display:inline;
}

.titlesRegistro {
    font-weight: bold;
    color: #A9A9A9;
    font-size: 13pt;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.titlesHr {
    border-bottom: solid 1px #C1C1C1;
    margin-top: 0px;
}

#tabMetadato span, #idPersona {
    font-weight: bold;
    padding: 0 15px;
    font-size: 15px;
}

.table-bordered > caption {
    border: 1px solid black;
    text-align: center;
    color: black;
    font-weight: bold;
    background-color: rgb(232, 236, 236);
}

#detalle > tbody > tr > td, #detalle > tbody > tr > th, #detalle > tfoot > tr > td, #detalle > tfoot > tr > th, #detalle > thead > tr > td, #detalle > thead > tr > th {
    border: 1px solid #000;
    text-align: center;
    vertical-align: middle;
}

#detalle > thead > tr > th {
    background-color: rgb(232, 236, 236);
}

#IdProveedor_wrapper {
    margin: 15px;
}

#titProv {
    padding-left: 75px;
}

@media only screen and (max-width: 430px) {
    #IdProveedor_wrapper, #Contenido {
        padding: 0;
        margin: 0;
        font-size: 10px;
    }
}

@media only screen and (max-width: 450px) {
    #tabMetadato, #contTabla {
        padding: 0px;
        font-size: 10px;
    }
}

#renglones > tr > td {
    padding: 0 40px;
}

@media only screen and (max-width: 665px) {
    #renglones > tr > td {
        padding: 0px;
    }
}

@media only screen and (max-width: 980px) {
    #titProv {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 300px) {
    #IdProveedor_wrapper, #Contenido {
        font-size: 8px;
    }
}
