/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    border-color: rgba(0,0,0,.3);
    border-bottom: none;
}
.addCardNavTab{
    border:1px solid  rgba(0,0,0,.3);
    border-top: none;
    border-left: none;
    border-right: none;
    width: 99.6%;
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    
    border:1px solid  rgba(0,0,0,.3);
    border-top: none;
}

.nav-link{
    color:#C52110;
}
.nav-link:hover{
    color:#C52110;
}
 /* Estilo del contenedor superior */
.filters-header {
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    margin-bottom: 1rem;
}
.monstertype-filters-header {
    border-radius: 5px;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    margin-bottom: 1rem;
}
#monsterFiltersCollapse{
    margin: 1rem;
}
#genericFiltersCollapse{
    margin: 1rem;
}
#yugiohFiltersCollapse{
    margin: 1rem;
}
.accordion-item {
    border: none;
}

.accordion-collapse {
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 5px;
}

.btn-outline-secondary {
    border-radius: 5px;
}
.secondary-color{
    background-color: #5810c5;
    border-color: #5810c5;
}
.secondary-text-color{
    color: #5810c5;
}
.secondary-hover:hover{
    color: #5810c5!important;
}