.table {
    border-spacing: 0;
    border-collapse: separate;
    max-width: 95%;
}

.table a {
    color: #161616;
}

.table td {
    text-align: center;
    width: auto;
    padding: 8px 30px;
    font-weight: normal;
    font-size: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.table tr:hover td {
    background-color: rgba(0, 0, 0, 0.15);
}

.table th:first-child {
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
}

.table th:last-child {
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

.table th {
    text-align: center;
    padding: 8px;
    background-color: #65bb06;
    font-weight: bold;
    font-size: 15px;
    color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.table tr {
    height: 10px;
    cursor: pointer;
}

.table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.table tr:nth-child(even) {
    background-color: #fbfbfb;
}

.table tr:nth-child(2n+3) {
    background-color: #f7f7f7;
}

.visible-odd {
    background-color: #fbfbfb !important;
}

.visible-even {
    background-color: #f7f7f7 !important;
}

.visible-last td {
    border-bottom-left-radius: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
    -webkit-border-bottom-right-radius: 10px !important;
}

.left {
    padding-left: 15px !important;
}

.right {
    padding-right: 15px !important;
}

.head-column {
    position: absolute;
    width: 69px !important;
    top: auto;
    left: 0;
}

/* TABLE DESK */
.table-desk-list {
    margin: 0 auto;
    padding-top: 20px;
    min-width: 285px;
    max-width: 100%;
}

/* TABLE DESK ITEM */
.table-desk-item-list {
    padding-top: 20px;
}

.table-desk-item-list th {
    padding: 4px 12px;
    font-size: 13px;
}

.table-desk-item-list td {
    padding: 4px 12px;
    font-size: 13px;
}

@media (max-width: 1250px) {

    .head-column {
        left: 15px;
    }

}

@media (max-width: 980px) {

    /* TABLE DESK ITEM */
    .table-desk-item-list {
        min-width: 100%;
        width: 100%;
    }

}

@media (max-width: 520px) {

    /* TOOLTIP */
    .tooltip .tooltip-text.left {
        transform: translateX(0) translateX(-10px);
        -webkit-transform: translateX(0) translateX(-10px);
        -moz-transform: translateX(0) translateX(-10px);
    }

    .tooltip .tooltip-text.left::after {
        left: 10px;
        right: auto;
    }

    .tooltip .tooltip-text.right {
        transform: translateX(-100%) translateX(10px);
        -webkit-transform: translateX(-100%) translateX(10px);
        -moz-transform: translateX(-100%) translateX(10px);
    }

    .tooltip .tooltip-text.right::after {
        left: auto;
        right: 5px;
    }

    .table-desk-list {
        min-width: 300px;
    }

    .left {
        text-align: left !important;
    }

    .right {
        text-align: right !important;
    }

    .head-column {
        width: 72px !important;
        border-right: 1px solid white;
    }

}

@media (max-width: 340px) {

    .table-desk-list {
        min-width: 100%;
    }

}