.bg-steel-blue {
    background: #814a85 !important;
}

.steel-blue {
    color: #814a85;
}

.border-steel-blue {
    border-top: solid 6px #3CA4BB;
}

.bg-steel-blue-light {
    background: #D7EDF9;
}

.bg-steel-blue-light-nuevo {
    background: rgba(33, 54, 67, 0.7);
    background: rgba(60, 164, 187, 0.2);

}


.verde-2 {
    color: #81C784;
}

.bg-verde-2 {
    background-color: #81C784;
}

.steel-blue-light {
    color: #5fb8cb;
}

.bg-dark-khaki {
    background: #BC9663;
}

.dark-khaki {
    color: #BC9663;
}

.border-dark-khaki {
    border-top: solid 6px #BC9663;
}

.bg-dark-slate-gray {
    background: #213643;
    background: #979B9F;
}

.bg-gris {
    background: #898989;
}

.dark-slate-gray {
    color: #213643;
}

.grey {
    color: #1f1f21;
}

.light-grey {
    color: #5d5d5d;
}

.border-dark-slate-gray {
    border-top: solid 6px #213643;
}

.bg-white-smoke {
    /*background: #F9F8F9;*/
    background: #EEF2F9;
    background: #fff;
}

.white-smoke {
    /*color: #F9F8F9;*/
    color: #EEF2F9;
}

.bg-light-slate-gray {
    background: #979B9F;
}

.light-slate-gray {
    color: #979B9F;
}

.border-light-slate-gray {
    border-top: solid 6px #979B9F;
}

.bg-white {
    background: #fff;
}

.white {
    color: #fff;
}

.bg-gris {
    background: #CACFD6;
}

.gris {
    color: #CACFD6;
}

.amarillo {
    color: #FFD600;
}

.bg-amarillo {
    background-color: #FFD600;
}

.verde {
    color: #81C784;
}

.bg-verde {
    background-color: #81C784;
}

.border-verde {
    border-top: solid 6px #81C784;
}

.border-purpura {
    border-top: solid 6px #B39DDB;
}

.border-amarillo {
    border-top: solid 6px #FFD600;
}

.High {
    color: #ffd600;
}

.Medium {
    color: #4fc3f7;
}

.Urgent {
    color: #ffb74d;
}

.Critical {
    color: #d72a25;
}

.rojo {
    color: #f2af8d;
}

.amarillo {
    color: #f2eb8b;
}

.morado {
    color: #c38ef2;
}

.purpura {
    color: #e18ef2;
}

.rosa {
    color: #f28ed1;
}

.verde {
    color: #9ff28e;
}

.lima {
    color: #d1f28e;
}

.bg-azul-base {
    background-color: #8ED1F2;
}

.bg-azul-duro {
    background-color: #60beed;
}

.bg-azul-suave {
    background-color: #bce4f7;
}

.bg-rojo {
    background-color: #f2af8d;
}

.bg-amarillo {
    background-color: #e0d98d;
}

.bg-morado {
    background-color: #c38ef2;
}

.bg-purpura {
    background-color: #e18ef2;
}

.bg-rosa {
    background-color: #f28ed1;
}




.color-Heading {
    color: #cacfd6;
}

.color-Autorizacion {
    color: transparent;
}

.color-ToStart {
    color: #cacfd6;
}

.color-StandBy {
    color: #cacfd6;
}

.color-Cotizacion {
    color: #eceff1;
}

.color-Pending {
    color: #b39ddb;
}

.color-InProcess {
    color: #b39ddb;
}

.color-Presupuesto {
    color: #b39ddb;
}

.color-WOI {
    color: #ffd600;
}

.color-Facturación {
    color: #ffd600;
}

.color-Review {
    color: #4fc3f7;
}

.color-Pago {
    color: #4fc3f7;
}

.color-Testing {
    color: #64b5f6;
}

.color-Entrega {
    color: #64b5f6;
}

.color-Decision {
    color: #ffb74d;
}

.color-Logistica {
    color: #ffb74d;
}

.color-Almacen {
    color: #ffb74d;
}

.color-Done {
    color: #81c784;
}

.color-Entrega {
    color: #81c784;
}



.color-Stucked {
    /*background: #e57373;*/
    color: red;
}

.color-Archived {
    color: #7A7A7A;
}

.color-Operation {
    color: #ffb74d;
}



.bg-light-gray {
    background: #F1F1F1;
}

.bg-light-comment {
    background: #EEF2F9;
    background: rgba(60, 164, 187, 0.1);
    background: rgba(129,74,133,0.1);
}

/* .bg-light-comment {
    background: rgba(244, 244, 244, 0.4);
} */

.chat-icon{
    color:rgb(33, 54, 67);
}

.bg-white {
    background: #FFF;
}

.black {
    color: #000;
}


.bg-gris-oscuro {
    background: #797e81;
}

.gris-oscuro {
    color: #797e81;
}

.bg-beige {
    background: beige;
}

/* ============================ TIMINGS ================================ */

.bg-TD {
    background-color: #ffb74d;
}

.bg-TW {
    background-color: #ffd600;
}

.bg-NW {
    background-color: dodgerblue;
}

.bg-TM {
    background-color: dodgerblue;
}

.bg-TQ {
    background-color: #b39ddb;
}

.bg-TY {
    background-color: #b39ddb;
}

.bg-OK {
    background-color: #81c784;
}

.bg-TBD {
    background-color: white;
}

/*======================== tooltips ========================*/
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 25%;
    left: 250%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.blanco {
    color: #fff;
}

.azul-oscuro {
    color: #213643;
}

.gris {
    color: #EEEEEE;
}

.bg-blanco {
    background-color: #fff;
}

.bg-azul-oscuro {
    background-color: #213643;
}

.bg-gris {
    background-color: #696969;
}

.input {
    border: #ccc solid 1px;
    border-radius: 8px;
    font-weight: 700;
    color: #696969;
    padding: 4px;
    font-size: 12px;
}