/*Las siguientes lineas eliminar los botones de subir y bajar la cantidad en los input del form, que andan bien en web pero se ven como espacio en blanco en Android, con estas lineas se deshabilitan*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button 
{ 
    -webkit-appearance: none; 
    margin: 0; 
}

.toast-top-right 
{
    top: 75px;
}

.fuente-extra-light
{
    font-weight: 200;
}

.fuente-light
{
    font-weight: 300;
}

.fuente-bold
{
    font-weight: 600;
}

.fuente-extra-bold
{
    font-weight: 700;
}

.fuente-italic
{
    font-style:italic;
}

.btn-xs
{
    padding: 0px 6px 0px 6px;
}

.ellipsis
{
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden;
}

/* ---ANIMACIONES Y HOVER--- */
.mouse
{
    cursor: pointer;
}

.animacion-escala-01 
{
    transition: all .2s ease-in-out;
}

.animacion-escala-01:hover 
{
    transform: scale(1.01);
}

.animacion-escala_02 
{
    transition: all .2s ease-in-out;
}

.animacion-escala-02:hover 
{
    transform: scale(1.02);
}

.animacion-escala-03 
{
    transition: all .2s ease-in-out;
}

.animacion-escala-03:hover 
{
    transform: scale(1.03);
}

.animacion-escala-04 
{
    transition: all .2s ease-in-out;
}

.animacion-escala-04:hover 
{
    transform: scale(1.04);
}

.animacion-escala-05 
{
    transition: all .2s ease-in-out;
}

.animacion-escala-05:hover 
{
    transform: scale(1.05);
}

/* COLORES */




.color-primario
{     
    color: #007bff;         /*COLOR_01: El color del texto primario*/
}

.bg-color-primario
{     
    background-color: #007bff;         /*COLOR_01: El color del fondo primario*/
}

.color-sin-dato
{
    color: #CCCCCC;
}

.color-azul
{
    color: #4771ea;
}

.color-gris-claro
{
    color: #cccccc;
}

.color-gris
{
    color: #888888;
}

.color-gris-oscuro
{
    color: #444444;
}

.color-negro
{
    color: #000000;
}

/* MARGENES Y PADDING */

.badge-draltek
{
    padding: 6px 6px 4px 6px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.padding-xl
{
    padding: 13px 13px 13px 13px;
}

.padding-lg
{
    padding: 10px 10px 10px 10px;
}

.padding
{
    padding: 8px 8px 8px 8px;
}

.padding-sm
{
    padding: 6px 6px 6px 6px;
}

.padding-xs
{
    padding: 3px 3px 3px 3px;
}

.margin-xl
{
    margin: 13px 13px 13px 13px;
}

.margin-lg
{
    margin: 10px 10px 10px 10px;
}

.margin
{
    margin: 8px 8px 8px 8px;
}

.margin-sm
{
    margin: 6px 6px 6px 6px;
}

.margin-xs
{
    margin: 3px 3px 3px 3px;
}