.btn {
    font-family: var(--primary-font) !important;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4em;
    transition: all .3s;
}
.btn:hover { line-height: 1.4em; }

label.btn { padding: 5px 12px; }

/*-----------------
	Colores
-----------------*/

/* .btn-default {
    background-color: #BF0D15;
    color:#fff !important;
}
.btn-default:hover {
    background-color: #a50e19;
    color:#fff !important;
} */

/* Comentamos o "pisará" al hover */
/*
.btn-default:active,
.btn-default:link,
.btn-default:visited,
.btn-default:focus {
    background-color: #BF0D15;
    color:#fff !important;
}
*/

.btn-secondary {
    background-color: #FFE62D;
    color:#333 !important;
}
.btn-secondary:hover {
    background-color: #e5c314;
}

.btn-rojo {
    color: white;
    background-color: #fc5353;
}

.btn-rojo:hover {
    background-color: #E52D2D;
}

.btn-gris {
    color: white;
    background-color: #686868;
}

.btn-gris:hover {
    background-color: #5D5A5A;
}

.btn-negro {
    color: white;
    background-color: #333;
}

.btn-negro:hover {
    background-color: #000;
}


/*-----------------
	Tipología
-----------------*/


/** flat **/

.flat-buttons.btn-default {
    background-color: transparent !important;
    color: #BF0D15 !important;
}

.flat-buttons.btn-default:hover {
    background-color: transparent !important;
    color: #a50e19 !important;
}

.btn-default.waves-effect .waves-ripple {
    background: rgba(190, 13, 21, 0.2);
    background: -webkit-radial-gradient(rgba(190, 13, 21, 0.2) 0, rgba(190, 13, 21, 0.3) 40%, rgba(190, 13, 21, 0.4) 50%, rgba(190, 13, 21, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(190, 13, 21, 0.2) 0, rgba(190, 13, 21, 0.3) 40%, rgba(190, 13, 21, 0.4) 50%, rgba(190, 13, 21, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(190, 13, 21, 0.2) 0, rgba(190, 13, 21, 0.3) 40%, rgba(190, 13, 21, 0.4) 50%, rgba(190, 13, 21, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(190, 13, 21, 0.2) 0, rgba(190, 13, 21, 0.3) 40%, rgba(190, 13, 21, 0.4) 50%, rgba(190, 13, 21, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.flat-buttons.btn-secondary {
    background-color: transparent !important;
    color: #FFE62D !important;
}

.flat-buttons.btn-secondary:hover {
    background-color: transparent !important;
    color: #e5c314 !important;
}

.btn-secondary.waves-effect .waves-ripple {
    background: rgba(255, 221, 46, 0.2);
    background: -webkit-radial-gradient(rgba(255, 221, 46, 0.2) 0, rgba(255, 221, 46, 0.3) 40%, rgba(255, 221, 46, 0.4) 50%, rgba(255, 221, 46, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 221, 46, 0.2) 0, rgba(255, 221, 46, 0.3) 40%, rgba(255, 221, 46, 0.4) 50%, rgba(255, 221, 46, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 221, 46, 0.2) 0, rgba(255, 221, 46, 0.3) 40%, rgba(255, 221, 46, 0.4) 50%, rgba(255, 221, 46, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 221, 46, 0.2) 0, rgba(255, 221, 46, 0.3) 40%, rgba(255, 221, 46, 0.4) 50%, rgba(255, 221, 46, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.flat-buttons.btn-rojo {
    background-color: transparent !important;
    color: #fc5353 !important;
}

.flat-buttons.btn-rojo:hover {
    background-color: transparent !important;
    color: #E52D2D !important;
}

.btn-rojo.waves-effect .waves-ripple {
    background: rgba(229, 45, 45, 0.2);
    background: -webkit-radial-gradient(rgba(229, 45, 45, 0.2) 0, rgba(229, 45, 45, 0.3) 40%, rgba(229, 45, 45, 0.4) 50%, rgba(229, 45, 45, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(229, 45, 45, 0.2) 0, rgba(229, 45, 45, 0.3) 40%, rgba(229, 45, 45, 0.4) 50%, rgba(229, 45, 45, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(229, 45, 45, 0.2) 0, rgba(229, 45, 45, 0.3) 40%, rgba(229, 45, 45, 0.4) 50%, rgba(229, 45, 45, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(229, 45, 45, 0.2) 0, rgba(229, 45, 45, 0.3) 40%, rgba(229, 45, 45, 0.4) 50%, rgba(229, 45, 45, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.flat-buttons.btn-gris {
    background-color: transparent !important;
    color: #bbb !important;
}

.flat-buttons.btn-gris:hover {
    background-color: transparent !important;
    color: #aaa !important;
}

.flat-buttons.btn-negro {
    background-color: transparent !important;
    color: #333 !important;
}

.flat-buttons.btn-negro:hover {
    background-color: transparent !important;
    color: #000 !important;
}


/** float **/

.float-buttons.btn-default {
    background-color: #BF0D15 !important;
    color: #fff !important;
}

.float-buttons.btn-default:hover {
    background-color: #a50e19 !important;
    color: #fff !important;
}

.float-buttons.btn-secondary {
    background-color: #FFE62D !important;
    color: #333 !important;
}

.float-buttons.btn-secondary:hover {
    background-color: #E5C314 !important;
    color: #333 !important;
}

.float-buttons.btn-rojo {
    background-color: #fc5353 !important;
    color: #fff !important;
}

.float-buttons.btn-rojo:hover {
    background-color: #E52D2D !important;
    color: #fff !important;
}

.float-buttons.btn-gris {
    background-color: #bbb !important;
    color: #333 !important;
}

.float-buttons.btn-gris:hover {
    background-color: #aaa !important;
    color: #333 !important;
}

.float-buttons.btn-negro {
    background-color: #333 !important;
    color: #fff !important;
}

.float-buttons.btn-negro:hover {
    background-color: #000 !important;
    color: #fff !important;
}


/** circle **/

.btn-circle {
    border-radius: 100%;
}

.btn-circle.btn-lg {
    padding: 2rem !important;
}

.btn-circle.btn-md {
    padding: 1.5rem !important;
}

.btn-circle.btn-sm {
    padding: 1rem !important;
}

.btn-circle.btn-xs {
    padding: .7rem !important;
}


/*-----------------
	Tamaño
-----------------*/

.btn-lg {
    font-size: 2.2rem !important;
}

.btn-md {
    font-size: 1.8rem !important;
}

.btn-sm {
    font-size: 1.4rem !important;
}

.btn-xs {
    font-size: 1.2rem !important;
}

.flat-buttons.btn-lg {
    font-size: 2.2rem !important;
}

.flat-buttons.btn-md {
    font-size: 1.8rem !important;
}

.flat-buttons.btn-sm {
    font-size: 1.4rem !important;
}

.flat-buttons.btn-xs {
    font-size: 1.2rem !important;
}

.float-buttons.btn-lg {
    font-size: 2.2rem !important;
}

.float-buttons.btn-md {
    font-size: 1.8rem !important;
}

.float-buttons.btn-sm {
    font-size: 1.4rem !important;
}

.float-buttons.btn-xs {
    font-size: 1.2rem !important;
}


/*-----------------
	Acciones
-----------------*/

.btn-navbar-volver {
    font-size: 1.2rem !important;
    padding: 0px 8px;
    text-transform: uppercase;
}


/*-----------------
	Adjuntos
-----------------*/

.btn-adjunto {
    display:block;
    text-transform:none;
    font-size:13px;
    margin-bottom:10px;
}
.btn-adjunto .glyphicon {
    color:#ccc;
    margin-right:10px;
}