:root {
      --ui-primary: #2f6b4a;
      --ui-first-yellow: #faf6e3;
      --ui-hover-bg: #f2f2f2;
      --ui-overlay: rgba(0, 0, 0, 0.6);

      --ui-darktext: #2b2b28;
      --disabled-surface: rgba(186, 186, 186, .32);
      --white: #fff;
      --black: #111;

      --radius: 28px;
      --panel-border-gap: 4px;

      --gradient-ui: linear-gradient(90deg, rgba(214, 152, 58, 1), rgba(240, 212, 138, 1), rgba(214, 152, 58, 1));
      --gradient-simpleui: linear-gradient(90deg, rgba(214, 152, 58, 1) 0%, rgba(240, 212, 138, 1) 100%);
      --gradient-simpleui-vertical: linear-gradient(0deg, rgba(214, 152, 58, 1) 0%, rgba(240, 212, 138, 1) 100%);
      --gradient-primary: linear-gradient(90deg, #faf6e3 0%, #fffbe9 100%);
}

.switcher-contentitems .uk-card-primary p,
.switcher-contentitems .uk-card-primary span,
.switcher-contentitems .uk-card-primary label,
.switcher-contentitems .uk-card-primary input,
.switcher-contentitems .uk-card-primary th,
.switcher-contentitems .uk-card-primary td {
      color: #2b2b28 !important;
}

.gkof-form .uk-radio {
      height: 20px;
      width: 20px;
}

/* Multistep */

.uk-progress {
      background: var(--ui-primary) !important;
}

progress::-webkit-progress-value {
      background: var(--gradient-simpleui) !important;
}

/* Responsive */

@media (max-width: 959px) {
      .uk-table-responsive td::before {
            content: attr(data-label) !important;
            display: inline-block !important;
            font-weight: 600 !important;
            margin-right: 8px !important;
      }
}

@media (max-width: 500px) {
      .formsignature-field {
            flex-direction: column;
            gap: 10px;
      }

      .formsignature-field .uk-button-group {
            position: static;
            display: flex;
            flex-direction: column;
            gap: 10px;
      }

      .formsignature-field .uk-button-group button {
            border-radius: 28px !important;
      }
}

@media (max-width: 420px) {
.formaction-buttons {
display: flex;
      flex-direction: column;
      gap: 10px;
}
}