@font-face {
    font-family: Heebo;
    font-display: auto;
    src: url('/fonts/Heebo-VariableFont_wght.ttf');
}

* {
    font-family: 'Heebo';
}

*:focus,
:focus-visible {
    box-shadow: none;
}

header {
    border-bottom: 2px solid #eef2f4;
}

header h5 {
    font-size: 17px;
    display: inline-flex;
    font-weight: bold;
}

header h5 button {
    border: none;
    background: none;
}

header h5 button span {
    color: #63b44d;
    font-weight: bold;
}

.head-nav nav {
    color: #57ae40;
    font-weight: bold;
    font-size: 18px;
}

.head-nav nav a,
.head-nav nav span {
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

.btn-regresar,
.btn-descargar {
    border: 2px solid #63b44d;
    padding: 7px 20px;
    border-radius: 25px;
    font-weight: 500;
    /* min-width: 175px; */
    max-width: 100%;
    font-size: 14px;
    transition: 200ms;
}

.btn-squard{
    border: 2px solid #63b44d;
    padding: 7px 20px;
    border-radius: 12px;
    font-weight: 500;
    max-width: 100%;
    font-size: 14px;
    transition: 200ms;
    color: #63b44d;
}

.btn-regresardosF {
    border: 2px solid #63b44d;
    /* padding: 7px 20px; */
    border-radius: 25px;
    font-weight: 500;
    /* min-width: 175px; */
    max-width: 100%;
    font-size: 14px;
    transition: 200ms;
}

.btn-regresar,
.btn-descargar:hover,
.btn-descargar:focus {
    color: #63b44d;
    background: #fff;
    text-shadow: none;
}

.btn-descargar,
.btn-regresardosF:hover,
.btn-regresardosF:focus,
.btn-squard:hover,
.btn-squard:focus,
.btn-regresar:hover,
.btn-regresar:focus {
    color: #fff;
    text-shadow: none;
    background: #63b44d;
    color: #fff;
}

.btn-blue {
    background-color: #5bc5f2;
    border-radius: 14px;
    color: white;
    padding-left: 15%;
    padding-right: 15%;
}

.btn-blue:hover,
.btn-blue:focus {
    color: #5bc5f2;
    background: white;
    text-shadow: none;
    border-color: #5bc5f2;
}

.head-nav .flex-item:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.filtro a {
    color: #4abef0;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}

.ico-calendario {
    position: absolute;
    width: 21px;
    height: 21px;
    background: url('/img/ico-fecha.png');
    background-size: contain;
    margin-left: 5px;
}

.filtro input {
    max-width: 330px;
    border: 2px solid #63b44d;
    border-radius: 25px;
}

.cont-inventario .card-item {
    padding: 7px;
    border: 1px solid #e7ecef;
    border-radius: 10px;
    min-width: 120px;
}

.cont-inventario .card-item h6 {
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

.cont-inventario .contador {
    font-size: 26px;
    font-weight: 500;
    padding-left: 20px;
    line-height: 100%;
}

.cont-inventario .ver-mas {
    color: #c2c2c2;
    font-size: 11px;
    text-align: right;
    width: 100%;
    padding: 0;
}

.disponible,
.no_disponible,
.destruidos,
.dentro_de_id,
.fuera_de_id {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 4px;
}

.disponible {
    background: url('/img/disponible.png') no-repeat center;
    background-size: contain;
}

.no_disponible {
    background: url('/img/no_disponible.png') no-repeat center;
    background-size: contain;
}

.destruidos {
    background: url('/img/destruidos.png') no-repeat center;
    background-size: contain;
}

.dentro_de_id {
    background: url('/img/dentro_de_id.png') no-repeat center;
    background-size: contain;
}

.fuera_de_id {
    background: url('/img/fuera_de_id.png') no-repeat center;
    background-size: contain;
}

.ico-buscar {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    left: 33px;
    top: 4px;
    z-index: 10;
    background: url('/img/ico-buscar.png') no-repeat center;
    background-size: contain;
}

.ico-filtrar {
    position: absolute;
    left: calc(100% + 3px);
    background: url('/img/filtrar.png') no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px;
    top: 2px;
}

.lista-inventario {
    font-size: 14px;
}

.lista-inventario .dataTables_filter {
    color: transparent;
    position: relative;
}

.lista-inventario .dataTables_filter .buscar {
    padding-left: 30px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.lista-inventario .dataTables_filter .buscar::placeholder {
    color: #e2e2e2;
}

.lista-inventario .dataTables_filter .buscar::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('/img/dentro_de_id.png') no-repeat center;
    background-size: contain;
}

.lista-inventario .dataTables_wrapper .dataTables_info {
    display: none;
}

.lista-inventario .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
}

.lista-inventario .paginate_button.current {
    color: #fff !important;
    background: #5bc5f2 !important;
    border: none !important;
    border-radius: 50%;
}

.lista-inventario .previous.disabled,
.lista-inventario .next.disabled {
    color: #e3e9ec !important;
}

.lista-inventario .previous,
.lista-inventario .next {
    color: #6dcbf3 !important;
}

.orden {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 16px;
    top: 2px;
    left: 7px;
    background: url('/img/lista_inventario.png') no-repeat center;
    background-size: contain;
}

.cliente,
.tipo_subtipo,
.marca_modelo,
.estatus,
.fecha_registro,
.ubicacion {
    position: relative;
    display: inline-block;
    right: 5px;
    top: 2px;

}

.cliente {
    background: url('/img/cliente.png') no-repeat center;
    background-size: contain;
    width: 12px;
    height: 20px;
}

.tipo_subtipo {
    background: url('/img/tipo_subtipo.png') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 20px;
}

.marca_modelo {
    background: url('/img/marca_modelo.png') no-repeat center;
    background-size: contain;
    width: 18px;
    height: 15px;
}

.estatus {
    background: url('/img/estatus.png') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
}

.fecha_registro {
    background: url('/img/ico-fecha.png') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
}

.ubicacion {
    background: url('/img/ubicacion.png') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 20px;
}

.ico-disponible,
.ico-no_disponible {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 3px;
    right: 5px;
}



.ico-disponible {
    background: url('/img/check.png') no-repeat center;
    background-size: contain;
}

.ico-no_disponible {
    background: url('/img/ico-no_disponible.png') no-repeat center;
    background-size: contain;
}


.ico-entrada,
.ico-traspaso,
.ico-salida {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    top: 3px;
    right: 5px;
}

.ico-entrada {
    background: url('/img/almacen/entrada.png') no-repeat center;
    background-size: contain;
}

.ico-traspaso {
    background: url('/img/almacen/traspaso.png') no-repeat center;
    background-size: contain;
}

.ico-salida {
    background: url('/img/almacen/salida.png') no-repeat center;
    background-size: contain;
}

.lista-inventario table {
    border-collapse: separate;
    border-spacing: 0px 12px;
}

.lista-inventario .table thead {
    border-bottom: transparent;
}

.lista-inventario table thead tr th {
    padding: 0 10px;
    text-align: center;
}

.lista-inventario table>tbody tr td {
    vertical-align: middle;
    border-top: 2px solid #63c8f2;
    border-bottom: 2px solid #63c8f2;
    padding: 2px 10px;
    text-align: center;
    transition: 200ms;
    font-size: 14px;
}

.lista-inventario table>tbody tr td:first-child {
    border: 2px solid #63c8f2;
    border-right: none;
    border-radius: 15px 0 0 15px;
}

.lista-inventario table>tbody tr td:last-child {
    border: 2px solid #63c8f2;
    border-left: none;
    border-radius: 0 15px 15px 0;
}


.lista-inventario table>tbody tr:hover td {
    border-color: #2965a9;
    /* transform: scale(1.1); */
}

.lista-inventario table>tbody tr.disabled td {
    border-color: #e3e9ec !important;
}

.table> :not(:first-child) {
    border-top: none;
}

.btn-detalles {
    color: #63b44d;
    font-size: 14px;
    padding-top: 15px;
    position: relative;
    display: flex;
}

.btn-detalles::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    background: url('/img/ver_detalles.png') no-repeat center;
    background-size: contain;
}

.btn-detalles:hover {
    color: #63b44d;
    text-decoration: underline;
}

.btn-azul,
.btn-morado,
.btn-amarillo,
.btn-gris,
.btn-naranja,
.btn-rojo,
.btn-verde {
    min-width: 170px;
    padding: 3px 5px;
    border-radius: 13px;
    font-size: 14px;
    transition: 200ms;
}

.btn-azul {
    background: #cbf3ff;
    color: #57c3f1;
}

.btn-azul:hover {
    background: #57c3f1;
    color: #cbf3ff;
}

.btn-morado {
    background: #d7cbff;
    color: #7952fd;
}

.btn-morado:hover {
    background: #7952fd;
    color: #d7cbff;
}

.btn-amarillo {
    background: #fff5cb;
    color: #f2c818;
}

.btn-amarillo:hover {
    background: #f2c818;
    color: #fff5cb;
}

.btn-naranja {
    background: #ffe5cb;
    color: #f98b1d;
}

.btn-naranja:hover {
    background: #f98b1d;
    color: #ffe5cb;
}

.btn-rojo {
    background: #ffcbcb;
    color: #e4242d;
}

.btn-rojo:hover {
    background: #e4242d;
    color: #ffcbcb;
}

.btn-gris {
    background: #e3e9ec;
    color: #aaa9a9;
}

.btn-gris:hover {
    background: #aaa9a9;
    color: #e3e9ec;
}

.btn-verde {
    background: #c6ffe4;
    color: #00cd72;
}

.btn-verde:hover {
    background: #00cd72;
    color: #c6ffe4;
}

.flex-auto {
    flex: auto;
}

.detalles_modal .modal-body {
    font-size: 20px;
}

.detalles_modal .modal-content {
    border-radius: 1rem;
}

.detalles_modal h5 {
    font-size: 32px;
    font-weight: bold;
    color: #5bc5f2;
}

.detalles_modal h6 {
    font-size: 22px;
}

@media(max-width:991px) {}

.derechaR {
    margin-right: 20px;
}

.desactivo {
    opacity: 0.2
}

.desaparece {
    display: none;
}


.detalles_modalHistorial {
    background-color: #63b44d;
    height: 20%;
}


.Chart-title {
    font-family: Heebo;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-size: 15px;
}

.Chart-title2 {
    font-family: Heebo;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-size: 18px;
}


.Chart-title3 {
    font-family: Heebo;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.Chart-title4 {
    font-family: Heebo;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-size: 10px;
    border-radius: 20px;
    border: solid 1.5px #5bc5f2;
    padding: 2px;
    padding-left: 25px;
    padding-right: 25px;
}


.btnHistorial {
    border-radius: 23.5px;
    border: solid 1.5px #5bc5f2;
    background-color: #fff;
    padding: 2px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
}

.btnOverHisto {
    background-color: #004899;
    color: white;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline>li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline>li:before {
    content: url('../img/estatus.png');
    background: white;
    display: inline-block;
    position: absolute;
    /* border-radius: 50%; */
    /* border: 3px solid #22c0e8; */
    left: 20px;
    right: 1px;
    width: 20px;
    height: 20px;
    z-index: 400;
}


.spanHis {
    font-family: Heebo;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.23;
    letter-spacing: normal;
    text-align: left;
    color: #5bc5f2;
    margin: 0;
    padding: 0;
}

.desTime {
    font-family: Heebo;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #979797;
    text-transform: capitalize;
}

.capitalizeHTML {
    text-transform: capitalize;
}

.sin {
    margin: 0;
    padding: 0;
}

.Da-click {
    font-family: Heebo;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #989898;
    padding: 0;
    margin: 0;
}



.codigoqr {
    font-family: Heebo;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #222e41;
}

.modalRedondo {
    border-radius: 20px;
    border: solid 1px #707070;
}


.btn-regresar2 {
    border: 2px solid #63b44d;
    background: #fff;
    padding: 7px;
    border-radius: 25px;
    font-weight: 500;
    min-width: 105px;
    max-width: 100%;
    font-size: 14px;
    transition: 200ms;
}

.btn-regresar2:hover {
    color: #fff;
    text-shadow: none;
    background: #63b44d;
    color: #fff;
}

.Detalles-del-producto {
    font-family: Heebo;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    text-align: right;
    color: #7cbe3a;
}

.botonshow {
    border-radius: 20px;
    border: solid 1.5px #5bc5f2;
    background-color: #fff;
}

a[title]:hover::after {
    content: attr(title);
    position: absolute;
    top: -100%;
    left: 0;
    background-color: blue;
}

.btn-regresar3 {
    border: 2px solid #fff;
    color: #fff;
    padding: 7px 20px;
    border-radius: 25px;
    font-weight: 500;
    min-width: 175px;
    max-width: 100%;
    font-size: 14px;
    transition: 200ms;
    background: #63b44d;

}


.btn-regresar3:hover,
.btn-regresar3:focus {
    border: 2px solid #63b44d;
    color: #63b44d;
    background: #fff;
    text-shadow: none;
}


/* span:hover:after {
    content: attr(data-title);
    background-color: rgb(214, 42, 42);
    color: #fff;
    font-size: 14px;
    font-family: Raleway;
    position: absolute;
    padding: 3px 20px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
    border-radius: 6px;

} */





.desTime2 {
    font-family: Heebo;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #0d0e0d;
    text-transform: capitalize;
}

.input-icons img {
    position: absolute;
}

.input-icons {
    width: 100%;
    margin-bottom: 10px;
}

.icon {
    padding: 10px;
    color: green;
    min-width: 40px;
    text-align: center;
}



.input-field {
    width: 100%;
    padding: 6px;
    text-align: center;
}



.input-icons img {
    position: absolute;
}

/* .form-control {
    height: 43px;
    border-radius: 14px !important;
    border: none;
    padding-left: 60px;
    padding-right: 25px;
    border: 3px solid #004698;
    /* transition: 70ms ; */


.form-control:focus {
    border: 3px solid #004698;
    box-shadow: none;
}

.Rectngulo-3033 {
    border-radius: 15px;
    border: solid 3px #004899;
    background-color: #fff;
}

.Rectngulo-cielo {
    border-radius: 15px;
    border: solid 3px #5BC5F2;
    background-color: #fff;
}

.Rectngulo-3033Dos {
    border-radius: 15px;
    border: solid 2px white;
    background-color: #63b44d;
}

.Rectngulo-3033Dos::placeholder {
    color: white;
    text-align: center;
}


.Nmero-modal {
    font-family: Heebo;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    text-align: right;
    color: #7cbe3a;
}

.TrazadoModal {
    width: 200px;
    height: 200px;
    border: solid 2px #e4212b;
    border-style: dashed;
    border-radius: 17px;
    align-items: center;
}


.no-pasa {
    font-family: Heebo;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: center;
    color: #e4212b;
}

.Arrastra-click {
    font-family: Heebo;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: center;
    color: #a9a9a9;
}


.DSCModal {
    font-family: Heebo;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #5bc5f2;
}


.Operacin-exitosa {
    font-family: Heebo;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 20px;
}

.fueron-subidas-correctamente {
    font-family: Heebo;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0;
    padding: 0;
}

.Rectngulo-showEvidencias {
    margin-top: 10px;
    padding: 3px;
    border-radius: 9px;
    border: solid 2px #5bc5f2;
    background-color: #fff;
}

.Ver-evidenciaM {
    font-family: Heebo;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #5bc5f2;
    cursor: pointer;
}

.DSModal {
    font-family: Heebo;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}



.swal2-styled.swal2-confirm {
    background-color: #63b44d !important;
}

.btn-regresar20 {
    margin-top: 40px;
    border: 2px solid #63b44d;
    padding: 7px 20px;
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-bottom: 25px;
    border-radius: 25px;
    font-weight: 500;
    font-size: 12px;
    transition: 200ms;
    width: 170px;
    height: 20px;
}

.btn-regresar20:hover {
    color: #fff;
    text-shadow: none;
    background: #63b44d;
    color: #fff;
}

.Subido-06052022Runo {
    font-family: Heebo;
    font-size: 60%;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.27;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0;
}

.Subido-06052022R {
    font-family: Heebo;
    font-size: 40%;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.27;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0;
}


.DescargarEvi {
    font-family: Heebo;
    font-size: 60%;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-top: 8px;
    padding-right: 10%;
}

.DescargarEvi:hover {
    color: #5bc5f2;
    cursor: pointer;
}


.DescargarEviE {
    font-family: Heebo;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-top: 8px;
    padding-right: 20px;

}

.DescargarEviE:hover {
    color: #5bc5f2;
    cursor: pointer;
}

.DescargarEviDos {
    font-family: Heebo;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}



.Rectngulo-3119EviIndex {
    border-radius: 10px;
    border: solid 2px #5bc5f2;
    background-color: #fff;
}


.Rectngulo-3119Evi {
    border-radius: 10px;
    border: solid 2px #004899;
    background-color: #fff;
    width: 70%;
    z-index: 100;
    top: 50%;
}

.Rectngulo-3119EviDos {
    border-radius: 10px;
    border: solid 2px #004899;
    background-color: #fff;
    width: 15%;
    z-index: 10;
}


.EvidenciasEvi {
    font-family: Heebo;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: right;
    color: #63b44d;
}

.Filtrar-archivos-por {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    font-family: Heebo;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #5bc5f2;
}


.Ver-Todo {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    font-family: Heebo;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a9a9a9;
}

.Perfiles {
    font-family: Heebo;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    text-align: center;
    color: #7cbe3a;
}


.perfilDeseas {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    font-family: Heebo;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}


.buscador_grande {
    border-color: white;
    border-radius: 25px;
    background-color: #63b44d;
}


/* .dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em !important;
    padding: 0.5em 1em;
    margin-left: 0 !important;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333;
    border: 1px solid transparent;
    /* border-radius: 2px; */
*/ .desactivo2 {
    opacity: 0;
}

.Bitcora {
    font-family: Heebo;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    text-align: center;
    color: #7cbe3a;
}

.Elige-donde {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
    font-family: Heebo;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}


.Bitcora-de-Almacn {
    font-family: Heebo;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    color: #fff;
}

.btnHistorialBi {
    border-radius: 23.5px;
    border: solid 1.5px #5bc5f2;
    color: #5bc5f2;
    background-color: #fff;
    padding: 2px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    width: 100px;
}

.btnHistorialBi:hover {
    background-color: #004899;
    color: white;
}

.Chart-title-Bi {
    font-family: Heebo;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-size: 12px;
    margin-top: 20px;
}

.Da-click-bita {
    font-family: Heebo;
    font-size: 5px;
    color: #989898;
}


.btn-regresar2 {
    border: 2px solid #63b44d;
    padding: 7px 20px;
    padding-bottom: 20px;
    border-radius: 25px;
    font-weight: 500;
    font-size: 8px;
    transition: 200ms;
    width: 140px;
    height: 20px;
}


.desactivo2 {
    opacity: 0;
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    line-height: 12px;
    vertical-align: middle;
    opacity: 0;
}

.daterangepicker td.in-range {
    background-color: #5bc5f2;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #004899;
    border-color: transparent;
    color: #fff;
}


.daterangepicker td.start-date.end-date {
    border-radius: 10px;
    background-color: #63b44d;
}


.HeaderText {
    font-family: Heebo;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    text-align: center;
    color: white;
}