:root{--bg-color:#d3eadc;--form-color:#FFF;--form-border-radius:10px;--bg-ok:#a3dd66;--color-ok:#18a30e;--color-selected:#00ff2e;--color-danger:#FF0000}body,html{height:100%;background-color:var(--bg-color);width:100%;padding:0;margin:0}a,a:hover{text-decoration:none;color:#000}.navbar{margin-bottom:2px}.breadcrumb{padding:4px 15px}.form-group{margin-bottom:.1rem}label{margin-bottom:0}.profile-img-card{width:96px;height:96px;margin:0 auto 10px;display:block}table.table-list{color:#000}table.table-list a,table.table-tab-list a{color:#000}table.table-list thead{background-color:#aaa;width:100%}table.table-list tfoot{background-color:#ccc}tfoot a{margin-right:5px}.tb-separator{background-color:#ddd!important}.td_c_s{text-align:center;width:3%}.td_c{text-align:center}.td_l{text-align:left}.w10{width:10%}.table thead th{padding:.25em}.table tbody tr td{vertical-align:middle}table.tb tbody tr td{padding:.1em}.sort-icon{margin-left:5px}.tb-sm{font-size:.8em}.suchform{width:20%;float:right}.std-form{background-color:#fff;border:1px solid #aaa;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.3);padding:.5em}label.lb-pad{margin-right:5px}.btn-xs{padding:5px 8px;font-size:.75rem}.panel-body{padding:5px}.table{margin-bottom:5px}a.underline,a.underline:hover{text-decoration:underline}.iconbar{white-space:nowrap}.iconbar a{margin-right:.75em}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w30{width:30%}.calendar-wrapper{display:flex;justify-content:center;width:100%;margin-top:1em;& table.calendar { width: 100%; thead { font-weight: 700; & th { text-align: center; } & tr.h1 { font-size: 1.5em; text-align: center; } & th.nav{ padding: .05em .25em; font-weight: normal; text-align: center; justify-content: center; } } td { padding: .25em; text-align: center; font-size: 1.1em; & a { padding: .5em; } } & a.disabled { color: #CCC; text-decoration: line-through; } & a.selected { border: 1px solid var(--color-selected); background-color: var(--color-selected); border-radius: 2em; } } & #Times { justify-content: center; position: relative; }}@media only screen and (min-width:992px){.calendar-wrapper{& table.calendar { width: 50%; }}}@media only screen and (max-width:767px){.far,.fas{font-size:1.1em}}.booking-selected-time{background-color:var(--color-selected);color:#000;padding:7px;border:1px solid #ddd;border-radius:14px;font-size:8pt;top:-2px;right:-2px;width:30px;text-align:center}