/* SGA Sydjysk Glas Theme */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
#root{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background-color: transparent;
  --sb-primary-button-background-color: #A2C037;
  --sb-primary-button-hover-background-color: #C2E642;
  --sb-primary-button-border-radius: 0;
  --sb-primary-button-focus-glow-color: rgba(162,192,55,0.30);
  --glow-primary: 0 0 0.5rem 0 var(--sb-primary-button-focus-glow-color), 0 0 0.125rem 0 var(--sb-primary-button-focus-glow-color), 0 0 0.25rem 0 var(--sb-primary-button-focus-glow-color);
  --sb-secondary-button-background-color: #A2C037;
  --sb-secondary-button-hover-background-color: #C2E642;
  --sb-secondary-button-border-radius: 0;
  --sb-secondary-button-focus-glow-color: rgba(162,192,55,0.30);
  --glow-secondary: 0 0 0.5rem 0 var(--sb-secondary-button-focus-glow-color), 0 0 0.125rem 0 var(--sb-secondary-button-focus-glow-color), 0 0 0.25rem 0 var(--sb-secondary-button-focus-glow-color);
  --sb-text-link-color: #A2C037;
  --sb-text-link-hover-color: #C2E642;
  --sb-accent-theme-background-color: rgba(162,192,55,.075);
  --sb-accent-theme-color: #A2C037;
  --sb-accent-theme-item-border-radius: 0;
  --sb-accent-theme-item-hover-text-color: var(--sb-accent-theme-color);
  --sb-accent-theme-item-hover-border-color: var(--sb-accent-theme-color);
  --sb-accent-theme-item-active-background-color: rgba(162,192,55,0.05);
  --sb-accent-theme-item-active-text-color: var(--sb-accent-theme-color);
  --sb-accent-theme-item-active-border-color: var(--sb-accent-theme-color);
  --sb-nav-item-background-color: transparent;
  --sb-nav-item-border-color: transparent;
  --sb-nav-item-border-radius: 0;
  --sb-nav-item-hover-background-color: transparent;
  --sb-nav-item-hover-text-color: #A2C037;
  --sb-nav-item-hover-border-color: transparent;
  --sb-nav-item-active-background-color: transparent;
  --sb-nav-item-active-text-color: #A2C037;
  --sb-card-header-background-color: #F7F7F7;
  --sb-card-header-text-color: #212226;
  --sb-card-border-radius: 0;
  --sb-card-header-button-background-color: #A2C037;
  --sb-card-header-button-border-color: transparent;
  --sb-card-header-button-hover-background-color: #C2E642;
  --sb-input-border-radius: 0;
  --sb-input-border-color: transparent;
  --sb-input-hover-border-color: transparent;
  --sb-input-focus-border-color: transparent;
}
#root .card .card-header,
#root .footer-nav button:not(.btn-link-danger){font-weight: 600}
#root .nav-bar .designer-steps .nav-item .nav-link:before{content: "";position: absolute;bottom: 0;left: 0;height: 3px;width: 0%;background-color: #A2C037;transition: width .4s ease;-webkit-transition: width .4s ease}
#root .nav-bar .designer-steps .nav-item .nav-link:hover:before,
#root .nav-bar .designer-steps .nav-item .nav-link.active:before{width: 100%}
#root .quote-detail-form input{border-bottom: 1px solid #A2C037;border-radius: 0}
#root .text-edit.input-status-indicator-warn .dx-invalid.dx-state-focused{border-color: transparent}
#root .extra-options-screen .extra-option-container .lite-card .list-group .list-group-item .control-option{ gap:0.5rem; justify-content: flex-start}
#root .extra-options-screen .extra-option-container .lite-card .list-group .list-group-item .control-option .list-item-thumbnail{aspect-ratio: 1/1}
#root .extra-options-screen .extra-option-container .lite-card .list-group .list-group-item .control-option .list-item-thumbnail img{margin-bottom: 0;object-fit: contain !important;aspect-ratio: 1/1}
#root.bp-md .shower-template-screen .shower-attribute-container.shower-attributes-1 .shower-attribute .card-body .list-group .list-group-item:not(.templateCard){max-width: 8rem}