﻿
/* data pager styles */
.cob-pager {
}

    .cob-pager td {
        background-color: #fff;
    }

        .cob-pager td table {
            margin: 0 auto;
            border-collapse: collapse;
        }

            .cob-pager td table td {
                font-family: Montserrat,Arial,sans-serif;
                text-decoration: none;
                color: #091f2f;
                border: 2px solid #091f2f !important;
                font-weight: bold;
            }

                .cob-pager td table td:hover {
                    color: #FB4D42;
                }

            .cob-pager td table a {
                color: #091f2f;
            }

            .cob-pager td table span {
                color: #FB4D42;
                padding: 0;
            }

            .cob-pager td table a:hover {
                color: #FB4D42;
            }

@media all and (max-width:768px) {
    .cob-pager td table tr td {
        width: inherit;
        clear: none;
        float: none;
        display: initial;
        text-align: left;
        border: 2px solid #fff !important;
        padding: 8px;
    }
}

/* listview pager styles */
.cob-lv-pager {
    font-family: Montserrat,Arial,sans-serif;
    text-align: center;
}

    .cob-lv-pager span > a {
        padding: 16px 15px;
        padding: 1rem 15px;
        border-top: 2px solid #091f2f;
        border-bottom: 2px solid #091f2f;
        border-left: 2px solid #091f2f;
        display: inline-block;
        background-color: #fff;
        color: #091f2f;
        font-weight: 700;
    }

    .cob-lv-pager span > span {
        padding: 16px 15px;
        padding: 1rem 15px;
        border-top: 2px solid #091f2f;
        border-bottom: 2px solid #091f2f;
        border-left: 2px solid #091f2f;
        display: inline-block;
        background-color: #1871bd;
        color: #fff;
    }

    .cob-lv-pager span > a:last-child {
        border-right: 2px solid #091f2f;
    }

    .cob-lv-pager span > a:hover {
        color: #fb4d42;
    }

.cob-lv-sm-pager span > a, .cob-lv-sm-pager span > span {
    padding: 10px 10px;
    padding: .7rem 10px;
}
/* render table header link as white */
.responsive-table thead tr th a {
    color: #ffffff;
}

    .responsive-table thead tr th a:hover {
        color: #FB4D42;
    }

/* override the transparent background */
.responsive-table tbody tr:nth-child(even) {
    background-color: #fff;
}

/* override the 16px padding in the responsive-table class */
.responsive-table-row--sm tbody tr td {
    padding: 5px 0;
}

@media all and (max-width:768px) {
    .responsive-table-row--sm tbody tr td {
        text-align: left;
    }
}

/* render table header link as white */
.responsive-table tr th a {
    color: #ffffff;
}

    .responsive-table tr th a:hover {
        color: #FB4D42;
    }

.cob-plainpager td table {
    margin: 0 auto;
    border-collapse: collapse;
}

.cob-plainpager td {
    background-color: #fff;
    font-size: 16px;
    padding-left: 4px;
    padding-right: 4px;
}

.highlightOn {
    color: #FB4D42;
    background-color: #D2D2D2 !important;
    cursor: pointer;
    vertical-align: top;
}
