.display_none {
    display: none !important;
}

.color_letra_dinvbox_naranja {
    color: #ff9015
}

.color_primario_1_azul_dinbox {
    background-color: #002b49 !important;
    color: white !important;
}

.color_primario_2_gris_dinbox {
    background-color: #4e738a !important;
    color: white !important;
}

.color_primario_3_naranja_dinbox {
    background-color: rgb(221, 144, 021) !important;
    color: black !important;
}

.color_secundario_dinbox {
    background-color: #33b2ce !important;
    color: black !important;
}

.span_primario_3_naranja_dinbox {
    color: #ff9015 !important;
}

.span_primario_3_naranja_dinbox:hover {
    color: white !important;
}

.span_primario_1_azul_dinbox {
    color: #002b49 !important;
}

.font_montserrat {
    font-family: 'Montserrat' !important;
}

.font_montserrat_negritas {
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
}

.buttom_agregar,
.buttom_timbrar,
.buttom_crear_actualizar {
    height: 35px !important;
    border-radius: 0px !important;
    color: white !important;
    background-color: #ff8200 !important;
    border-color: #ff8200 !important;
    line-height: 0px !important;
}

.buttom_agregar:hover,
.buttom_timbrar:hover,
.buttom_crear_actualizar:hover {
    color: white !important;
    background-color: #e48211 !important;
    border-color: #ff8200 !important;
}

.buttom_eliminar {}

.buttom_cancelar {}

.metismenu-icon {
    color: white !important;
    opacity: 1!important;
}

.buttom_white {
    background-color: white !important;
    border-radius: 0px !important;
    border-color: #ff9015 !important;
    line-height: 0px !important;
    color: black;
    height: 35px !important;
}

.buttom_warning {
    background-color: white !important;
    border-radius: 0px !important;
    border-color: #f40a0a !important;
    line-height: 0px !important;
    color: black;
    height: 35px !important;
}

.buttom_warning:hover {
    color: white !important;
    background-color: #e2abab !important;
    border-color: #e2abab !important;
}


/*
* Boton para las Datatables 
*/

.buttom_datatables {
    height: 35px !important;
    border-radius: 0px !important;
    color: white !important;
    background-color: #a19e9c !important;
    border-color: #ffffff !important;
    line-height: 0px !important;
}

.swal-button--danger {
    background-color: rgb(221, 138, 79);
}

.swal-button--cancel {
    background-color: white;
    color: #262626;
    border: 2px solid rgb(221, 138, 79);
}

.swal-button--confirm {
    background-color: rgb(221, 138, 79);
}

.swal-button:focus {
    box-shadow: 0 0 0 1px #b61616, 0 0 0 3px rgba(240, 20, 20, 0.29);
}

.swal-button:not([disabled]):hover {
    background-color: rgb(255, 177, 120);
}

.ul_multiempresa>li:hover {
    background-color: rgb(255, 177, 120);
}


/* Oculatamos las flechas del input number*/

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


/*
    mascara para estilos del input de busqueda 
*/

.container-search {
    padding-left: 0px!important;
    padding-right: 0px!important;
    height: 40px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    z-index: 8;
    position: absolute;
}

.span_input_busqueda {
    z-index: 8;
    list-style: none;
    position: absolute;
    font-size: .88rem;
    overflow: scroll;
    color: #495057;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid rgba(0, 0, 0, .15);
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%); */
}

.datalist-dinvbox {
    position: absolute;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0);
    left: -0px;
}

.datalist-dinvbox-div {
    border-radius: 0px 0px 0px 0px;
    -moz-box-shadow: 1px 2px 6px rgb(0 43 73);
    -webkit-box-shadow: 1px 2px 6px rgb(0 43 73);
    box-shadow: 1px 2px 6px rgb(0 43 73);
}

.datalist-dinvbox ul {
    font-size: 0.8em;
    padding: 0.3em 1em;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    list-style: none;
    overflow: scroll;
    max-height: 150px!important;
    padding: 0px!important;
}


/* option active styles */


/*#c6e0ff*/

.datalist-dinvbox-div ul li {
    background-color: #3192d715!important;
}

.datalist-dinvbox-div ul li:hover {
    color: #fff!important;
    background-color: rgb(23, 123, 223)!important;
}

.icon-table:hover {
    font-size: 20px;
}

.icon-table-otd:hover {
    font-size: 15px;
}

.card-carta-porte:hover,
.card-conceptos:hover,
.card-datos-generales:hover {
    background-color: rgb(255, 255, 255)!important;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile+label {
    font-size: 15px!important;
    color: white;
    background-color: #ff9015;
    display: inline-block;
}

.inputfile:focus+label,
.inputfile+label:hover {
    background-color: #f0ae63;
}

.inputfile+label {
    cursor: pointer;
    /* "hand" cursor */
}

.inputfile:focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.custom-input-file {
    background-color: #ff9015;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto 0;
    min-height: 15px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: center;
}

.custom-input-file .input-file {
    border: 10000px solid transparent;
    cursor: pointer;
    font-size: 10000px;
    margin: 0;
    opacity: 0;
    outline: 0 none;
    padding: 0;
    position: absolute;
    right: -1000px;
    top: -1000px;
}

.efecto {
    transition: 0.4s;
    transform-origin: top;
}

.efecto-bottom {
    transition: 0.4s;
    transform-origin: right;
}

.efecto-out {
    transition: 0.3s;
    transform-origin: top;
    scale: (0);
    display: none;
}

.btn_ocultar {
    display: none !important;
}

.borde_redondo {
    border: 2px solid #002b49;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #ff9015;
    padding: 5px;
}

.ul_dinvbox {
    list-style: none;
}

.lista_dinvbox {
    position: absolute;
    display: inline-block;
    border: 2px solid #002b49;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 14px;
    left: 20px;
    margin-top: 5px;
    color: #ff9015;
}

.select_tr_dinvbox {
    background-color: #ff921564!important;
}

#tbl_cfdi tr:hover {
    cursor: grab;
}

@media only screen and (max-width: 1085px) {
    .text_empresa {
        font-size: 15px!important;
    }
}

@media only screen and (max-width: 991px) {
    .relog_inicio {
        color: #000!important;
    }
    .relog_celular {
        display: flex;
    }
    .relog_monitores {
        display: none;
    }
    .inf_empresa {
        display: flex;
    }
    .inf_empresa_monitor {
        display: none!important;
    }
    .dropdown-menu {
        top: 25%!important;
    }
}

@media only screen and (min-width: 992px) {
    .relog_celular {
        display: none;
    }
    .relog_monitores {
        display: flex;
    }
    .inf_empresa {
        display: none;
    }
    .inf_empresa_monitor {
        display: flex!important;
    }
}

.btn-success_green {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success_green :hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success_green :focus,
.btn-success_green .focus {
    box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5)
}

.btn_register_pagos {
    color: #fff;
    background-color: #ff8200;
    position: absolute!important;
    right: 10px!important;
}

.letra-color-secundario {
    color: #33b2ce !important;
}

.bg_color_principal {
    background-color: #ff9015;
}

.bg_color_principal:hover {
    background-color: #f97316;
}

.bg_color_secundario {
    background-color: #33b2ce;
}

.bg_color_secundario:hover {
    background-color: #2d97ae;
}

.letra-color-pantone {
    color: #002b49 !important;
}

#welcomeToast {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 1050;
    /* Asegura que esté sobre otros elementos */
}

#welcomeToast {
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* Sombra ligera */
    border-radius: 8px;
    /* Bordes redondeados */
    background-color: #ffffff;
    /* Fondo blanco */
    color: #000000;
    /* Texto negro */
}