@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
select[name*="[table_class]"] option,
select[name$="[tx_nbfluidtemplates_headerFontColor]"] option,
select[name$="[tx_nbfluidtemplates_headerBgColor]"] option,
select[name*="[el][bgColor][vDEF]"] option,
select[name*="[el][btnColor][vDEF]"] option,
select[name*="[el][color][vDEF]"] option,
select[name$="[el][iconColor][vDEF]"] option,
select[name$="[lDEF][bgColor][vDEF]"] option,
select[name$="[lDEF][tsColor][vDEF]"] option,
select[name$="[lDEF][color][vDEF]"] option,
select[name$="[lDEF][btnColor][vDEF]"] option,
select[name$="[lDEF][boxColor][vDEF]"] option,
select[name$="[lDEF][listColor][vDEF]"] option,
select[name$="[el][linkColor][vDEF]"] option,
select[name*="[el][linkColor-"] option,
select[name$="[lDEF][contentColor][vDEF]"] option,
select[name$="[lDEF][headerColor][vDEF]"] option {
  color: #fff; }
  select[name*="[table_class]"] option[value=""],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value=""],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value=""],
  select[name*="[el][bgColor][vDEF]"] option[value=""],
  select[name*="[el][btnColor][vDEF]"] option[value=""],
  select[name*="[el][color][vDEF]"] option[value=""],
  select[name$="[el][iconColor][vDEF]"] option[value=""],
  select[name$="[lDEF][bgColor][vDEF]"] option[value=""],
  select[name$="[lDEF][tsColor][vDEF]"] option[value=""],
  select[name$="[lDEF][color][vDEF]"] option[value=""],
  select[name$="[lDEF][btnColor][vDEF]"] option[value=""],
  select[name$="[lDEF][boxColor][vDEF]"] option[value=""],
  select[name$="[lDEF][listColor][vDEF]"] option[value=""],
  select[name$="[el][linkColor][vDEF]"] option[value=""],
  select[name*="[el][linkColor-"] option[value=""],
  select[name$="[lDEF][contentColor][vDEF]"] option[value=""],
  select[name$="[lDEF][headerColor][vDEF]"] option[value=""] {
    background: #000; }
  select[name*="[table_class]"] option[value$="light"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="light"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="light"],
  select[name*="[el][bgColor][vDEF]"] option[value$="light"],
  select[name*="[el][btnColor][vDEF]"] option[value$="light"],
  select[name*="[el][color][vDEF]"] option[value$="light"],
  select[name$="[el][iconColor][vDEF]"] option[value$="light"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="light"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="light"],
  select[name$="[lDEF][color][vDEF]"] option[value$="light"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="light"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="light"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="light"],
  select[name$="[el][linkColor][vDEF]"] option[value$="light"],
  select[name*="[el][linkColor-"] option[value$="light"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="light"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="light"] {
    background: #D9DADE;
    color: #000; }
  select[name*="[table_class]"] option[value$="dark"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="dark"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="dark"],
  select[name*="[el][bgColor][vDEF]"] option[value$="dark"],
  select[name*="[el][btnColor][vDEF]"] option[value$="dark"],
  select[name*="[el][color][vDEF]"] option[value$="dark"],
  select[name$="[el][iconColor][vDEF]"] option[value$="dark"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="dark"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="dark"],
  select[name$="[lDEF][color][vDEF]"] option[value$="dark"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="dark"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="dark"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="dark"],
  select[name$="[el][linkColor][vDEF]"] option[value$="dark"],
  select[name*="[el][linkColor-"] option[value$="dark"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="dark"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="dark"] {
    background: #1d1d1b; }
  select[name*="[table_class]"] option[value$="white"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="white"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="white"],
  select[name*="[el][bgColor][vDEF]"] option[value$="white"],
  select[name*="[el][btnColor][vDEF]"] option[value$="white"],
  select[name*="[el][color][vDEF]"] option[value$="white"],
  select[name$="[el][iconColor][vDEF]"] option[value$="white"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="white"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="white"],
  select[name$="[lDEF][color][vDEF]"] option[value$="white"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="white"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="white"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="white"],
  select[name$="[el][linkColor][vDEF]"] option[value$="white"],
  select[name*="[el][linkColor-"] option[value$="white"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="white"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="white"] {
    background: #fff;
    color: #000; }
  select[name*="[table_class]"] option[value$="gray"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="gray"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="gray"],
  select[name*="[el][bgColor][vDEF]"] option[value$="gray"],
  select[name*="[el][btnColor][vDEF]"] option[value$="gray"],
  select[name*="[el][color][vDEF]"] option[value$="gray"],
  select[name$="[el][iconColor][vDEF]"] option[value$="gray"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="gray"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="gray"],
  select[name$="[lDEF][color][vDEF]"] option[value$="gray"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="gray"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="gray"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="gray"],
  select[name$="[el][linkColor][vDEF]"] option[value$="gray"],
  select[name*="[el][linkColor-"] option[value$="gray"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="gray"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="gray"] {
    background: #f3f5fd;
    color: #000; }
  select[name*="[table_class]"] option[value$="primary"], select[name*="[table_class]"] option[value$="194673"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="primary"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="194673"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="primary"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="194673"],
  select[name*="[el][bgColor][vDEF]"] option[value$="primary"],
  select[name*="[el][bgColor][vDEF]"] option[value$="194673"],
  select[name*="[el][btnColor][vDEF]"] option[value$="primary"],
  select[name*="[el][btnColor][vDEF]"] option[value$="194673"],
  select[name*="[el][color][vDEF]"] option[value$="primary"],
  select[name*="[el][color][vDEF]"] option[value$="194673"],
  select[name$="[el][iconColor][vDEF]"] option[value$="primary"],
  select[name$="[el][iconColor][vDEF]"] option[value$="194673"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="primary"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="194673"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="primary"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="194673"],
  select[name$="[lDEF][color][vDEF]"] option[value$="primary"],
  select[name$="[lDEF][color][vDEF]"] option[value$="194673"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="primary"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="194673"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="primary"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="194673"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="primary"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="194673"],
  select[name$="[el][linkColor][vDEF]"] option[value$="primary"],
  select[name$="[el][linkColor][vDEF]"] option[value$="194673"],
  select[name*="[el][linkColor-"] option[value$="primary"],
  select[name*="[el][linkColor-"] option[value$="194673"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="primary"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="194673"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="primary"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="194673"] {
    background: #194673; }
  select[name*="[table_class]"] option[value$="secondary"], select[name*="[table_class]"] option[value$="d23946"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="secondary"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="d23946"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="secondary"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="d23946"],
  select[name*="[el][bgColor][vDEF]"] option[value$="secondary"],
  select[name*="[el][bgColor][vDEF]"] option[value$="d23946"],
  select[name*="[el][btnColor][vDEF]"] option[value$="secondary"],
  select[name*="[el][btnColor][vDEF]"] option[value$="d23946"],
  select[name*="[el][color][vDEF]"] option[value$="secondary"],
  select[name*="[el][color][vDEF]"] option[value$="d23946"],
  select[name$="[el][iconColor][vDEF]"] option[value$="secondary"],
  select[name$="[el][iconColor][vDEF]"] option[value$="d23946"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="secondary"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="d23946"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="secondary"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="d23946"],
  select[name$="[lDEF][color][vDEF]"] option[value$="secondary"],
  select[name$="[lDEF][color][vDEF]"] option[value$="d23946"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="secondary"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="d23946"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="secondary"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="d23946"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="secondary"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="d23946"],
  select[name$="[el][linkColor][vDEF]"] option[value$="secondary"],
  select[name$="[el][linkColor][vDEF]"] option[value$="d23946"],
  select[name*="[el][linkColor-"] option[value$="secondary"],
  select[name*="[el][linkColor-"] option[value$="d23946"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="secondary"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="d23946"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="secondary"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="d23946"] {
    background: #d23946; }
  select[name*="[table_class]"] option[value$="tertiary"], select[name*="[table_class]"] option[value$="00808e"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="tertiary"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="00808e"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="tertiary"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="00808e"],
  select[name*="[el][bgColor][vDEF]"] option[value$="tertiary"],
  select[name*="[el][bgColor][vDEF]"] option[value$="00808e"],
  select[name*="[el][btnColor][vDEF]"] option[value$="tertiary"],
  select[name*="[el][btnColor][vDEF]"] option[value$="00808e"],
  select[name*="[el][color][vDEF]"] option[value$="tertiary"],
  select[name*="[el][color][vDEF]"] option[value$="00808e"],
  select[name$="[el][iconColor][vDEF]"] option[value$="tertiary"],
  select[name$="[el][iconColor][vDEF]"] option[value$="00808e"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="tertiary"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="00808e"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="tertiary"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="00808e"],
  select[name$="[lDEF][color][vDEF]"] option[value$="tertiary"],
  select[name$="[lDEF][color][vDEF]"] option[value$="00808e"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="tertiary"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="00808e"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="tertiary"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="00808e"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="tertiary"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="00808e"],
  select[name$="[el][linkColor][vDEF]"] option[value$="tertiary"],
  select[name$="[el][linkColor][vDEF]"] option[value$="00808e"],
  select[name*="[el][linkColor-"] option[value$="tertiary"],
  select[name*="[el][linkColor-"] option[value$="00808e"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="tertiary"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="00808e"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="tertiary"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="00808e"] {
    background: #00808e; }
  select[name*="[table_class]"] option[value$="quaternary"], select[name*="[table_class]"] option[value$="f3f0ed"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="quaternary"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="f3f0ed"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="quaternary"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="f3f0ed"],
  select[name*="[el][bgColor][vDEF]"] option[value$="quaternary"],
  select[name*="[el][bgColor][vDEF]"] option[value$="f3f0ed"],
  select[name*="[el][btnColor][vDEF]"] option[value$="quaternary"],
  select[name*="[el][btnColor][vDEF]"] option[value$="f3f0ed"],
  select[name*="[el][color][vDEF]"] option[value$="quaternary"],
  select[name*="[el][color][vDEF]"] option[value$="f3f0ed"],
  select[name$="[el][iconColor][vDEF]"] option[value$="quaternary"],
  select[name$="[el][iconColor][vDEF]"] option[value$="f3f0ed"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="quaternary"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="f3f0ed"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="quaternary"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="f3f0ed"],
  select[name$="[lDEF][color][vDEF]"] option[value$="quaternary"],
  select[name$="[lDEF][color][vDEF]"] option[value$="f3f0ed"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="quaternary"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="f3f0ed"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="quaternary"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="f3f0ed"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="quaternary"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="f3f0ed"],
  select[name$="[el][linkColor][vDEF]"] option[value$="quaternary"],
  select[name$="[el][linkColor][vDEF]"] option[value$="f3f0ed"],
  select[name*="[el][linkColor-"] option[value$="quaternary"],
  select[name*="[el][linkColor-"] option[value$="f3f0ed"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="quaternary"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="f3f0ed"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="quaternary"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="f3f0ed"] {
    background: #f3f0ed;
    color: #000; }
  select[name*="[table_class]"] option[value$="success"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="success"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="success"],
  select[name*="[el][bgColor][vDEF]"] option[value$="success"],
  select[name*="[el][btnColor][vDEF]"] option[value$="success"],
  select[name*="[el][color][vDEF]"] option[value$="success"],
  select[name$="[el][iconColor][vDEF]"] option[value$="success"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="success"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="success"],
  select[name$="[lDEF][color][vDEF]"] option[value$="success"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="success"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="success"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="success"],
  select[name$="[el][linkColor][vDEF]"] option[value$="success"],
  select[name*="[el][linkColor-"] option[value$="success"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="success"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="success"] {
    background: #198754; }
  select[name*="[table_class]"] option[value$="warning"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="warning"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="warning"],
  select[name*="[el][bgColor][vDEF]"] option[value$="warning"],
  select[name*="[el][btnColor][vDEF]"] option[value$="warning"],
  select[name*="[el][color][vDEF]"] option[value$="warning"],
  select[name$="[el][iconColor][vDEF]"] option[value$="warning"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="warning"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="warning"],
  select[name$="[lDEF][color][vDEF]"] option[value$="warning"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="warning"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="warning"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="warning"],
  select[name$="[el][linkColor][vDEF]"] option[value$="warning"],
  select[name*="[el][linkColor-"] option[value$="warning"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="warning"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="warning"] {
    background: #ffe000;
    color: #000; }
  select[name*="[table_class]"] option[value$="info"],
  select[name$="[tx_nbfluidtemplates_headerFontColor]"] option[value$="info"],
  select[name$="[tx_nbfluidtemplates_headerBgColor]"] option[value$="info"],
  select[name*="[el][bgColor][vDEF]"] option[value$="info"],
  select[name*="[el][btnColor][vDEF]"] option[value$="info"],
  select[name*="[el][color][vDEF]"] option[value$="info"],
  select[name$="[el][iconColor][vDEF]"] option[value$="info"],
  select[name$="[lDEF][bgColor][vDEF]"] option[value$="info"],
  select[name$="[lDEF][tsColor][vDEF]"] option[value$="info"],
  select[name$="[lDEF][color][vDEF]"] option[value$="info"],
  select[name$="[lDEF][btnColor][vDEF]"] option[value$="info"],
  select[name$="[lDEF][boxColor][vDEF]"] option[value$="info"],
  select[name$="[lDEF][listColor][vDEF]"] option[value$="info"],
  select[name$="[el][linkColor][vDEF]"] option[value$="info"],
  select[name*="[el][linkColor-"] option[value$="info"],
  select[name$="[lDEF][contentColor][vDEF]"] option[value$="info"],
  select[name$="[lDEF][headerColor][vDEF]"] option[value$="info"] {
    background: #b9e4e580;
    color: #000; }

input.nbfluidtemplates_table_highlight + label {
  font-weight: normal;
  margin: 2px 0 0 5px;
  vertical-align: top; }
input.nbfluidtemplates_table_highlight:checked + label {
  color: #000;
  font-weight: bold; }

td.nbfluidtemplates_table_col {
  text-align: center; }

button#fceTableUpdate + i {
  font-size: 20px;
  margin-left: 5px;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s; }
  button#fceTableUpdate + i.opacity-100 {
    opacity: 1; }

table.fce-table tbody > tr:nth-child(odd) {
  background: #eee; }
table.fce-table tbody th, table.fce-table tbody td {
  padding: 20px 10px; }
table.fce-table tbody td label {
  margin: 2px 0 0 5px;
  vertical-align: top;
  font-weight: normal; }
table.fce-table tbody td textarea {
  width: 275px;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s; }
table.fce-table-color- input.fce-table-highlight:checked + label + div textarea {
  background: rgba(0, 0, 0, 0.75);
  color: #fff; }
table.fce-table-color-primary input.fce-table-highlight:checked + label + div textarea {
  background: rgba(25, 70, 115, 0.75);
  color: #fff; }
table.fce-table-color-secondary input.fce-table-highlight:checked + label + div textarea {
  background: rgba(210, 57, 70, 0.75); }
table.fce-table-color-tertiary input.fce-table-highlight:checked + label + div textarea {
  background: rgba(0, 128, 142, 0.75);
  color: #fff; }
table.fce-table-color-quaternary input.fce-table-highlight:checked + label + div textarea {
  background: rgba(243, 240, 237, 0.75);
  color: #fff; }

div#fce-table-ckeditor {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(51, 51, 51, 0.75); }
  div#fce-table-ckeditor.show {
    visibility: visible;
    opacity: 1; }
  div#fce-table-ckeditor div.form-section {
    position: absolute;
    border: none;
    background: none;
    padding: 0;
    width: 1000px;
    height: 500px;
    left: calc(50% - 500px);
    top: 200px; }
    div#fce-table-ckeditor div.form-section div.form-wizards-element > div {
      width: 100% !important; }
    div#fce-table-ckeditor div.form-section button#fce-table-copy-to-cell {
      margin-right: 10px; }

select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"],
select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] {
  max-height: 480px; }
  select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option,
  select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option {
    position: relative;
    font-family: "Poppins";
    font-size: 14px; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="text-primary"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="text-primary"] {
      background: #194673;
      color: #fff; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="text-secondary"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="text-secondary"] {
      background: #d23946;
      color: #fff; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="text-tertiary"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="text-tertiary"] {
      background: #00808e;
      color: #fff; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="text-quaternary"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="text-quaternary"] {
      background: #f3f0ed; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="fs-9"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="fs-9"] {
      font-size: 1.5rem; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="fs-8"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="fs-8"] {
      font-size: .8125rem; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="fs-7"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="fs-7"] {
      font-size: .9375remrem; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="fs-6"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="fs-6"] {
      font-size: 1rem; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="withicon"]:before,
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="withicon"]:before {
      content: url("Images/icon.svg");
      width: 30px;
      display: inline-block;
      margin-right: 5px; }
    select[data-formengine-input-name*="[tx_nbfluidtemplates_headerStyles]"] option[value="zub"],
    select[data-relatedfieldname*="[tx_nbfluidtemplates_headerStyles]"] option[value="zub"] {
      width: 100px;
      hyphens: auto;
      white-space: normal; }

ul.nb-radio-btns {
  list-style: none;
  padding: 0;
  margin-top: 10px; }
  ul.nb-radio-btns li {
    display: inline-block;
    margin-right: 25px; }
    ul.nb-radio-btns li input {
      margin: 0 10px 0 0; }
    ul.nb-radio-btns li label {
      cursor: pointer; }
      ul.nb-radio-btns li label img {
        max-width: 300px; }

div.elementwizard-categories div.item-list {
  grid-template-columns: repeat(3, 1fr); }
  div.elementwizard-categories div.item-list button[data-identifier^="fce_"],
  div.elementwizard-categories div.item-list button[data-identifier^="fceevents_"] {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    padding: 0;
    flex-direction: column;
    justify-content: space-between; }
    div.elementwizard-categories div.item-list button[data-identifier^="fce_"] div.item-icon,
    div.elementwizard-categories div.item-list button[data-identifier^="fceevents_"] div.item-icon {
      padding: 10px; }
      div.elementwizard-categories div.item-list button[data-identifier^="fce_"] div.item-icon typo3-backend-icon,
      div.elementwizard-categories div.item-list button[data-identifier^="fceevents_"] div.item-icon typo3-backend-icon {
        width: 100%;
        height: 150px; }
    div.elementwizard-categories div.item-list button[data-identifier^="fce_"] div.item-body,
    div.elementwizard-categories div.item-list button[data-identifier^="fceevents_"] div.item-body {
      color: #fff;
      padding: 10px;
      text-align: center;
      background: linear-gradient(to top, rgba(25, 70, 115, 0.9) 50%, rgba(25, 70, 115, 0.6) 75%, rgba(25, 70, 115, 0) 100%); }
    div.elementwizard-categories div.item-list button[data-identifier^="fce_"] > div,
    div.elementwizard-categories div.item-list button[data-identifier^="fceevents_"] > div {
      width: 100%; }

span[class*="icon-fce-"].icon-size-medium {
  width: 150px;
  height: 150px;
  transition: 0.5s; }
  span[class*="icon-fce-"].icon-size-medium:hover {
    transform: scale(1.5); }

div.t3-page-ce-element {
  background-color: rgba(25, 70, 115, 0.3);
  border-color: #194673; }
  div.t3-page-ce-element div.t3-page-ce-element {
    background-color: var(--pagemodule-element-bg);
    border-color: var(--pagemodule-element-bg); }

div.fce-table-preview {
  display: inline-block;
  margin-bottom: 30px;
  border-radius: 5px;
  border-width: 1px;
  border-style: dotted;
  border-color: rgba(25, 70, 115, 0.3); }
  div.fce-table-preview table tr th,
  div.fce-table-preview table tr td {
    text-align: center;
    border-width: 1px;
    border-style: dotted;
    border-color: rgba(25, 70, 115, 0.3); }
  div.fce-table-preview table tr th {
    border-top: none; }
    div.fce-table-preview table tr th:first-child {
      border-left: none; }
    div.fce-table-preview table tr th:last-child {
      border-right: none; }
  div.fce-table-preview table tr td:first-child {
    border-left: none; }
  div.fce-table-preview table tr td:last-child {
    border-right: none; }
  div.fce-table-preview table tr:last-child td {
    border-bottom: none; }

div.ck.ck-toolbar {
  background: rgba(25, 70, 115, 0.5);
  border-color: #194673; }
  div.ck.ck-toolbar span.ck.ck-toolbar__separator {
    background: #194673; }

div.ck.ck-editor__main > div.ck-editor__editable:not(.ck-focused) {
  border-color: #194673; }

div[data-id="faIconCke"] div.form-wizards-wrap {
  width: 55px; }
  div[data-id="faIconCke"] div.form-wizards-wrap div.form-wizards-element {
    min-width: 0; }
    div[data-id="faIconCke"] div.form-wizards-wrap div.form-wizards-element div.ck-content {
      height: 75px;
      min-height: 0 !important; }

/*# sourceMappingURL=Backend.css.map */