/* =============================================================================
   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 */
    --p: #b83013;
    --color-primary-hover: #b83013;
    --rr: 8px;
    --bg: transparent;
    --f: 'Marvel', sans-serif 
}

/* marvel-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: 'Marvel';
  font-style: normal;
  font-weight: 400;
  src: url('font/marvel-v17-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;

}

.language-select{
    top: 0px;
   
}
.spinner{
    background: transparent !important;
}