<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*table mobile style*/
@media only screen and (min-width: 0) and (max-width: 768px) {
    #table-jobboard tbody tr td {
        border: none !important;
    }

    #table-jobboard tbody tr {
        border-bottom: 2px solid #d8d8d8 !important;
    }
    #table-jobboard {
    	border-collapse: collapse !important;
    }
}

/*Pager Styles*/
#nav-jobboard {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    #nav-jobboard &gt; li {
        display: inline;
        z-index: 0;
    }

    #nav-jobboard .active {
        border: 1px solid #cd0e13 !important;
        z-index: 3;
    }

    #nav-jobboard &gt; li &gt; a,
    #nav-jobboard &gt; li &gt; span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.428571429;
        text-decoration: none;
        color: #cd0e13;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
	cursor: pointer;
    }

    #nav-jobboard &gt; li:first-child &gt; a,
    #nav-jobboard &gt; li:first-child &gt; span {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    #nav-jobboard &gt; li:last-child &gt; a,
    #nav-jobboard &gt; li:last-child &gt; span {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    #nav-jobboard &gt; li &gt; a:hover,
    #nav-jobboard &gt; li &gt; span:hover {
        z-index: 2;
        color: #cd0e13;
        background-color: #eeeeee;
        border-color: #ddd;
    }
</pre></body></html>