.section.reservations {margin-top: 0;margin-bottom: 0;max-width: 1920px;margin: 0 auto;width: 100%;padding-top: 3.0625rem;padding-bottom: 3.0625rem;background: var(--light); } .section.reservations.section-last {margin-bottom: -1.875rem; } .section.reservations .nav-tabs {margin-bottom: 0;border-bottom: solid 1px var(--primary); } @media (min-width: 768px) {.section.reservations .nav-tabs {lex-wrap: nowrap;} } .section.reservations .nav-tabs .nav-item {flex-basis: 13%; } .section.reservations .nav-tabs .nav-link {display: flex;align-items: center;justify-content: center;flex-direction: column;background: rgba(239, 239, 239, 0.75);border: solid 1px rgba(239, 239, 239, 0.75);border-bottom: 0;padding: 0.625rem;text-transform: uppercase; } .section.reservations .nav-tabs .nav-link small {display: block;font-size: 1rem;line-height: 0.9; } .section.reservations .nav-tabs .nav-link.active {background: #fff;border-color: var(--primary);color: var(--body-color);border-bottom: solid 1px #fff;margin-bottom: -1px; } .section.reservations .tab-content {background: #fff;border: solid 1px var(--primary);border-top: 0;min-height: 16.25rem;position: relative;margin-bottom: 3.0625rem; } .section.reservations .tab-content .tab-pane {height: 100%;position: absolute;width: 100%;padding: 1.875rem 0.625rem; } @media (min-width: 768px) {.section.reservations .tab-content .tab-pane {padding: 1.875rem 2.375rem;} } .section.reservations .tab-content .hint {font-size: 0.875rem;text-transform: uppercase;font-weight: bold;position: absolute;bottom: 0.4375rem;right: 3.9375rem; } .section.reservations .tab-content .hint .meter-example {background: var(--primary);display: inline-block;width: 4.1875rem;height: 1.25rem;margin-right: 1.0625rem;position: relative;top: 0.3125rem;border-radius: 0.1875rem; } .section.reservations .tab-content .table-orders .row {margin: 0;position: relative; } .section.reservations .tab-content .table-orders .row.nowrap {flex-wrap: nowrap; } .section.reservations .tab-content .table-orders .col {text-transform: uppercase;font-size: 0.875rem;flex-grow: 0;flex-shrink: 0;padding: 0; } .section.reservations .tab-content .table-orders .col.col-content {border-left: solid 2px #f8f8f8;border-right: solid 2px #f8f8f8;height: 100%; } .section.reservations .tab-content .table-orders .col.col-label {display: flex;flex-direction: column;justify-content: center;padding-bottom: 20px;text-transform: uppercase;font-size: 0.875rem;font-weight: bold;height: 3.4375rem; } .section.reservations .tab-content .table-orders .col.col-head {position: relative;background: #f8f8f8;text-transform: uppercase;font-size: 0.875rem;font-weight: bold;height: 3.4375rem;flex-basis: 7.1428%; } .section.reservations .tab-content .table-orders .col.col-head span {display: flex;align-items: center;justify-content: center;width: 100%;height: 3.4375rem;text-align: center;border-left: solid 2px #fff;border-right: solid 2px #fff; } .section.reservations .tab-content .table-orders .col.col-head span sup {font-size: 60%; } @media (max-width: 370px) {.section.reservations .tab-content .table-orders .col.col-head {font-size: 8px;} } .section.reservations .tab-content .table-orders .col.col-head.col-head-first span {border-left: 0; } .section.reservations .tab-content .table-orders .col.col-head.col-head-last span {border-right: 0; } .section.reservations .tab-content .table-orders .col.col-data {height: 3.4375rem;flex-basis: 7.1428%; } .section.reservations .tab-content .table-orders .col.col-data:after {content: " ";position: absolute;bottom: 0;left: 0;width: 100%;height: 20px;background: #f8f8f8;border-left: solid 2px #fff;border-right: solid 2px #fff; } .section.reservations .tab-content .table-orders .col.col-data.col-data-first {border-left: solid 2px #f8f8f8; } .section.reservations .tab-content .table-orders .col.col-data.col-data-first:after {border-left: 0; } .section.reservations .tab-content .table-orders .col.col-data.col-data-last {border-right: solid 2px #f8f8f8; } .section.reservations .tab-content .table-orders .col.col-data.col-data-last:after {border-right: 0; } .section.reservations .tab-content .table-orders .meter {position: absolute;background: var(--primary);top: 0;height: 35px;border-radius: 0.3125rem; } .section.reservations .tab-content .table-orders .meter[data-length="0.25"] {width: calc(0.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="0.5"] {width: calc(0.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="0.75"] {width: calc(0.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="1"] {width: calc(1 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="1.25"] {width: calc(1.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="1.5"] {width: calc(1.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="1.75"] {width: calc(1.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="2"] {width: calc(2 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="2.25"] {width: calc(2.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="2.5"] {width: calc(2.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="2.75"] {width: calc(2.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="3"] {width: calc(3 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="3.25"] {width: calc(3.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="3.5"] {width: calc(3.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="3.75"] {width: calc(3.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="4"] {width: calc(4 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="4.25"] {width: calc(4.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="4.5"] {width: calc(4.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="4.75"] {width: calc(4.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="5"] {width: calc(5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="5.25"] {width: calc(5.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="5.5"] {width: calc(5.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="5.75"] {width: calc(5.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="6"] {width: calc(6 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="6.25"] {width: calc(6.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="6.5"] {width: calc(6.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="6.75"] {width: calc(6.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="7"] {width: calc(7 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="7.25"] {width: calc(7.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="7.5"] {width: calc(7.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="7.75"] {width: calc(7.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="8"] {width: calc(8 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="8.25"] {width: calc(8.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="8.5"] {width: calc(8.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="8.75"] {width: calc(8.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="9"] {width: calc(9 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="9.25"] {width: calc(9.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="9.5"] {width: calc(9.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="9.75"] {width: calc(9.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="10"] {width: calc(10 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="10.25"] {width: calc(10.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="10.5"] {width: calc(10.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="10.75"] {width: calc(10.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="11"] {width: calc(11 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="11.25"] {width: calc(11.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="11.5"] {width: calc(11.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="11.75"] {width: calc(11.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="12"] {width: calc(12 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="12.25"] {width: calc(12.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="12.5"] {width: calc(12.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="12.75"] {width: calc(12.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="13"] {width: calc(13 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="13.25"] {width: calc(13.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="13.5"] {width: calc(13.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="13.75"] {width: calc(13.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="14"] {width: calc(14 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="14.25"] {width: calc(14.25 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="14.5"] {width: calc(14.5 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="14.75"] {width: calc(14.75 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-length="15"] {width: calc(15 * 7.1428% - 2px); } .section.reservations .tab-content .table-orders .meter[data-start="7"] {left: calc(0 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="7.25"] {left: calc(0.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="7.5"] {left: calc(0.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="7.75"] {left: calc(0.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="8"] {left: calc(1 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="8.25"] {left: calc(1.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="8.5"] {left: calc(1.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="8.75"] {left: calc(1.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="9"] {left: calc(2 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="9.25"] {left: calc(2.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="9.5"] {left: calc(2.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="9.75"] {left: calc(2.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="10"] {left: calc(3 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="10.25"] {left: calc(3.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="10.5"] {left: calc(3.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="10.75"] {left: calc(3.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="11"] {left: calc(4 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="11.25"] {left: calc(4.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="11.5"] {left: calc(4.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="11.75"] {left: calc(4.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="12"] {left: calc(5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="12.25"] {left: calc(5.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="12.5"] {left: calc(5.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="12.75"] {left: calc(5.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="13"] {left: calc(6 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="13.25"] {left: calc(6.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="13.5"] {left: calc(6.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="13.75"] {left: calc(6.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="14"] {left: calc(7 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="14.25"] {left: calc(7.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="14.5"] {left: calc(7.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="14.75"] {left: calc(7.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="15"] {left: calc(8 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="15.25"] {left: calc(8.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="15.5"] {left: calc(8.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="15.75"] {left: calc(8.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="16"] {left: calc(9 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="16.25"] {left: calc(9.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="16.5"] {left: calc(9.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="16.75"] {left: calc(9.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="17"] {left: calc(10 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="17.25"] {left: calc(10.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="17.5"] {left: calc(10.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="17.75"] {left: calc(10.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="18"] {left: calc(11 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="18.25"] {left: calc(11.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="18.5"] {left: calc(11.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="18.75"] {left: calc(11.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="19"] {left: calc(12 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="19.25"] {left: calc(12.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="19.5"] {left: calc(12.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="19.75"] {left: calc(12.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="20"] {left: calc(13 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="20.25"] {left: calc(13.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="20.5"] {left: calc(13.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="20.75"] {left: calc(13.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="21"] {left: calc(14 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="21.25"] {left: calc(14.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="21.5"] {left: calc(14.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="21.75"] {left: calc(14.75 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="22"] {left: calc(15 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="22.25"] {left: calc(15.25 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="22.5"] {left: calc(15.5 * 7.1428%); } .section.reservations .tab-content .table-orders .meter[data-start="22.75"] {left: calc(15.75 * 7.1428%); }