/* Table of Contents ================================================== # Table # Media Queries */ /* # Table ================================================== */ table { background: transparent; border-collapse: collapse; border-spacing: 0; max-width: 100%; } .table { width: 100%; } .table caption, .table th, .table td { background: rgba(255,255,255,1); border-top: 1px solid rgba(225,232,237,1); font-size: 16px; line-height: 25px; padding: 9px 10px 6px 10px; text-align: left; vertical-align: middle; } .table th, .table tfoot td { background: rgba(255,255,255,1); border-top-width: 2px; font-size: 14px; font-weight: bold; padding: 7px 10px 7px 10px; } .table th a.active, .table th a:active, .table th a:hover, .table th a:focus { color: rgba(42,44,48,1); } .table th.tablespy-sort-asc:before { content: "\f3d8"; float: right; font-family: "Ionicons"; font-weight: normal; font-style: normal; } .table th.tablespy-sort-desc:before { content: "\f3d0"; float: right; font-family: "Ionicons"; font-weight: normal; font-style: normal; } .table th.tablespy-sort-none:before { content: "\f462"; float: right; font-family: "Ionicons"; font-weight: normal; font-style: normal; } .table th.tablespy-sort-asc, .table th.tablespy-sort-desc, .table th.tablespy-sort-none { cursor: pointer; } .table th.tablespy-sort-empty:before { content: ""; } .table th.tablespy-sort-empty { pointer-events: none; } .table caption { border-bottom: 2px solid rgba(225,232,237,1); border-top: 0; color: rgba(85,94,113,1); font-size: 15px; font-weight: bold; letter-spacing: 1px; padding: 7px 10px 7px 10px; text-transform: uppercase; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid rgba(225,232,237,1); } .table-condensed caption, .table-condensed th, .table-condensed tfoot td { font-size: 13px; padding: 5px; } .table-condensed td { font-size: 14px; padding: 5px 5px 3px 5px; } .table-bordered { border: 1px solid rgba(225,232,237,1); border-collapse: separate; border-left: 0; } .table-bordered caption { border: 1px solid rgba(225,232,237,1); border-bottom-width: 2px; margin-bottom: -1px; } .table-bordered th, .table-bordered td { border-left: 1px solid rgba(225,232,237,1); } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background: rgba(245,248,250,1); } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background: rgba(240,243,245,1); } .table-unbordered, .table-unbordered thead, .table-unbordered tbody, .table-unbordered th, .table-unbordered td { border: 0; } .table-scrollable { height: 300px; overflow: auto; } .table .btn { text-decoration: none !important; text-transform: none !important; } /* # Media Queries ================================================== */ @media only screen and (max-width: 960px) { .table-responsive { border: 1px solid rgba(225,232,237,1); max-height: 300px; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow: scroll; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } }