/* 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 { border-top: 1px solid rgba(217,222,225,1); font-size: 16px; line-height: 25px; padding: 9px 10px 6px 10px; text-align: left; vertical-align: top; } .table th { background: rgba(236,238,241,1); color: rgba(71,74,84,1); font-size: 14px; font-weight: bold; } .table th a { color: rgba(71,74,84,1); } .table th a:hover { text-decoration: underline; } .table thead th { vertical-align: bottom; } .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(217,222,225,1); } .table .table { background: rgba(255,255,255,1); } .table-condensed th, .table-condensed td { font-size: 14px; padding: 5px 5px 3px 5px; } .table-condensed th { font-size: 12px; padding: 5px; } .table-bordered { border: 1px solid rgba(217,222,225,1); border-collapse: separate; border-left: 0; } .table-bordered th, .table-bordered td { border-left: 1px solid rgba(217,222,225,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(246,247,249,1); } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background: rgba(240,241,244,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(217,222,225,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; } }