body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*Tabla Personaliada*/
td-100 {
    width: 100% !important;
}

.td-50 {
    width: 50% !important;
}

.td-45 {
    width: 45% !important;
}

.td-40 {
    width: 40% !important;
}

.td-35 {
    width: 35% !important;
}

.td-30 {
    width: 30% !important;
}

.td-25 {
    width: 25% !important;
}

.td-20 {
    width: 20% !important;
}

.td-15 {
    width: 15% !important;
}

.td-10 {
    width: 10% !important;
}

.td-5 {
    width: 5% !important;
}

td {
    color: black !important;
    font-size: 11px !important;
}

th {
    color: black !important;
    font-weight: normal !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

.td-input-nopadding {
    width: 50px;
    padding: 3px;
    padding-right: 5px;
    text-align: right;
    font-size: 13px;
}

.tabla-centrada th, .tabla-centrada td {
    text-align: center;
}

.table-style {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-size: 12px !important;
    background-color: white;
    width: 100% !important;
}

.table-bordered {
    border: 1px solid rgba(44,59,65,.6) !important;
}

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 0px !important;
    }

.table-style > thead tr th {
    background-color: #333547 !important;
    border: 1px #ddd groove;
    color: white !important;
    font-size: 13px !important;
    font-family: Roboto,sans-serif !important;
    padding: 10px;
}

.table-style > tr {
    /*border: 1px rgba(238, 238, 238, 0.48) groove;*/
}

.table-style th, .table-style td {
    text-align: center;
}

.table-style tbody tr td {
    color: #000223;
    font-weight: normal;
    width: auto !important;
    font-size: 12px !important;
    margin: 0px !important;
    padding-top: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle;
    border: 1px solid rgba(44,59,65,.6);
}

.table-style tbody tr:hover {
    background-color: rgba(33, 97, 151, 0.40) !important;
    transition: all 0.23s !important;
}

.table-style tr.details td table tr:hover {
    background: none !important;
    background-color: none !important;
}

.table-style tr.selected {
    background-color: #b4d6fa;
}

.table-style tr.details td table thead {
    background: none !important;
}

    .table-style tr.details td table thead tr { /*border:1px #bab7b7 solid !important;*/
    }

.tb-xs th, .tb-xs td {
    font-size: 13px !important;
}

.no-table-style thead {
    background: none !important;
    font-weight: bold;
}

.no-sorter::after {
    display: none !important;
}

.no-sorter {
    cursor: default !important;
    width: 0px !important;
    padding: 0px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.table-style tbody tr td input {
    /*width:100% !important;*/
}

.table-nowrap tbody td {
    white-space: nowrap;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #8b0000 !important;
    border-color: #8b0000 !important;
}

.page-link {
    color: #8b0000 !important;
}
/*Fin tabla personalizada*/

/*DataTable personalziacion*/

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    overflow-y: hidden;
}

@media (min-width:1200px) {
    .table-responsive {
        max-width: 100% !important;
    }
}

@media (min-width:992px) {
    .table-responsive {
        max-width: 100% !important;
    }
}

@media (min-width:768px) {
    .table-responsive {
        max-width: 100%;
    }
}

@media (max-width:650px) {
    .table-responsive {
        max-width: 650px;
        overflow-y: hidden !important;
        overflow-x: auto;
    }
}

table.table.dataTable {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.dataTables_wrapper .bottom {
    background-color: #f7f7f7 !important;
    border: 1px solid #c8c8c8;
    width: 100%;
    height: 45px;
}

.dataTables_info {
    text-align: left !important;
    display: inline !important;
    /*padding: 3px !important;*/
    padding: 15px 0px !important;
    /*margin-bottom: 30px !important;*/
    /*vertical-align: central;*/
    /*color: #142ea7 !important;*/
    color: black;
    font-family: Tahoma !important;
    font-size: 11px;
    /*font-weight: 600;*/
}

@media (min-width: 992px) {
    .modal-xl {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .modal-slg {
        width: 55%;
    }
}

@media (min-width: 992px) {
    .modal-xlg {
        width: 88%;
    }
}

@media (min-width: 992px) {
    .modal-smd {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px !important;
    }
}