/* Table of Contents ================================================== #Table #Media Queries */ /* #Table ================================================== */ table { background: transparent; border-collapse: collapse; border-spacing: 0; max-width: 100%; } .table { width: 100%; } .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(235,238,240,1); color: rgba(71,74,84,1); font-size: 15px; font-weight: bold; padding: 7px 10px 6px 10px; } .table th a { color: rgba(71,74,84,1); } .table th a:hover { text-decoration: underline; } .table thead th { vertical-align: bottom; } .table th.sort-asc:before { content: "\f155"; float: right; font-family: "Ionicons"; } .table th.sort-desc:before { content: "\f151"; float: right; font-family: "Ionicons"; } .table th.sort-none:before { content: "\f1ac"; float: right; font-family: "Ionicons"; } .table th.sort-asc, .table th.sort-desc, .table th.sort-none { cursor: pointer; } .table th.sort-empty:before { content: ""; } .table th.sort-empty { pointer-events: none; } .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 .table { background: rgba(255,255,255,1); } .table-condensed th, .table-condensed tfoot td { font-size: 12px; 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 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; } /* #Media Queries ================================================== */ @media only screen and (max-width: 767px) { .table-responsive { max-height: 300px; overflow: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid rgba(225,232,237,1); } .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; } }