﻿.documentLibrary { margin: 20px; text-align: center; color: #000; font-weight: 300; }
    .documentLibrary select { height: auto !important; width: 250px; }
.pdf-container { margin-left: 15px; }
    .pdf-container h3 { }
.pdf-description { }
.pdf-list { }
.grid { border-collapse: collapse; }
    .grid th, td { padding: 3px; }

#fileList { min-width: 70%; width: inherit; margin: 20px auto; text-align: left; }
    #fileList tbody { border: 1px solid #ccc; }
        #fileList tbody tr:nth-child(odd) { background: #ccc; }
    #fileList tfoot { text-align: center; font-weight: 700; }
    #fileList thead th:nth-of-type(1), #fileList thead th:nth-of-type(3), #fileList tbody td:nth-of-type(1), #fileList tbody td:nth-of-type(3) { display: none; }

.fileList-footer { height: 40px; }
    .fileList-footer td a { background: #0468b6; padding: 4px; border-radius: 3px; color: #fff; }
        .fileList-footer td a:hover { background: #0450a0; }
    .fileList-footer .selected { background: #f00; padding: 4px; border-radius: 3px; color: #fff; margin-right: 3px; }

.documentFilterWrapper .filter { display: inline-block; margin: 10px; }
.documentFilterWrapper select { color: #000; font-weight: 300; }
.k-button { background: #0468b6; color: #fff; padding: 5px 15px; font-weight: 500; }

.supportType2 { padding: 15px 0 0 !important; }
.sp_supporttypes2 h1 { font-size: 1.5em; font-weight: 700; }
.sp_supporttypes2 img { max-width: 100px; }

.table { border: none; font-family: 'Roboto', Arial, Arial, Helvetica, sans-serif, sans-serif; font-weight: 300; font-size: 14px; }
    .table td { padding: 2px 5px !important; }
        .table td a { text-decoration: none; }
            .table td a:hover { text-decoration: none; color: #f33; font-weight: 400; }
    .table tbody tr:nth-child(odd) { background-color: #ccc; }
    .table > tbody > tr.active > td { background-color: inherit; }
    .table > tbody > tr.active { background-color: #0468b6; color: #fff; }
        .table > tbody > tr.active a { color: #ccc; }
            .table > tbody > tr.active a:hover { color: #f33; font-weight: 400; }
    .table > tbody > tr:hover { background-color: #999; color: #000; }
    .table > thead > tr > th { border: none; }
input[type="button"]:disabled#downloadPdf { background: #ddd; color: #000; }

.gj-grid-select-all::before { content: 'Select'; }

@media all and (min-width: 481px) {
}


@media all and (min-width: 641px) {
    #fileList thead th:nth-of-type(1), #fileList thead th:nth-of-type(3), #fileList tbody td:nth-of-type(1), #fileList tbody td:nth-of-type(3) { display: block; }
}


@media all and (min-width: 769px) {
}

@media all and (min-width: 1001px) {
    #fileList { width: 50%; }
}


@media all and (min-width: 1367px) {
}

@media all and (min-width: 1680px) {
}
