h1, h2, h3, h4, h5 { margin-top: 10px; margin-bottom: 10px }

.col-1p { width: 1% }
.col-2p { width: 2% }
.col-3p { width: 3% }
.col-4p { width: 4% }
.col-5p { width: 5% }
.col-6p { width: 6% }
.col-7p { width: 7% }
.col-8p { width: 8% }
.col-9p { width: 9% }
.col-10p { width: 10% }
.col-11p { width: 11% }
.col-12p { width: 12% }
.col-13p { width: 13% }
.col-14p { width: 14% }
.col-15p { width: 15% }
.col-16p { width: 16% }
.col-17p { width: 17% }
.col-18p { width: 18% }
.col-19p { width: 19% }
.col-20p { width: 20% }
.col-25p { width: 25% }
.col-30p { width: 30% }
.col-33p { width: 33% }
.col-40p { width: 40% }
.col-50p { width: 50% }

/*thead > tr > th { text-align: center; background-color: #f3f3f3 !important; padding: 3px !important; font-size: 90%; color: darkgray !important }*/ /*tema claro*/
thead > tr > th { text-align: center; background-color: #e9ecef !important; padding: 3px !important; font-size: 90%; color: darkgray !important }
.no-border td, .no-border tr { border: none !important }
tfoot { background-color: #f5f5f5; font-weight: bold }
    tfoot > tr > td { padding: 0.3rem!important }

.tabla-sm { }
    /*.tabla-sm > thead > tr > th { font-size: small; padding: 10px; background-color: #f3f3f3 }*/ /*tema claro*/
    .tabla-sm > thead > tr > th { font-size: small; padding: 10px; background-color: #e9ecef }
    /*tema oscuro*/


    .tabla-sm > tbody > tr > td { font-size: small; padding: 10px }

/*td { border-left: 1px solid #e8eef3 !important }
tr { border-right: 1px solid #e8eef3; border-left: 1px solid #e8eef3 }*/

.text-right { text-align: right }
.text-left { text-align: left }
.text-center { text-align: center }

input[type="email"], input[type="text"], input[type="datetime"], input[type="password"], input[type="number"], textarea, select { background-color: #e9ecef !important }

.text-sm { font-size:85% }
.text-xs { font-size: 70% }