﻿
.responsive-table {
    background-color: #ffffff;
}

    /* used for the table header links */
    .responsive-table th a {
        color: #FFFFFF;
    }

        .responsive-table th a:hover {
            color: #FB4D42;
        }

/* hide the grid header row */
@media (max-width:768px) {
    .responsive-table:first-child th {
        display: none;
    }
}

.responsive-table .empty-data td {
    background-color: #ffffff;
    color: #FB4D42;
}

/* grid-view pager */
.cob-grid-pager table {
    border-spacing: 0;
    padding: 0;
    margin: auto;
}

    .cob-grid-pager table tbody a {
        line-height: 1.42857143;
        text-decoration: none;
        color: #091f2f;
        background-color: #ffffff;
        border: 2px solid #091f2f;
        margin-left: -3px;
        display: block;
        padding: 11px 15px;
        text-align: center;
    }

    .cob-grid-pager table tbody span {
        line-height: 1.42857143;
        text-decoration: none;
        color: #091f2f;
        background-color: #288BE4;
        border: 2px solid #091f2f;
        margin-left: -3px;
        display: block;
        padding: 11px 15px;
        text-align: center;
        font-weight: bold;
    }

    .cob-grid-pager table tbody td {
        padding: 0;
        display: inline-block;
        background-color: #ffffff;
        font-family: Montserrat,Arial,sans-serif;
    }

    .cob-grid-pager table tbody a:hover {
        background-color: #288BE4;
    }

@media (max-width:768px) {
    .cob-grid-pager table tbody a {
        border: none;
    }

    .cob-grid-pager table tbody span {
        border: none;
        background-color: #ffffff;
    }

    .cob-grid-pager table {
        display: initial;
    }

        .cob-grid-pager table tr {
            display: initial;
        }
}
/* end grid pager */

/* next previous pager */
div.cob-nextprevpager {
    margin-top: 20px;
    text-align: center;
    border-top: 1px dashed #D2D2D2;
    padding-top: 15px;
}

.cob-nextprevpager span {
    display: block;
}

.cob-nextprevpager a {
    position: relative;
    padding: 3px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #091f2f;
    background-color: #ffffff;
    border: 2px solid #091f2f;
    margin-left: -6px;
    font-family: Montserrat,Arial,sans-serif;
    display: inline-block;
    /*width: 110px;
    padding: 3px 0;*/
}

    .cob-nextprevpager a:hover {
        color: #091f2f;
        background-color: #288BE4;
    }

    .cob-nextprevpager a:disabled {
        cursor: not-allowed;
    }
/* end next previous pager */

/* override the horizontal gray stripe on the table row */
.cob-responsive-table-nostripe tbody tr:nth-child(odd)
{
    background-color: #ffffff;
}

/* data pager styles */
div.cob-pager {
    margin-top: 20px;
}

    div.cob-pager span {
        display: table;
        margin: 0 auto;

    }

    div.cob-pager a {
        position: relative;
        float: left;
        padding: 11px 15px;
        line-height: 1.42857143;
        text-decoration: none;
        color: #091f2f;
        background-color: #ffffff;
        border: 2px solid #091f2f;
        margin-left: -3px;
        font-family: Montserrat,Arial,sans-serif;
    }

    div.cob-pager span span {
        position: relative;
        float: left;
        padding: 11px 15px;
        line-height: 1.42857143;
        text-decoration: none;
        margin-left: -3px;
        z-index: 2;
        color: #091f2f;
        background-color: #288BE4;
        border: 2px solid #091f2f;
        cursor: default;
        font-weight: bold;
    }

    div.cob-pager a:hover, span.hover, a:focus, span:focus {
        color: #091f2f;
        background-color: #288BE4;
        border-color: #091f2f;
    }

    div.cob-pager a:hover, a:focus {
        color: #fff;
    }
