.btn {
    background-color: #0091ac;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    font-weight: 400;
    line-height: 1.2em;
    margin-left: auto;
    margin-right: auto;
    padding: .9em 20px;
    transition: background-color 300ms;
    white-space: nowrap;
}

.btn:hover { color: #fff !important; }

    .btn:hover:not([disabled]) { 
        background-color: #CAD5DA;
        }

    .btn[disabled],
    .btn[disabled]:hover {
        background-color: #b0bec5 !important;
        cursor: default;
        }    

/* ---------- *\
    #COLORES
\* ---------- */

    .btn.gris {
        background-color: #b0bec5;
        }

    .btn.principal {
        background-color: #56a846;
        }

    .btn.principal:not([disabled]):hover { 
        background-color: #68CB55; 
        color: #fff;
        }

    .btn.blanco {
        background-color: #fff;
        }
    
    .btn.blanco:hover { background-color: #ddd; }

    .btn.celeste {
        background-color: #0094ae;
        color: white;
        }
    
    .btn.celeste:hover {
        background-color: #00b1d0;
        color: white;
        }

/* ---------- *\
    #TAMA�OS
\* ---------- */
    
    .btn.medium {
        padding: 0 15px;
        line-height: 32px;
        }

    .btn.large {
        padding: 0 30px;
        line-height: 52px;
        }


    


.btn_item_trigger {
    display: inline-block;
    pointer-events: auto;
    background-color: #FF6600;
    border-radius: 50%;
    min-width: 0;
    width: 56px;
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0 0 0 20px;
    white-space: nowrap;
    color: white;
}
.btn_item_trigger:hover, .chat-container.open .btn_item_trigger {
    opacity: 0.9;
    color: white;
}

.btn.lineas {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    box-shadow: none;
}

.bg-turquesa { background-color: #4bdce6; color: #fff; }
.bg-gris { background-color: #eceff1;/*#f2f4f5;*/ }
.btn.borde-blanco {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}