/* Here you can add custom CSS for the current table */ /* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */ /* To prevent the use of styles to other tables use "table#supsystic-table-3-5" as a base selector for example: table#supsystic-table-3-5 { ... } table#supsystic-table-3-5 tbody { ... } table#supsystic-table-3-5 tbody tr { ... } */ .schedule-table { overflow-x: auto; min-height: 0.01%; } #supsystic-plan { width: 100%; max-width: 300px; text-align: center; padding-top: 5px; border: 0px solid #1bdb68; margin: 0 auto 10px auto; } #supsystic-plan #supsystic-header { padding: 0 5px; } #supsystic-plan #supsystic-icon { width: 68px; margin: 0 auto 10px auto; } #supsystic-plan #supsystic-title { font-size: 18px; font-weight: bold; margin-bottom: 24px; } #supsystic-plan p { color: #666; margin-bottom: 24px; } #supsystic-plan .btn { margin: 0 0 24px 0; } #supsystic-plan ul { list-style: none; padding: 0; margin: 0; } #supsystic-plan ul > li { display: block; color: #808080; padding: 10px 15px; border-top: 1px solid #d9d9d9; } #supsystic-plan ul > li strong { color: #000; } #supsystic-table-3 , .schedule-table table { width: 100%; min-width: 940px; background-color: #fff; table-layout: fixed; } table#supsystic-table-3 td, .schedule-table table td { position: relative; padding: 14px 20px; } table#supsystic-table-3 td span, .schedule-table table td span { display: block; } table#supsystic-table-3 td a, .schedule-table table td a { display: inline-block; } table#supsystic-table-3 tr:first-child > td, .schedule-table table tr:first-child > td { padding-top: 62px; padding-bottom: 31px; } table#supsystic-table-3 colgroup col.featured, .schedule-table colgroup col.featured { border: 2px solid #1bdb68; } table#supsystic-table-3 .img-icon, .schedule-table .img-icon { position: absolute; display: block; width: 43px; top: 14px; left: 20px; } table#supsystic-table-3 .img-icon img, .schedule-table .img-icon img { width: 100%; } table#supsystic-table-3 .infinity, .schedule-table .infinity { font-family: Arial; display: inline-block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } table#supsystic-table-3 .infinity:before, .schedule-table .infinity:before { content: "8"; } table#supsystic-table-3 .available, table#supsystic-table-3 .not-available, .schedule-table .available, .schedule-table .not-available { display: inline-block; width: 8px; height: 8px; border-radius: 50%; } table#supsystic-table-3 .not-available, .schedule-table .not-available { background-color: #fd8369; } table#supsystic-table-3 .available, .schedule-table .available { background-color: #1bdb68; } @media screen and (max-width: 991px) { table#supsystic-table-3, .schedule-table { margin-bottom: 18px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } } .text-centertable#supsystic-table-3 .img-icon, .text-center.schedule-table .img-icon { left: 50%; margin-left: -22px; }