body{
    background-attachment: fixed;
    background-image: url('../img/fondo-t.jpg');
    background-repeat: no-repeat, repeat;
    background-size: cover;
    background-size: 500px;
    background-position: center;
    background-attachment:  fixed;
}
caption{
    background: #EAF2F8;
    color: #2E86C1;
}

.btn-blue-1{
    background: #D6EAF8;
    color: #2E86C1;
}
.btn-blue-1:hover{
    color: #21618C;
    background: #AED6F1;
}

.btn-yellow-1{
    background: #fff5cc;
    color:  #cca300;
}
.btn-yellow-1:hover{
    color: #fff5cc;
    background: #cca300;
}

.new{
    background: #E8F8F5;
    color: #148F77;
}

.btn-red-1{
    background: #FDEDEC;
    color: #CB4335;
    /*border-radius: 15px 15px 15px 15px;  */
}
.btn-red-1:hover, .btn-red-1:focus{
    background: #FADBD8;
    color: #943126;
}
.delete-table{
    background: #FADBD8;
    color: #CB4335;
}
.btn-warning-1{
    background: #FEF5E7;
    color: #D68910;
}
.btn-warning-1:hover, .btn-warning-1:focus{
    background: #FDEBD0;
    color: #B9770E;
}
label{
    font-size: 12px;
    font-family: sans-serif;
}

.btn-success-badge{
    background: #EBF5FB;
    border-radius: 15px 15px 15px 15px;
    color: #2874A6;
}
.btn-success-badge:hover{
    background: #D6EAF8;
    color: #21618C;
}
.btn-success-badge span{
    background: #AED6F1;
    border-radius: 15px 15px 15px 15px;
    width: auto;
    height: auto;
}

.badge-notification{
    position: relative;
    margin-right: 12px;     
    width: 3rem;
}
.badge-notification[data-badge]::after{
    content: attr(data-badge);
    position: absolute;
    top: -1px;
    right: -0.1px;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    font-weight: 600px;
    border-radius: 50%;
    background: var(--red);
}
.notification{
    /*background: red;*/
}

span.badge-notification[data-badge]::after {
  top: -11px;
  right: -24px;
}

.factura-aprobada{
    background: #D6EAF8;
    opacity: 0.9;
}

.text-comentario{
    display: none;
}

.td-comentario:hover .text-comentario{
    display: block;
    font-size: 12px;
    animation: fadein, 2s;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;    
    -o-animation: fadein 2s;
    width: 150px;
}

@keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-webkit-keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-moz-keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-o-keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

.vertical{
    background: red;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}
.pdfobject-container {
    height: 50rem;
    border: 3px solid rgba(0,0,0,.1);  
    width:  700px;
}
.table-scroll{
  max-height: 750px;
  overflow: auto;  
  margin: 20px 10px;
}
thead{
  background-color: #f8f9fa;
}