ul.brmc-accordion {
    list-style: none;
    background: #fff;
    padding: 0;
    margin: 0;
    width: 100%
}

ul.brmc-accordion li {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #dcdcdc
}

ul.brmc-accordion li span.title {
    font-weight: 700
}

ul.brmc-accordion li i {
    position: absolute;
    padding-left: 15px;
    top: .75rem
}

ul.brmc-accordion li div.tab-content p {
    display: block;
}

ul.brmc-accordion li i:after, ul.brmc-accordion li i:before {
    content: "";
    position: absolute;
    background-color: #434343;
    width: 3px;
    height: 9px;
    transition: all .25s ease-in-out
}

ul.brmc-accordion li i:before {
    transform: translate(-2px) rotate(-45deg)
}

ul.brmc-accordion li i:after {
    transform: translate(2px) rotate(-135deg)
}

ul.brmc-accordion li h3, ul.brmc-accordion li label.title {
    margin-bottom: 0;
    text-align: center;
    padding: .4rem;
    border-bottom: 1px solid #dcdcdc;
    display: block;
    font-weight: 700;
    font-size: .9rem
}

ul.brmc-accordion li > div, ul.brmc-accordion li > p {
    display: none;
    padding: 1rem
}

ul.brmc-accordion li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 36px;
    z-index: 1;
    opacity: 0
}

ul.brmc-accordion li input[type=checkbox]:checked ~ div, ul.brmc-accordion li input[type=checkbox]:checked ~ p {
    display: block
}

ul.brmc-accordion li input[type=checkbox]:checked ~ h3 i:before {
    transform: translate(-2px) rotate(-135deg)
}

ul.brmc-accordion li input[type=checkbox]:checked ~ h3 i:after {
    transform: translate(-2px) rotate(-45deg)
}

ul.brmc-accordion li input[type=checkbox]:checked ~ label.title i:before {
    transform: translate(-2px) rotate(-135deg)
}

ul.brmc-accordion li input[type=checkbox]:checked ~ label.title i:after {
    transform: translate(-2px) rotate(-45deg)
}

ul.brmc-accordion.dark li label.title {
    color: #fff;
    background: #b0b0b0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.2rem;
    line-height: 1.5rem;
    text-align: left;
    text-transform: capitalize;
    padding: .5rem 1.3rem .5rem .5rem
}

ul.brmc-accordion.dark li i {
    right: 1.5rem
}

ul.brmc-accordion.dark li i:after, ul.brmc-accordion.dark li i:before {
    background-color: #ccc;
    height: 16px;
    transition: all .25s ease-in-out
}

ul.brmc-accordion.dark li i:before {
    transform: translate(-7px) rotate(-45deg)
}

/*table {
    width: 100%;
    max-width: 100%
}

table thead {
    background: #0a0a0a
}

table thead td {
    color: #f1f1f1;
    background: #0a0a0a !important;
    padding: .2rem
}

table thead th {
    color: #f1f1f1;
    background: #0a0a0a;
    padding: .2rem
}

table td, table th {
    font-size: .8rem;
    border-bottom: 1px solid #ccc;
    padding-top: .2rem;
    padding-bottom: .2rem;
    text-align: center
}

table td:nth-child(odd) {
    background: #dedede;
    font-weight: 700;
}

*/

table.dc-table {
    width: 100%;
    max-width: 100%
}

table.dc-table thead {
    background: #0a0a0a
}

table.dc-table thead td {
    color: #f1f1f1;
    background: #0a0a0a !important;
    padding: .2rem
}

table.dc-table thead th {
    color: #f1f1f1;
    background: #0a0a0a;
    padding: .2rem
}

table.dc-table td, table.dc-table th {
    font-size: .8rem;
    border-bottom: 1px solid #ccc;
    padding-top: .2rem;
    padding-bottom: .2rem;
    text-align: center;
}

table.dc-table td:nth-child(odd) {
    background: #dedede;
    font-weight: 700;
}


