/* =============================================================================
   TABLEX WIDGET v4.0 - Custom Styles
   
   Nur Brand-Anpassungen und Feld-Visibility hier.
   Alles andere kommt aus default.css
   ============================================================================= */

/* -----------------------------------------------------------------------------
   1. BRAND COLORS & TYPOGRAPHY
   ----------------------------------------------------------------------------- */
:root {
    /* Primary Brand Color */
   --bg:transparent;
    
    /* Optional: Font override */
    /* --f: 'Your Font', sans-serif; */
}
#watch .quarter{
    background: #ffffff;
}
#watch .booked-message{
    background: #ffffff;
}
.field-wrapper{
    background: #ffffff;
}
.field-wrapper.txfe_confirmSMS {
   
    background-color: transparent !important;
    background: transparent !important;
}
.txfe_confirmSMS label{
     color: #666;
}
.subheading{
    font-weight:bold;
    margin:0 auto;
    margin-bottom: 10px;
    
}
.tx_select_container{
    width:100%;
    padding-right:5px;
}
#watch > nav{
    width:100%;
    padding-right:5px;
}
#watch .hour.h-day-active {
  display: inline-flex;
  width: auto;
  margin: 0 4px 4px 0;
  vertical-align: top;
}

#watch .quarter {
  flex: 0 0 auto;
  min-width: 70px;
  max-width: none;
}