.bg-color3{
    background-color: #c007f2;
}

.bg-color2{
    background-color: #e29700;
}

.text-color-1{
    color: #003068 !important;
}

.text-color-2{
    color: #e29700 !important;
}

.text-color-3{
    color: #c007f2 !important;
}

.text-color-4{
    color: #09dc3e !important;
}

/* BOTÓN FLOTANTE */

.fab-container{
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
    cursor: pointer;
}
div.fab{
    position: fixed;
    z-index: 1;
    bottom: 20px;
    right: 20px;
}

div.fab a{
    height: 60px;
    width: 60px;
    border-radius: 50px !important;
}

#abrir{
    border: 1px solid #fff;
}

.fab-icon-holder{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    box-shadow: 0 6px 20px rgba(0,0,0,0,0.2);
}

.fab-icon-holder:hover{
    opacity: 0.8;
}

.fab-icon-holder i{
    list-style: none ;
}
.fab-icon-holder i{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 30px;
    color: #fff;
}

.fab-fab{
    width: 60px;
    height: 60px;
}

.fab-options{
    list-style: none;
    margin: 0;
    position: absolute;
    bottom: 70px;
    right: 0;
    opacity: 0;
    transition: all 0.3s ease;
    transform: scale(0);
    transform-origin: 85% bottom;
}



.fab-fab:hover +.fab-options, .fab-options:hover{
    opacity: 1;
    transform: scale(1);
}



.fab-options li{
    display: flex;
    justify-content: flex-end;
    padding: 4px;
}

.fab-label{
    padding: 2px 5px;
    align-self: center;
    user-select: none;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 16px;
    background: #666666;
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(0,0,0,0,0.2);
    margin-right: 10px;
}

.fab-options i{
    margin-right: 0 !important;
}
.fab-options i:hover{
    color: #ccc !important;
}

.abierto{
    transform: rotate(45deg);
    transition: ease 0.5s;
}

.cerrado{
    transform: rotate(360deg);
    transition: ease 0.5s;
}


/*COLOR DE BOTONES*/
.general{
    background-color: #e29700;
    /*background-color: #ae9e8f;*/
    border-style: solid; /*Nuevo*/
    border-width: 2px; /*Nuevo*/
    border-color:  #e29700; /*Nuevo*/
}
.whatsapp{
    background-color: #00e676;
}
.message{
    background-color: #eeb028;
}
.messenger{
    background-color: #4376b6;
}
.phone{
    background-color: #d11d1b;
}

i.fa, i.fas, i.fab{
    font-style: normal;
}