/*********************************************/
.btn-tab {
    color: #000;
    /*background-color: #e9ebed;*/
    font-size: 14px;
    font-weight: normal;
    border-radius: 10px 10px 0 0;
    border: 1px solid #9C1F2D;
}

.btn-tab:not(:disabled):not(.disabled):active,
.btn-tab:not(:disabled):not(.disabled).active,
.show > .btn-tab.dropdown-toggle {
    color: #fff;
    background-color: #9C1F2D;
    border: none;
}

/*********************************************/
.btn-bordo {
    color: #FFFFFF;
    background-color: #9C1F2D;
    border-color: #770000;
}

.btn-bordo:hover,
.btn-bordo:focus,
.btn-bordo:active,
.btn-bordo.active,
.open .dropdown-toggle.btn-bordo {
    color: #FFFFFF;
    background-color: #770000;
    border-color: #770000;
}

.btn-bordo:active,
.btn-bordo.active,
.open .dropdown-toggle.btn-bordo {
    background-image: none;
}

.btn-bordo.disabled,
.btn-bordo[disabled],
fieldset[disabled] .btn-bordo,
.btn-bordo.disabled:hover,
.btn-bordo[disabled]:hover,
fieldset[disabled] .btn-bordo:hover,
.btn-bordo.disabled:focus,
.btn-bordo[disabled]:focus,
fieldset[disabled] .btn-bordo:focus,
.btn-bordo.disabled:active,
.btn-bordo[disabled]:active,
fieldset[disabled] .btn-bordo:active,
.btn-bordo.disabled.active,
.btn-bordo[disabled].active,
fieldset[disabled] .btn-bordo.active {
    background-color: #9C1F2D;
    border-color: #770000;
}

.btn-bordo .badge {
    color: #9C1F2D;
    background-color: #FFFFFF;
}

.btn-outline-bordo {
    color: #9C1F2D;
    background-color: #FFFFFF;
    border-color: #9C1F2D;
}

.btn-outline-bordo:hover,
.btn-outline-bordo:focus,
.btn-outline-bordo:active,
.btn-outline-bordo.active
{
    color: #FFFFFF;
    background-color: #9C1F2D;
    border-color: #9C1F2D;
}

.btn-outline-bordo:active,
.btn-outline-bordo.active,
.open .dropdown-toggle.btn-outline-bordo {
    background-image: none;
}

.btn-outline-bordo.disabled,
.btn-outline-bordo[disabled],
fieldset[disabled] .btn-outline-bordo,
.btn-outline-bordo.disabled:hover,
.btn-outline-bordo[disabled]:hover,
fieldset[disabled] .btn-outline-bordo:hover,
.btn-outline-bordo.disabled:focus,
.btn-outline-bordo[disabled]:focus,
fieldset[disabled] .btn-outline-bordo:focus,
.btn-outline-bordo.disabled:active,
.btn-outline-bordo[disabled]:active,
fieldset[disabled] .btn-outline-bordo:active,
.btn-outline-bordo.disabled.active,
.btn-outline-bordo[disabled].active,
fieldset[disabled] .btn-outline-bordo.active {
    background-color: #FFFFFF;
    border-color: #9C1F2D;
}

.btn-outline-bordo .badge {
    color: #FFFFFF;
    background-color: #9C1F2D;
}

/* Social link footer */
/* Style all font awesome icons */
.social-link .fab {
    padding: 12px;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    color: #FFFFFF;
}

@media (max-width: 991px) {
    .social-link .fab {
        padding: 10px;
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .social-link .fab {
        padding: 8px;
        font-size: 16px;
    }
}

/* Add a hover effect if you want */
.social-link .fab:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */
/* Facebook */
.social-link .fa-facebook {
    background: #3B5998;
}

/* Twitter */
.social-link .fa-twitter {
    background: #55ACEE;
}

/* Telegram */
.social-link .fa-telegram {
    background: #0088CC;
}

/* YouTube */
.social-link .fa-youtube {
    background: #bb0000;
}

/* Instagram */
.social-link .fa-instagram {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.social.facebook {
    background: #3b5998;
    color: #FFFFFF;
}

.social.twitter {
    background: #00aced;
    color: #FFFFFF;
}

.social.linkedin {
    background: #4875b4;
    color: #FFFFFF;
}

.social.google-plus {
    background: #d34836;
    color: #FFFFFF;
}