@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

:root {
    --Blue100: #00338B;
    --Blue80: #1462E8;
    --Blue60: #ACCAFF;
    --Blue40: #B5D7F9;
    --Blue20: #E3F4FF;
    --Acento: #F8BE5C;
    --logo: #181461;
    --error: #FF4D4D;
    --Gray100: #1C1C1C;
    --Gray60: #7E7E7E;
    --Gray20: #ccc;
    --BgGradient: linear-gradient(#0957de 0%, #1664ea 100%);
    --TransisionSuave: all 0.18s cubic-bezier(0.42, 0.9, 0.51, 1.34);
    --tab-shadow: 0px 3px 16px rgba(3, 51, 139, .1);
}

html {
    filter: drop-shadow(0px 3px 6px rgba(144, 144, 144, 0.6));
    -webkit-filter: drop-shadow(0px 3px 6px rgba(144, 144, 144, 0.6));
    font-size: 1rem;
}

body {
    font-family: 'Poppins', sans-serif;
    overflow-y: scroll;
}
@media only screen and (max-width: 768px){
    body{font-size: .9em;}
    h5{font-size: 1em;}
}

a {
    text-decoration: none;
}

::placeholder {
    opacity: .5 !important;
}

.offcanvas {
    background-color: var(--Blue20);
}

.offcanvas-backdrop {
    background-color: #FFF;
}

.offcanvas.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--Blue20);
    -webkit-box-shadow: -10px 0px 20px 0px rgba(20, 98, 232, 0.25);
    -moz-box-shadow: -10px 0px 20px 0px rgba(20, 98, 232, 0.25);
    box-shadow: -10px 0px 20px 0px rgba(20, 98, 232, 0.25);
}
.block-opacity-25{
    opacity: .25;
}
.container-maestro {
    max-width: 768px;
    /*padding: 0;
    background-color: #fff;
    height: 100vh!important;
    display: flex;
    align-items: stretch;
    overflow-y: scroll; */
    /* max-width: 720px!important; */
}
.container-maestro-footer {
    width: 95%;
    max-width: 768px;
}
.container-maestro-header {
    max-width: 768px;
    background-color: #FFF;
}

.BgBlue100 {
    background-color: var(--Blue100);
}

.BgBlue80 {
    background-color: var(--Blue80);
}

.BgBlue60 {
    background-color: var(--Blue60);
}

.BgBlue40 {
    background-color: var(--Blue40);
}

.BgBlue20 {
    background-color: var(--Blue20);
}

.BgGray100 {
    color: var(--Gray100);
}

.BgGray60 {
    color: var(--Gray60);
}

.BgAcento {
    background-color: var(--Acento);
}
.BgWhite {
    background-color: #FFF;
}
/* ---- */
.txtBlue100 {
    color: var(--Blue100);
}

.txtBlue80 {
    color: var(--Blue80);
}

.txtBlue60 {
    color: var(--Blue60);
}

.txtBlue40 {
    color: var(--Blue40);
}

.txtBlue20 {
    color: var(--Blue20);
}

.txtGray100 {
    color: var(--Gray100);
}

.txtGray60 {
    color: var(--Gray60);
}
.txtWhite{
    color:#FFF;
}
.txtAcento {
    color: var(--Acento);
}

.tab-shadow {
    box-shadow: var(--tab-shadow);
}

.btn {
    font-weight: 600;
}

.rounded-top-30 {
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: transparent;
}

