input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.cssnavbar {
    background-color: #046588!important;
}

.logo {
    max-width: 44%;
}

.div-img {
    text-align: center;
    margin-top: 14px;
}

#clickme {
    cursor: pointer
}
#clickme2 {
    cursor: pointer
}
/*---------------------------------------*/


/*utilidades*/

.mg-b20 {
    margin-bottom: 20px;
}

.mg-b30 {
    margin-bottom: 30px;
}

.mg-b45 {
    margin-bottom: 45px;
}

.mg-b60 {
    margin-bottom: 60px;
}

.mg-t60 {
    margin-top: 60px;
}

.rojo {
    color: red;
    font-weight: 500!important;
}

.verde {
    color: #15a56a;
    font-weight: 500!important;
}

.gris {
    color: #848484;
}

.GrisIcon {
    color: #737171;
}

.rosa {
    color: #E80C7A;
    font-weight: 700;
}

.amarillo {
    color: #FFBA0F;
    font-weight: 700;
}

.azul {
    color: #0d47a1;
    font-weight: 700;
}

.alineIzq {
    text-align: start;
}

.TMXLogoWi {
    width: 42%;
}

.alineCenter {
    text-align: center;
}

.mayuscMin {
    text-transform: capitalize;
}

.mayusc {
    text-transform: uppercase;
}

.anchoBTN {
    padding: 12px 20px 12px 20px;
}

.negritas {
    font-weight: bold;
}

.cardMR9 {
    width: 140%!important;
}

.espaceDocumentLetras {
    margin-right: 4px;
}


/*Nav Header foto de perfil*/

.ancho-topbar {
    padding: 0!important;
}

.img-profile {
    width: 55%;
}

.nameSesion {
    text-align: center;
    font-weight: 600;
}

.sesionname:hover {
    text-align: center;
    font-weight: 900;
    background-color: #007bff!important;
}

a.cerrarSesion:hover {
    color: red;
    font-weight: bold;
}

.namePage {
    color: #003e80;
    font-weight: bold;
    /* margin-bottom: 32px; */
    padding: 30px;
}


/*sidebar*/

div.altura-sidebar {
    height: 44rem!important;
}


/*Footer*/

.footerMR9 {
    margin-top: .5rem!important;
    width: 140%;
}

.py-4 {
    padding-bottom: 2.3rem!important;
    /* margin-top: -34px; */
}

.my-4 {
    margin-bottom: 2.5rem!important;
}

.nomt {
    margin-top: 0rem!important;
}


/*Captura*/

.Confirm-active {
    font-weight: 700;
    display: block;
}

.anchoSelect {
    width: 100%;
}

.anchoSelectDrownConcep {
    width: 92%;
}

.anchoSelectDrown {
    width: 75%;
}

.inputImporte {
    margin-top: 11px;
    width: 80%;
    margin: 11px auto;
    text-align: center;
}

.borarImporte:hover {
    color: red;
    font-size: 30px;
}

.error {
    margin-top: 40px;
}

.archivoCaptura {
    /* margin-left: 13rem;*/
    font-size: 16px;
    display: block;
}

a.valoresSelect {
    text-transform: lowercase
}

a.valoresSelect::first-line {
    text-transform: capitalize;
}


/*Lista de Gastos, Enviar Kaizen, Carga Complemento*/


/*Estilos input busqueda*/

.styleBusq {
    width: 135px;
    padding: 2px;
    margin: 1px;
    border-radius: 4px;
    border: 2px solid #ccc;
}

.selc-anio {
    display: inline-block;
    width: 90px;
}

.anchoSelectDrownEstatus {
    width: 86%;
}

.contenedor-tabla {
    margin-bottom: 90px;
}


/*Colores estatus nuevos*/

.enDocumentacion {
    color: #a6c!important;
    font-weight: bold;
}

.enviado {
    color: #38b718!important;
    font-weight: bold;
}

.revision {
    color: #f99a0c!important;
    font-weight: bold;
}

.devuelto {
    color: #fd668c!important;
    font-weight: bold;
}

.devueltoDir {
    color: #ca254e!important;
    font-weight: bold;
}

.prosPago {
    color: #1d8802!important;
    font-weight: bold;
}

.pagado {
    color: #007bff!important;
    font-weight: bold;
}

.rechazado {
    color: #FF2A19!important;
    font-weight: bold;
}

.anchoCeldaNumdoc {
    width: 230px!important;
}

.anchoCeldaBTN {
    width: 404px;
}

.ElimPago:hover {
    color: red;
    font-weight: bold;
}

.BtnListaActive:hover {
    color: #007bff;
    font-weight: bold;
}


/*Modal Folio*/

.modalView {
    width: 200%;
    margin-left: -190px!important;
}

.modal-header {
    padding: 0rem 1rem;
}

.btnBuscar {
    background-color: #007bff!important;
}


/*impresion*/


/*modal*/

.sinLogTMX {
    display: none;
}


/*modal*/


/* Aquí irían tus reglas CSS específicas para imprimir */

.altura {
    height: 800px!important;
    margin-top: 10px!important;
}

.LogImpTMX {
    text-align: center!important;
    display: block;
}

.margenDocuments {
    margin-top: 15px!important;
    margin-bottom: 20px!important;
    margin: 0px 47px;
}

.infoTabla {
    width: 30%!important;
    font-size: 16px!important;
    padding-top: 0.1rem!important;
    padding-bottom: 0rem!important;
    background-color: #f1f1f1;
}

.infoTablaValores {
    font-size: 16px;
    padding-top: 0.1rem!important;
    padding-bottom: 0rem!important;
}

.folioImp {
    font-size: 18px!important;
    font-weight: bold!important;
}

.alEnd {
    text-align: end!important;
}


/*Reportes*/

.contReport {
    padding-left: 0!important;
}

.estiloTabla {
    margin: 0 auto;
    width: 100%;
    font: caption;
}

.btnTablaReport {
    font-size: 30px;
    margin-right: 10px;
}

.anchoSelectTablaRes {
    width: 10%;
}

td.valores {
    text-transform: lowercase
}

td.valores::first-line {
    text-transform: capitalize;
}

.selectBen:hover {
    color: red !important;
    font-size: 20px;
}

.fa-select {
    font-family: sans-serif, 'FontAwesome';
}

textarea {
    resize: none;
}

#status {
    font-family: 'FontAwesome', 'Second Font name'
}

.disabled {
    pointer-events: none;
    cursor: default;
}

a.editar:hover {
    color: #E80C7A;
    font-weight: bold;
}