.background-SM-login {
    background-image: url(../Imagenes/fondo.png) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.redrow {
    background-color: #F00 !important;
    color: white !important;
}

.greenrow {
    background-color: #6BF742 !important;
    color: white !important;
}

.yellowrow {
    background-color: #FFC300 !important;
    color: white !important;
}

.orangerow {
    background-color: #ff9900 !important;
    color: white !important;
}

.icon-cambiar-pass {
    background-image: url(../Imagenes/cambiar-pass.png ) !important;
}

.icon-asignar-rol {
    background-image: url(../Imagenes/asignar-rol.png ) !important;
}

.icon-asignar-opcion {
    background-image: url(../Imagenes/asignar-opcion.png ) !important;
}

.icon-asignar-usuario {
    background-image: url(../Imagenes/asignar-usuario.png ) !important;
}

.icon-asignar-operacion {
    background-image: url(../Imagenes/asignar-operacion.png ) !important;
}

.icon-desasignar-rol {
    background-image: url(../Imagenes/desasignar-rol.png ) !important;
}

.icon-desasignar-usuario {
    background-image: url(../Imagenes/desasignar-usuario.png ) !important;
}

.icon-desasignar-opcion {
    background-image: url(../Imagenes/desasignar-opcion.png ) !important;
}

.icon-desasignar-operacion {
    background-image: url(../Imagenes/desasignar-operacion.png ) !important;
}


.icon-clear {
    background-image: url(/Imagenes/clear.png ) !important;
}

.icon-find {
    background-image: url(/Imagenes/find.png ) !important;
}

.icon-ok {
    background-image: url(/Imagenes/ok.png ) !important;
}

.icon-refresh {
    background-image: url(/Imagenes/refresh.png ) !important;
}

.icon-exit {
    background-image: url(/Imagenes/exit.png ) !important;
}

.icon-tree {
    background-image: url(/Imagenes/tree.png ) !important;
}

.icon-truck {
    background-image: url(/Imagenes/truck.png ) !important;
}

.icon-cancel {
    background-image: url(/Imagenes/cancel.png ) !important;
}

.icon-hand {
    background-image: url(/Imagenes/hand.png ) !important;
}

.icon-money {
    background-image: url(/Imagenes/money.png ) !important;
}

.icon-add {
    background-image: url(/Imagenes/add.png ) !important;
}

.icon-edit {
    background-image: url(/Imagenes/edit.png ) !important;
}

.icon-delete {
    background-image: url(/Imagenes/delete.png ) !important;
    opacity: 0.6;
}

.icon-save {
    background-image: url(/Imagenes/save.png ) !important;
}

.icon-upload {
    background-image: url(/Imagenes/upload.png ) !important;
}

.icon-report {
    background-image: url(/Imagenes/report.png ) !important;
}

.icon-money_in {
    background-image: url(/Imagenes/money_in.png ) !important;
}

.icon-money_out {
    background-image: url(/Imagenes/money_out.png ) !important;
}

.icon-services {
    background-image: url(/Imagenes/services.png ) !important;
}

.icon-person {
    background-image: url(/Imagenes/person.png ) !important;
}

.icon-building {
    background-image: url(/Imagenes/building.png ) !important;
}

.icon-video {
    background-image: url(/Imagenes/video.png ) !important;
}

.icon-billing {
    background-image: url(/Imagenes/billing.png ) !important;
}

.icon-sms {
    background-image: url(/Imagenes/sms.png ) !important;
}

.icon-organization {
    background-image: url(/Imagenes/organization.png ) !important;
}

.icon-cash_reg {
    background-image: url(/Imagenes/cash_reg.png ) !important;
}

.icon-xls {
    background-image: url(/Imagenes/_xls.png ) !important;
}

.icon-pdf {
    background-image: url(/Imagenes/_pdf.png ) !important;
}

.icon-loan {
    background-image: url(/Imagenes/loan.png ) !important;
}

.icon-autorizacion {
    background-image: url(/Imagenes/autorizacion.png ) !important;
}

.icon-enviar {
    background-image: url(/Imagenes/Enviar.png ) !important;
}

.icon-rechazar {
    background-image: url(/Imagenes/rechazar.png ) !important;
}

.icon-duplicar {
    background-image: url(/Imagenes/duplicar.png ) !important;
}

.icon-eliminar {
    background-image: url(/Imagenes/eliminar.png ) !important;
}

.loading {
    animation-name: girar;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes girar {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}