.statistic-table td, .statistic-table th {
    border: 1px solid rgba(255, 255, 255, 0.56);
}

.statistic-table th {
    padding: 7px;
    border: 2px solid rgba(255, 255, 255, 0.65);
    border-collapse: collapse;
}

.statistic-table tr:hover {
    background-color: rgba(123, 82, 2, 0.78);
}

/* navigation for statistics */
.secnav {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.secnav a {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    color: #f2f2f2;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 10px;
    border: 1px solid darkgray;
    border-radius: 5px;
    margin-right: 10px;
    font-family: 'Montserrat', sans-serif;
}

.active-tab-stats {
    background-color: rgba(106, 106, 106, 0.8) !important;
}

.active-tab-stats:hover {
    background-color: rgba(106, 106, 106, 0.59);
}

@media only screen and (min-width: 1025px) {
    .secnav a {
        font-size: 15px;
    }
    .select-buyerRet {
        width: 200px;
        margin-right: 10px;
    }
    #buyer-retention_filter {
        margin: 0 !important;
        float: left;
    }
    .checkbox-buyerRet {
        margin:auto;
    }

    .pagination-container {
        float: right;
    }

    .length-container {
        float: left;
    }
}

.bought {
    background-color: rgba(78, 146, 6, 0.78);
}

.product-not-bought, .buyer-logged {
    background-color: rgba(239, 211, 33, 0.76);
}

/* basic positioning */
.legend {
    list-style: none;
}

.legend li {
    float: left;
    margin-right: 20px;
}

.legend span {
    border: 1px solid #ccc;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px;
}

/* your colors */
.legend .bought {
    background-color: rgba(78, 146, 6, 0.78)
}

.legend .product-not-bought {
    background-color: rgba(239, 211, 33, 0.76);
}

.select-buyerRet {
    width: 200px;
    margin-bottom: 5px;
    display: inline-block;
}

.statistic-container {
    width: 50%;
}

.statistic-table {
    width: 80%;
}

.column-large {
    max-width: 100px; !important;
    min-width: 100px; !important;
}

.column-small {
    max-width: 10px; !important;
    min-width: 10px; !important;
}


.column-medium {
    max-width: 40px; !important;
    min-width: 40px; !important;
}

#buyer-retention_filter {
    margin-left: 50%;
}
#buyer-retention_length {
    float: left;
}

.pagination-container {
    width: 200px;
    display: inline-block;
}

.length-container {
    width: 200px;
    display: inline-block;
}

.page-item.active .page-link {
    color: #fff !important;
    background-color: #686868 !important;
    border-color: #ffffff !important;
}

.page-link {
    color: #ffffff !important;
    background-color: #000000 !important;
    border: 1px solid #dee2e6 !important;
}

.page-link:hover {
    color: #fff !important;
    background-color: #454545 !important;
}

#buyer-retention_filter>label>input {
    padding: 2px 10px !important;
}

.select-buyer-ret-stat {
    width: 300px;
}

td>.hover-link:hover {
    text-decoration: underline !important;
}

/*#buyer-retention tr > .bought,*/
/*.first-buy {*/
/*    background-color: rgba(0, 204, 255, 0.78);*/
/*}*/
/*#buyer-retention tr > .bought ~ .bought {*/
/*    background-color: rgba(78, 146, 6, 0.78);*/
/*}*/

.first-buy {
    background-color: rgba(0, 204, 255, 0.78) !important;
}
.last-buy {
    background-color: rgba(248, 0, 0, 0.78) !important;
}
.first-buy.last-buy {
    background-color: rgba(248, 128, 0, 0.78) !important;
}