/* =============================================================================
   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 */
    --f:  'Urbanist', sans-serif!important;
    --bg: transparent;
   
}

/* urbanist-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  src: url('font/urbanist-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.grid-wrapper .default-wrapper input:focus,
#grid-wrapper .textarea-wrapper textarea:focus {
    outline: none;
    border: 0.5px solid #aba9a9;
    border-radius: 6px;
}

.option > .toolhandle.checker{
    display:inline !important;
    opacity:1 !important;
}
.option{
    padding-right: 5rem !important;
}
.option > .toolhandle > div{
   line-height: 2.3;
   margin-left: 0.19rem;

}


#watch .quarter{
    background: white;
}

#watch .booked-message{
    background: white;
}

#grid-wrapper .select-wrapper select{
    background: white;
}

#grid-wrapper .default-wrapper{
    background: white;
}

.field-wrapper{
    background: white;
}

.txfe_confirmSMS{
    border: 2px solid #ddd!important;
}