.rounded-botom-30 {
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.rounded-top-15 {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.rounded-botom-15 {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.z-index-1 {
    z-index: 1;
}
.fix-alerta{
    display: block;
    position: fixed;
    bottom: 55px;
    z-index: 100;
    width: 100%;
}
.alert-guardar{
    color:#FFF;
    background-color: var(--Blue80);
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}
.remove_field{
    font-weight: normal;
    border-top-left-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
    border-bottom-right-radius: 50px!important;
    border-top-right-radius: 50px!important;
    margin-left: 10px!important;
}
.mx-centrado {
    margin: 0px 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/* Header Navbar */
.nombre-logo .logo-header {
    color: var(--logo);
    font-size: 1.5em;
    font-weight: bold;
}

.nombre-logo h2 {
    font-size: 16px;
    font-weight: normal;
    color: var(--Gray60);
}

.nombre-logo .btn.btn-light, .btn.btn-light {
    color: var(--logo);
    background-color: var(--Blue20);
}

.btn-close {
    color: var(--logo);
}

.head-nav-subtitulo h2 {
    font-size: 18px;
    font-weight: normal;
    color: var(--Gray60);
}

.btn-sesion a {
    text-decoration: none;
    color: var(--Gray100);
}

.nombre-cliente h3 {
    color: var(--Blue80);
    font-size: 18px;
}

.btn-menu {
    border: none;
}

.btn-menu:hover,
.btn-menu:focus {
    box-shadow: 0px 3px 16px rgba(3, 51, 139, .2);
}

.navbar-toggler-icon {
    background-image: url(../iconos/menu.svg) !important;
}

.accordion-header img {
    height: 30px;
}
.accordion-header .accordion-button {
   color: var(--Blue100)
}

/* /Header Navbar */
.accordion-item {
    z-index: 999;
    border-color: transparent;
    background-color: transparent;
}

#accordionMaster2 {
    -webkit-box-shadow: 0px -10px 20px 0px rgba(20, 98, 232, 0.25);
    -moz-box-shadow: 0px -10px 20px 0px rgba(20, 98, 232, 0.25);
    box-shadow: 0px -10px 20px 0px rgba(20, 98, 232, 0.25);
}
.contenidoFiltro{
    font-size: 14px;
}
.btn-filters {
    height: 51px;
    font-size: 14px;
    color: var(--Blue100);
    background-color: var(--Blue20);
    /*background-color: red;*/
    position: relative;
    border-radius: 0px!important;
    border-width: 0px 0px 0px 0px;
    border-bottom: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    transition: var(--TransisionSuave);
    -webkit-transition: var(--TransisionSuave);
    -moz-transition: var(--TransisionSuave);
    -ms-transition: var(--TransisionSuave);
    -o-transition: var(--TransisionSuave);
    display: block;
}

.btn-filters svg {
    fill: #fff !important;
}
.btn-filters img {
   margin-right: 10px;;
}
.btn-filters:hover {
    border-bottom-width: 0px !important;
    border-bottom: 0px solid var(--Blue20) !important;
}
.btn-filters:focus {
    padding: 0 !important;
    border-bottom-width: 0px !important;
    background-color: #FFF;
    color: var(--Blue100);
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}

.btn-filters:focus svg {
    fill: var(--Blue100) !important;
}
.accordion-button.btn-filters.collapsed {
    background-color: var(--Blue20);
    color: var(--Blue100);
}
.accordion-button.btn-filters:not(.collapsed) {
    background-color: #fff;
    color: var(--Blue100);
}

.container-widget-filtrar {
    z-index: 99;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: var(--Blue80);
    color: #fff;
}

.accordion-button::after {
    display: none;
}

.accordion-item {
    border-bottom: 0px;
}

.listadoClientes li a {
    color: var(--Gray100);
}

.listadoClientes li a:hover {
    background-color: #FFF;
    color: var(--Blue100);
}
.listadoClientes .iconoStar img, .star-favoritos img{
    height: 18px;
}
.ListadoHistorico{
    background-color: var(--Blue20);
    min-height: 50vh;
}
.ListadoHistorico table{
    font-size: .9em;
}
.ListadoHistorico table thead th{
    background-color: var(--Blue60);
}
.ListadoHistorico table tbody th{
    background-color: #FFF;
    min-width: 120px;
    font-weight: normal;;
}
.ListadoHistorico table tfoot th{
    background-color: var(--Blue40);
}
.iconoStar{
    text-align: left!important;
    padding: 0!important;
}
.border-inactive::after {
    content: '';
    width: 95%;
    position: absolute;
    top: 0;
    left: 50%;
    border-top: 1px solid var(--Gray20);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.border-top-active {
    border-top-width: 6px !important;
    transition: var(--TransisionSuave);
    -webkit-transition: var(--TransisionSuave);
    -moz-transition: var(--TransisionSuave);
    -ms-transition: var(--TransisionSuave);
    -o-transition: var(--TransisionSuave);
}

.border-top-active:hover,
.border-top-active:active {
    position: relative;
    z-index: 2;
    border-top-width: 6px !important;
    border-top: solid var(--Blue80) !important;
}

.search-group {
    position: relative;
}

.search-field {
    padding-left: 2.5em;
    color: var(--Blue80) !important;
}

.btn-ico-find {
    height: 45px;
    background-color: transparent;
    border: none;
    position: absolute;
    left: .5em;
    z-index: 1;
}

.btn-text-white:hover {
    color: var(--Blue100) !important;
}

/* Chechkboxes */
.form-check {
    position: relative;
}

/* Hide the browser's default checkbox */
.custom-input input {
    position: absolute;
    opacity: 0;
}

label {
    cursor: pointer;
}

.custom-input .checkmark,
.custom-input .checkRadio {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
}

.custom-input .checkmark {
    border: 2px solid var(--Blue100);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.custom-input .checkRadio {
    border: 2px solid var(--Blue100);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

/* On mouse-over, add a grey background color */
.checkmark:hover,
.checkRadio:hover {
    background-color: var(--Blue40);
}

/* When the checkbox is checked, add a blue background */
.custom-input input:checked~.checkmark {
    background-color: var(--Blue60);
    border: 2px solid var(--Blue100);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.custom-input input:checked~.checkRadio {
    background-color: var(--Blue60);
    border: 2px solid var(--Blue100);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark::after,
.checkRadio::after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-input input:checked~.checkmark:after,
.custom-input input:checked~.checkRadio::after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-input .checkmark:after {
    left: 6px;
    top: 2px;
    width: 8px;
    height: 13px;
    border: solid var(--Blue100);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-input .checkRadio::after {
    left: 4px;
    top: 4px;
    width: 12px;
    height: 12px;
    background-color: var(--Blue100);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.star-favoritos {
    position: absolute;
    top: -4px;
}

.star-favoritos svg {
    width: 85%;
}

.star-favoritos-txt {
    position: absolute;
    top: 0px;
    left: 3.5em;
}

/* 17-Estatus de pedidos-Promotor */
/* Flecha de la pleca */
.flecha-pleca {
    display: block;
    margin-left: auto;
}
.flecha-pleca i {
    font-size: 1.5em;
    transition: var(--TransisionSuave);
    -webkit-transition: var(--TransisionSuave);
    -moz-transition: var(--TransisionSuave);
    -ms-transition: var(--TransisionSuave);
    -o-transition: var(--TransisionSuave);
}

.pleca-estatus {
    cursor: pointer;
}

.pleca-estatus:hover .flecha-pleca i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    animation: flecha-pleca1 1s linear infinite alternate;
    -webkit-animation: flecha-pleca1 1s linear infinite alternate;
}

@keyframes flecha-pleca1 {
    0% {
        margin-bottom: -10px;
    }

    50% {
        margin-bottom: 10px;
    }

    100% {
        margin-bottom: 0px;
    }

}

.card-entrega {
    position: relative;
    z-index: 1 !important;
    left: 0px;
    cursor: grabbing;
    /*transition: var(--TransisionSuave);
    -webkit-transition: var(--TransisionSuave);
    -moz-transition: var(--TransisionSuave);
    -ms-transition: var(--TransisionSuave);
    -o-transition: var(--TransisionSuave);*/
}

.card-pedidos{
    border-radius: 15px;
    color: var(--Gray100);
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important;
    padding: 0.5rem!important;
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important;
    margin-bottom: .5em;
    margin-top: .5em;
}
/* .contenedor-card-entrega:hover > .card-entrega {
    left: 70px;
} */
.swip {
    left: 70px;
}

#ClientesMaster .list-group-item {
    background-color: transparent;
}
#ClientesMaster .accordion-body{
    height:75vh;
    overflow-y:scroll;
    overflow-x: hidden;
}
#PedidosMaster .accordion-body{
    height:80vh;
    overflow-y:scroll;
    overflow-x: hidden;
}
#PedidosMaster .entregado-txt{
    font-weight: bold;
    color: var(--Blue100);
}
#PedidosMaster .por-entregar-txt{
    font-weight: bold;
    color: var(--Acento);
}
.bote-eliminar {
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 20px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    background-color: var(--error);
    cursor: pointer;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
}

.pleca-negativo {
    color: #fff;
    background-color: var(--Blue80);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.ocultar {
    margin-top: 80%;
}

.container-widget-card {
    display: none;
}

/* 18-Ficha del cliente */
.container-widget-inventario .card-entrega,
.nav-item-pedido-inteligente label {
    cursor: auto;
}

.puntos:focus {
    opacity: .5;
    background-color: transparent !important;
}

.acordeon-datos-cliente .flechita,
.card-entrega .flechita,
.item-pedido-inteligente .flechita,
a .flechita {
    font-size: 1.7em;
    cursor: pointer;
}

/* 20- levantar / actualizar inventario */
.item-levantar-inventario p:last-child {
    font-size: .8em;
    color: var(--Blue60);
}

.alCarrito {
    position: relative;
    z-index: 2;
}

.alCarrito button,
.alCarrito span {
    background-color: #fff;
    height: 40px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.alCarrito button {
    border: none;
    width: 40px;
    cursor: pointer;
    transition: var(--TransisionSuave);
    -webkit-transition: var(--TransisionSuave);
    -moz-transition: var(--TransisionSuave);
    -ms-transition: var(--TransisionSuave);
    -o-transition: var(--TransisionSuave);
}

.alCarrito button:hover {
    background: var(--Blue60);
    color: #fff;
}

.alCarrito button:active {
    background: var(--Blue80);
    color: #fff;
}

.alCarrito::before {
    content: '';
    width: 200px;
    height: 40px;
    z-index: -1;
    position: absolute;
    top: 0;
    box-shadow: var(--tab-shadow);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.alCarrito button:first-child {
    border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    -ms-border-radius: 25px 0 0 25px;
    -o-border-radius: 25px 0 0 25px;
}

.alCarrito button:last-child {
    border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    -ms-border-radius: 0 25px 25px 0;
    -o-border-radius: 0 25px 25px 0;
}

.alCarrito p span {
    color: red !important;
    font-size: 2px !important;
}

.alCarrito span {
    border: none;
    width: 60px;
}

.txt-cantidad {
    font-weight: normal !important;
}

.btn-white-hover:hover {
    background-color: var(--Blue80) !important;
    color: #fff;
}

/* 27-Pedido Inteligente */
.nav-item-pedido-inteligente {
    background-color: transparent !important;
}

.accordion-button-pedido-inteligente {
    border: none;
    background-color: transparent;
}

.item-pedido-inteligente:focus i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.flechita-cambia {
    display: flex;
    align-items: end;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/* 30-Error de envio */
.modal-fail {
    background: rgba(255, 255, 255, 0.5);
}

.modal-fail> :first-child {

    background-color: #fff;
    ;
}

/* 35 */
.enter {
    cursor: pointer;
}

.tabla-historico thead tr th:first-child {
    border-top-left-radius: 15px !important;
}

.tabla-historico thead tr th:last-child {
    border-top-right-radius: 15px !important;
}

.periodo span {
    background-color: #fff;
}

.select-cliente-historico {
    color: var(--Blue100);
    cursor: pointer;
    font-size: 1.5em;
    font-weight: 500;
    background-image: url(../iconos/flecha-abajo.svg) !important;
    background-repeat: no-repeat;
    background-position: center 0.75rem center;
    background-size: .7em;
    border: 0;
}

.select-cliente-historico option {
    font-size: 18px;
}

.tabla-historico thead th,
.tabla-historico tfoot th {
    font-weight: normal;
}

.tabla-historico tbody td {
    /* background-color: #E3F4FF!important; */
    background-color: var(--Blue40) !important;
}

.tabla-historico tbody td,
.tabla-historico tbody th,
.tabla-historico tfoot td,
.tabla-historico tfoot th {
    padding: 10px 25px;
}

.hidden {
    visibility: hidden;
}

/* width */
::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--Blue60);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--Blue60);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--Blue80);
}
.MenuLateral .list-group-item{
    background-color: transparent;
}
.MenuLateral .list-group-item a{
    color: var(--Blue100);
}
.MenuLateral .list-group-item a:hover{
    color: var(--Blue80);
}
.fixed-bottom {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.btnContacto{
    box-shadow: var(--tab-shadow);
    background-color: var(--Blue80);
    border-radius: var(--bs-border-radius-2xl)!important;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    width: 100%;
    margin-bottom: .5em;
}
.btnContacto:hover {
    color: var(--Blue100) !important;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.head55{
    padding-top: 63px;
}
.head100{
    padding-top: 130px;
}
.MenuCliente{
    max-width: 768px;
    border-top: 1px solid #FFF;
    box-shadow: var(--tab-shadow);
}
.MenuCliente span{
    display: block;
    font-size: 11px;
    text-align: center;
    height: 24px;
    line-height: 1em;
}
.MenuCliente.nav-pills .nav-link.active, .MenuCliente.nav-pills .show>.nav-link {
    color: var(--Gray100);
    background-color: #FFF;
}
.MenuCliente.nav-pills .nav-item, .MenuCliente.nav-pills>.nav-link {
    background-color: var(--Blue20);
    color: var(--Blue100);
    border-radius: 0;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}
.MenuCliente.nav-pills .nav-item:hover, .MenuCliente.nav-pills>.nav-link:hover {
    background-color: var(--Blue40);
    color: var(--Blue100);
    border-radius: 0;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}
.ListadoInventario{
    background-color: var(--Blue20);
}
.ListadoInventario table small{
    color: var(--Gray60);
    display: block;
}
.ListadoInventario .ImgThumbnail{
    height: 50px;
}
table .NoPiezas{
    max-width: 50px!important;
    min-width: 30px!important;
    border: 0;
    box-shadow: var(--tab-shadow);
    z-index: 10;
    font-size: .9em;
    padding: 0;
}
table .btn-minus{
    background-color: #FFF;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-width: 0;
    color:var(--Blue100);
    padding-left: 0.5em;
    padding-right: 0.5em;
}
table .btn-minus:hover{
    background-color: var(--Blue80);
    border-width: 0;
    color:#FFF;
}
table .btn-plus{
    background-color: #FFF;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-width: 0;
    color:var(--Blue100);
    padding-left: 0.5em;
    padding-right: 0.5em;
}
table .btn-plus:hover{
    background-color: var(--Blue80);
    border-width: 0;
    color:#FFF;
}
.InfoAdicional{
    background-color: #EEE;
}
.Presentacion {
    margin-top: 5px;
    margin-right: 3px;
    font-weight: normal;
}
.Exportar{
    font-weight: normal;
    font-size: .8em;
}
.exportar-fecha{
    color: var(--Blue100);
    font-weight: bold;
}
.Colofon hr{
    border-top-color: var(--Blue20);
}
.selector{
    width: 100px;
}
.nav-tabs.TabsHistorico {
    border-bottom: 0 solid #FFF;
}
.nav-tabs.TabsHistorico .nav-item.show .nav-link, .nav-tabs.TabsHistorico .nav-link.active {
    color: var(--Gray100);
    background-color: var(--Blue20);
    border-color: transparent;
}
.container-full{
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}
@media only screen and (min-width: 768px){

}
.container-full h1{
    font-weight: bold;
}
.container-full h2{
    font-weight: bold;
}
.container-full button{
    font-weight: normal;
}
.TarjetaLogin{
    border:0;
    background-color: transparent;
}

/* Preloader */
.preloader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
    z-index: 3000
}
.textoPreloader{
    clear: both;
    position: absolute;
    margin-top: 120px;
    z-index: 10;
    text-align: center;
}
.textoPreloader small{
    font-weight: bold;
}
.fade-out-animation {
    opacity: 0;
    visibility: hidden;
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-square-jelly-box,
.la-square-jelly-box > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-square-jelly-box {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-square-jelly-box.la-dark {
    color: #333;
}
.la-square-jelly-box > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-square-jelly-box {
    width: 32px;
    height: 32px;
}
.la-square-jelly-box > div:nth-child(1),
.la-square-jelly-box > div:nth-child(2) {
    position: absolute;
    left: 0;
    width: 100%;
}
.la-square-jelly-box > div:nth-child(1) {
    top: -25%;
    z-index: 1;
    height: 100%;
    border-radius: 10%;
    -webkit-animation: square-jelly-box-animate .6s -.1s linear infinite;
       -moz-animation: square-jelly-box-animate .6s -.1s linear infinite;
         -o-animation: square-jelly-box-animate .6s -.1s linear infinite;
            animation: square-jelly-box-animate .6s -.1s linear infinite;
}
.la-square-jelly-box > div:nth-child(2) {
    bottom: -9%;
    height: 10%;
    background: #000;
    border-radius: 50%;
    opacity: .2;
    -webkit-animation: square-jelly-box-shadow .6s -.1s linear infinite;
       -moz-animation: square-jelly-box-shadow .6s -.1s linear infinite;
         -o-animation: square-jelly-box-shadow .6s -.1s linear infinite;
            animation: square-jelly-box-shadow .6s -.1s linear infinite;
}
.la-square-jelly-box.la-sm {
    width: 16px;
    height: 16px;
}
.la-square-jelly-box.la-2x {
    width: 64px;
    height: 64px;
}
.la-square-jelly-box.la-3x {
    width: 96px;
    height: 96px;
}
/*
 * Animations
 */
@-webkit-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%;
    }
    25% {
        -webkit-transform: translateY(25%) rotate(22.5deg);
                transform: translateY(25%) rotate(22.5deg);
    }
    50% {
        border-bottom-right-radius: 100%;
        -webkit-transform: translateY(50%) scale(1, .9) rotate(45deg);
                transform: translateY(50%) scale(1, .9) rotate(45deg);
    }
    75% {
        -webkit-transform: translateY(25%) rotate(67.5deg);
                transform: translateY(25%) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
                transform: translateY(0) rotate(90deg);
    }
}
@-moz-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%;
    }
    25% {
        -moz-transform: translateY(25%) rotate(22.5deg);
             transform: translateY(25%) rotate(22.5deg);
    }
    50% {
        border-bottom-right-radius: 100%;
        -moz-transform: translateY(50%) scale(1, .9) rotate(45deg);
             transform: translateY(50%) scale(1, .9) rotate(45deg);
    }
    75% {
        -moz-transform: translateY(25%) rotate(67.5deg);
             transform: translateY(25%) rotate(67.5deg);
    }
    100% {
        -moz-transform: translateY(0) rotate(90deg);
             transform: translateY(0) rotate(90deg);
    }
}
@-o-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%;
    }
    25% {
        -o-transform: translateY(25%) rotate(22.5deg);
           transform: translateY(25%) rotate(22.5deg);
    }
    50% {
        border-bottom-right-radius: 100%;
        -o-transform: translateY(50%) scale(1, .9) rotate(45deg);
           transform: translateY(50%) scale(1, .9) rotate(45deg);
    }
    75% {
        -o-transform: translateY(25%) rotate(67.5deg);
           transform: translateY(25%) rotate(67.5deg);
    }
    100% {
        -o-transform: translateY(0) rotate(90deg);
           transform: translateY(0) rotate(90deg);
    }
}
@keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%;
    }
    25% {
        -webkit-transform: translateY(25%) rotate(22.5deg);
           -moz-transform: translateY(25%) rotate(22.5deg);
             -o-transform: translateY(25%) rotate(22.5deg);
                transform: translateY(25%) rotate(22.5deg);
    }
    50% {
        border-bottom-right-radius: 100%;
        -webkit-transform: translateY(50%) scale(1, .9) rotate(45deg);
           -moz-transform: translateY(50%) scale(1, .9) rotate(45deg);
             -o-transform: translateY(50%) scale(1, .9) rotate(45deg);
                transform: translateY(50%) scale(1, .9) rotate(45deg);
    }
    75% {
        -webkit-transform: translateY(25%) rotate(67.5deg);
           -moz-transform: translateY(25%) rotate(67.5deg);
             -o-transform: translateY(25%) rotate(67.5deg);
                transform: translateY(25%) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
           -moz-transform: translateY(0) rotate(90deg);
             -o-transform: translateY(0) rotate(90deg);
                transform: translateY(0) rotate(90deg);
    }
}
@-webkit-keyframes square-jelly-box-shadow {
    50% {
        -webkit-transform: scale(1.25, 1);
                transform: scale(1.25, 1);
    }
}
@-moz-keyframes square-jelly-box-shadow {
    50% {
        -moz-transform: scale(1.25, 1);
             transform: scale(1.25, 1);
    }
}
@-o-keyframes square-jelly-box-shadow {
    50% {
        -o-transform: scale(1.25, 1);
           transform: scale(1.25, 1);
    }
}
@keyframes square-jelly-box-shadow {
    50% {
        -webkit-transform: scale(1.25, 1);
           -moz-transform: scale(1.25, 1);
             -o-transform: scale(1.25, 1);
                transform: scale(1.25, 1);
    }
}