body {
}

/************** Color para botónes ****************/
.btnAnalogo {
    background-color: var(--analogo);
    border: 1px solid var(--analogo);
    color: white;
    border-radius: 5px;
}
    .btnAnalogo:hover {
        background-color: white;
        color: var(--analogo);
        border: 1px solid var(--analogo);
    }

.btn-warning {
    border-radius: 5px;
}

.btn-danger {
    border-radius: 5px;
}

.btnSc {
    background-color: #04AA6D;
    border: #04AA6D;
    color: white;
    border-radius: 5px;
}

    .btnSc:hover {
        background-color: #0b8d5d;
    }

.btnPri {
    background-color: #0189FA;
    border: #0189FA;
    color: white;
    border-radius: 5px;
}

    .btnPri:hover {
        background-color: #0150FA;
    }

.btnLight {
    background-color: #ffffff;
    color: var(--secundario);
    border: 1px solid var(--secundario);
    border-radius: 5px;
}

    .btnLight:hover {
        background-color: var(--secundario);
        color: white;
        border: 1px solid var(--secundario);
    }

.btnFactPri {
    background-color: #1378BC;
    border: #1378BC;
    color: white;
    border-radius: 5px;
}

    .btnFactPri:hover {
        background-color: #0150FA;
    }

.btnInfo {
    background-color: #31AEE4;
    border: #31AEE4;
    color: white;
    border-radius: 5px;
}

    .btnInfo:hover {
        background-color: #02b1fb;
    }

.btnDefecto {
    background-color: white;
    border: 1px solid #cdcdcd;
    color: black;
    border-radius: 5px;
}

    .btnDefecto:hover {
        background-color: #e1e1e1;
        border: 1px solid #e1e1e1;
    }

.btnOrange {
    background-color: #f0822b;
    border: #f0822b;
    color: white;
    border-radius: 5px;
}

    .btnOrange:hover {
        background-color: #e56d0e;
    }

.btnSecon {
    background-color: #b2b2b2;
    border: #b2b2b2;
    color: white;
    border-radius: 5px;
}

    .btnSecon:hover {
        background-color: #919090;
    }

.btnTurq {
    background-color: #07a59d;
    border: #07a59d;
    color: white;
    border-radius: 5px;
}

    .btnTurq:hover {
        background-color: #06817b;
    }

.btnRose {
    background-color: #ee4b82;
    border: #ee4b82;
    color: white;
    border-radius: 5px;
}

    .btnRose:hover {
        background-color: #bd0845;
    }

.btnFacturita {
    width: 45px;
    height: 32px;
    font-size: 23px;
    background-color: #31AEE4;
    border: #31AEE4;
    color: white;
    border-radius: 5px;
    margin-bottom: 2px;
}

    .btnFacturita:hover {
        background-color: #0587f7;
    }

.btnFacturitaOrange {
    width: 45px;
    height: 32px;
    font-size: 23px;
    background-color: #ffc107;
    border: #ffc107;
    color: white;
    border-radius: 5px;
    margin-bottom: 2px;
    vertical-align: central;
}

    .btnFacturitaOrange:hover {
        background-color: #e5ae08;
    }

.btnFacturitaRose {
    height: 32px;
    font-size: 14px;
    background-color: #ee4b82;
    border: #ee4b82;
    color: white;
    border-radius: 5px;
    margin-bottom: 2px;
    display: flex;
}

    .btnFacturitaRose:hover {
        background-color: #bd0845;
    }

/***** Botón para el modal de Tarea *****/
.buttonDia {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    color: #0b57d0de;
    font-weight: bold;
    font-size: 12px;
    background-color: #f1f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:none !important;
}

    .buttonDia:hover {
        box-shadow: 0px 1px 3px #9f9e9e !important;
        color: #0b57d0de;
    }

.selectBtDia {
    color: white;
    background-color: #0b57d0de;
    box-shadow: !important;
}

    .selectBtDia:hover {
        color: white;
        background-color: #0b57d0de;
        box-shadow: !important;
    }