.fab-wrapper {
    /*position: fixed;
    bottom: 3rem;
    left: 4rem;*/
    z-index: 1;
}

.fab-wheel {
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #;
    width: 10rem;
    height: 10rem;
    transition: all 0.3s ease;
    transform-origin: bottom left;
    transform: scale(0);
    z-index: 9999999;
}

.fab:not(.fab-action > i) {
    /*position: absolute;
    bottom: -1rem;
    left: -3rem;
    width: 4rem;
    height: 4rem;
    
    border-radius: 50%;
    background: #126ee2;
    box-shadow: 0 0.1rem 1rem rgba(129, 164, 241, 0.5);*/
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 9999999;
    /*border-bottom-left-radius: 6px;*/
    border: 1px solid #0c50a7;
}

.fab-action {
    position: absolute;
    background: #126ee2;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: White;
    box-shadow: 0 0.1rem 1rem rgba(24, 66, 154, 0.5);
    transition: all 1s ease;
    opacity: 0;
}

.fab-action:hover {
    animation: pulse;
    animation-duration: 0.5s;
}

/* CSS Wrapper personalizado */
.fab-referenciados .fa-referenciado {
    bottom: 124px !important;
    left: 173px !important;
}

.fab-referenciados .fa-action-referenciado {
    width: 12rem;
    height: 12rem;
}

.fab-referenciados .fa-action-ref-1 {
    left: -23.8rem !important;
    top: -5.1em !important;
}

.fab-referenciados .fa-action-ref-3 {
    left: -10.2rem !important;
    bottom: 10.5rem !important;
}

.fab-referenciados .fa-action-ref-4 {
    left: 2.05em !important;
    bottom: 5.3rem !important;
}

.bg-referenciados {
    background-image: url("../images/referenciados.jpg");
    background-size: 100% 100%;
}

.bg-clienteRef {
    background-image: url("../images/clienteRef.png");
    background-size: 100% 100%;
}

.bg-inventarioRef {
    background-image: url("../images/inventarioRef.png");
    background-size: 100% 100%;
}

.bg-marcaRef {
    background-image: url("../images/marcaRef.png");
    background-size: 100% 100%;
}

.bg-size {
    width: 100% !important;
    height: 100% !important;
}

.fab-referenciados .content-fab {
    width: 42rem !important;
    height: 22rem !important;
    background: black;
    opacity: 0.7;
    z-index: 9999999;
    bottom: 14rem;
    left: -10.1rem;
    border-radius: 40px;
    transition: all 0.3s ease;
    transform-origin: 60% 110%;
    transform: scale(0);
    position: absolute;
}

.fab-referenciados .fab-checkbox:hover .content-fab {
    transform: scale(1);
}

.fab-referenciados .fab-checkbox:hover .fab-wheel {
    transform: scale(1);
}

.fab-referenciados .fab-checkbox:hover .fab-wheel .fab-action {
    opacity: 1 !important;
}

.fab-referenciados .triangulo {
    width: 0;
    height: 0;
    border-top: 37px solid black;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    bottom: -3rem;
    left: 22.5rem;
    opacity: 0.9;
    z-index: 9999999;
}

/* Impresiones */
.fab-impresiones .fa-referenciado {
    bottom: 65px !important;
    left: 173px !important;
}

.fab-impresiones .fa-action-referenciado {
    width: 12rem;
    height: 12rem;
}

.fab-impresiones .fa-action-ref-1 {
    left: -23.8rem !important;
    top: -5.3em !important;
}

.fab-impresiones .fa-action-ref-3 {
    left: -10.2rem !important;
    bottom: 10.5rem !important;
}

.fab-impresiones .fa-action-ref-4 {
    left: 2.05em !important;
    bottom: 5.3rem !important;
}

.fab-impresiones .content-fab {
    width: 42rem !important;
    height: 22rem !important;
    background: black;
    opacity: 0.7;
    z-index: 9999999;
    bottom: 8.8rem;
    left: -10.1rem;
    border-radius: 40px;
    transition: all 0.3s ease;
    transform-origin: 60% 110%;
    transform: scale(0);
    position: absolute;
}

.fab-impresiones .fab-checkbox:hover .content-fab {
    transform: scale(1);
}

.fab-impresiones .fab-checkbox:hover .fab-wheel {
    transform: scale(1);
}

.fab-impresiones .fab-checkbox:hover .fab-wheel .fab-action {
    opacity: 1 !important;
}

.fab-impresiones .triangulo {
    width: 0;
    height: 0;
    border-top: 37px solid black;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    bottom: -3rem;
    left: 22.5rem;
    opacity: 0.9;
    z-index: 9999999;
}

.bg-facturacionE {
    background-image: url("../images/facturacionElectronica.png");
    background-size: 100% 100%;
}

.bg-controlImpresora {
    background-image: url("../images/controlImpresoras.png");
    background-size: 100% 100%;
}

.bg-reimpresion {
    background-image: url("../images/reimpresion.png");
    background-size: 100% 100%;
}

.bg-licitaciones {
    background-image: url("../images/licitaciones.png");
    background-size: 100% 100%;
}
.center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); /* Yep! */
}
.progress{
    height: auto !important;
    margin-bottom: 0px !important;
}
.tableTickets td {
    padding: 2px !important;
}