.start,
.load,
.summary,
.summary-form {
  opacity: 0;
}

.start.active,
.load.active,
.summary.active,
.summary-form.active {
  opacity: 1;
}

.item .access {
  height: 19.5em;
}

.help .access {
  height: 12em;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.app.outdated {
  top: 3em;
}

/* Preloader */
.load-circle {
  animation: load 2s linear infinite;
}

@keyframes load {
  to {
    transform: rotate(360deg);
  }
}

/* Start */
.start.active,
.load.active {
  pointer-events: auto;
}
.select-item.active .radio-checked,
.start-image-item.active {
  opacity: 1;
}
.select-item.active .radio-unchecked {
  opacity: 0;
}
.select-item.active,
.select-item.active .select-radio {
  color: #000000;
}

/* Global */
*:focus {
  outline: none;
}

/* Mobile */
.configurator.open .mobile-overlay {
  display: none;
  pointer-events: auto;
}

@media screen and (max-width: 991px) {
  .configurator.open .mobile-overlay {
    display: block;
    opacity: 1;
  }
  .configurator.open .pane-header,
  .configurator.open .pane,
  .configurator.open .pane-nav,
  .configurator.open .menu-overlay,
  .configurator.open .pane-gradient {
    opacity: 1;
  }
}

@media print {
  .start,
  .load,
  .view,
  .configurator,
  .summary,
  .summary-form,
  .incompatibility {
    display: none;
  }

  .page-print {
    display: block;
  }

  .page-break {
    page-break-inside: avoid;
  }
}

.configurator.open .mobile-overlay,
.configurator.open .pane-header,
.configurator.open .pane,
.configurator.open .pane-nav,
.configurator.open .nav-pane,
.configurator.open .menu-overlay,
.configurator.open .pane-gradient {
  margin-right: 0em;
}

.configurator > * {
  pointer-events: auto;
}

.modal,
.modal-home,
.mobile-overlay,
.configurator,
.help-tooltip,
.nav-pane-tooltip,
.summary,
.start,
.stage,
.summary-form,
.success,
.load,
.summary-button.disable,
.summary-send.active.disable,
.blur {
  pointer-events: none;
}

.blur > .item {
  -webkit-filter: blur(0.15em);
  filter: blur(0.15em);
}

.item.margin-none .tab {
  margin-top: -1.4285714285714286em;
}

.pane-nav-arrow.disable {
  background-color: #000;
  opacity: 0.25;
  pointer-events: none;
}

/* Barra de rolagem customizada */
::-webkit-scrollbar {
  width: 8px;
  padding: 2.5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #000000;
  border-radius: 6px;
  border: white 1px solid;
}

/* Seleção */
::-moz-selection {
  background: #000000;
  color: #ffffff;
}
::selection {
  background: #000000;
  color: #ffffff;
}

/* Pane*/
.pane {
  overflow-y: scroll;
}

.nav-pane-button.active .nav-pane-icon {
  color: #ffffff;
}

/* Menu */
.button-fullscreen.active .button-minimize {
  opacity: 1;
}
.button-fullscreen.active .button-maximize {
  opacity: 0;
}

/* Toggle View */
.toggle-view .toggle-option:nth-of-type(1),
.toggle-view.active .toggle-option:nth-of-type(2) {
  color: #ffffff;
}
.toggle-view .toggle-option:nth-of-type(2),
.toggle-view.active .toggle-option:nth-of-type(1) {
  color: #000000;
}

/* Toggle Option */
.toggle .toggle-option:nth-of-type(1),
.toggle.active .toggle-option:nth-of-type(2) {
  color: #ffffff;
}
.toggle .toggle-option:nth-of-type(2),
.toggle.active .toggle-option:nth-of-type(1) {
  color: #000000;
}
.toggle.active .toggle-select,
.toggle-view.active .toggle-view-select {
  left: 50%;
}

/* Dropdown */
.dropdown.active .dropdown-list {
  max-height: 50em;
}

/* Retract */
.retract.active {
  max-height: 40em;
}
.retract .item {
  border-top-style: solid !important;
}

/* Menu Dropdown */
.menu-dropdown.active .menu-dropdown-list {
  max-height: 20em;
  opacity: 1;
}
.menu-dropdown.active .menu-dropdown-lang {
  opacity: 0;
}
.menu-dropdown.active .menu-dropdown-close {
  opacity: 1;
}

/* Slide */
.slide input[type='range'] {
  padding-right: 1.4285714285714286em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.5357142857142857em 0;
  background-color: transparent;
  -webkit-appearance: none;
  width: 100%;
}
.slide input[type='range']::-webkit-slider-runnable-track {
  background: rgba(255, 255, 255, 1);
  border: 0;
  border-radius: 1.785714285714286em;
  height: 0.3571428571428571em;
  cursor: pointer;
}
.slide input[type='range']::-webkit-slider-thumb {
  margin-top: -0.5357142857142857em;
  width: 1.428571428571429em;
  height: 1.428571428571429em;
  background: #000000;
  border: 0;
  border-radius: 3.571428571428571em;
  cursor: pointer;
  -webkit-appearance: none;
}
.slide input[type='range']::-moz-range-track {
  background: rgba(255, 255, 255, 1);
  border: 0;
  border-radius: 1.785714285714286em;
  height: 0.3571428571428571em;
  cursor: pointer;
}
.slide input[type='range']::-moz-range-thumb {
  width: 1.428571428571429em;
  height: 1.428571428571429em;
  background: #000000;
  border: 0;
  border-radius: 3.571428571428571em;
  cursor: pointer;
}
.slide input[type='range']::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 0.5357142857142857em 0;
  color: transparent;
  height: 0.3571428571428571em;
  cursor: pointer;
}
.slide input[type='range']::-ms-fill-lower {
  background: #fff;
  border: 0;
  border-radius: 3.571428571428571em;
}
.slide input[type='range']::-ms-fill-upper {
  background: rgba(255, 255, 255, 1);
  border: 0;
  border-radius: 3.571428571428571em;
}
.slide input[type='range']::-ms-thumb {
  width: 1.428571428571429em;
  height: 1.428571428571429em;
  background: #000000;
  border: 0;
  border-radius: 3.571428571428571em;
  cursor: pointer;
  margin-top: 0px;
}
.slide input[type='number'] {
  margin-right: 0.35714285714285715em;
  padding-left: 0.35714285714285715em;
  border-style: solid;
  border-width: 1px;
  border-color: #eaeef0;
  height: 2.5em;
  width: 4.5em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #000000;
}

/* Tab */
.tab-menu-item.active {
  border-bottom-color: transparent;
  background-color: #fff;
}
.tab-menu-item.active .stop-wrap {
  background-color: #000;
  color: #fff;
  border-color: #fff;
}
.tab-menu-item.active .stop-position-wrap {
  background-color: #000000;
}

/* Panels */
.tab-menu-item.active .position-wrap,
.tab-option.active .position-wrap {
  color: #ffffff;
  background-color: #000;
  border-color: #000;
}

/* Position */
.position-a.active .position-button,
.position-b.active .position-button,
.position-c.active .position-button,
.tooltip-position-a.active .position-button,
.tooltip-position-b.active .position-button,
.tooltip-position-c.active .position-button,
.tooltip-position-g.active .position-button {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}
.position-a.disable .position-button,
.position-b.disable .position-button,
.position-c.disable .position-button,
.tooltip-position-a.disable .position-button,
.tooltip-position-b.disable .position-button,
.tooltip-position-c.disable .position-button,
.tooltip-position-g.disable .position-button {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.position-a.active img,
.position-b.active img,
.position-c.active img,
.tooltip-position-a.active img,
.tooltip-position-b.active img,
.tooltip-position-c.active img {
  opacity: 1;
}
.pane.platform .access-img,
.pane.platform .a-img,
.pane.platform .b-img,
.pane.platform .c-img {
  display: none;
}
.pane.platform .p-access-img,
.pane.platform .p-a-img,
.pane.platform .p-b-img,
.pane.platform .p-c-img {
  display: block;
}

/* Color */
.color-group-wrap.active {
  width: 100%;
  padding-top: 1.4285714285714286em;
  padding-bottom: 0.7142857142857143em;
  padding-left: 1.4285714285714286em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  border-color: #eaeef0;
  cursor: auto;
}
.color-group-wrap.active .color-group {
  width: 100%;
  height: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-color: rgba(234, 238, 240, 0);
  border-radius: 0%;
}
.color-group-wrap.active .color-group-name {
  margin-top: 0em;
  margin-bottom: 0.7142857142857143em;
}
.color-group-wrap.active .color-group-list {
  width: 100%;
  height: 100%;
  margin-right: 0em;
  margin-bottom: 0em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 1em;
}

.color-group-item {
  pointer-events: none;
  border-color: rgba(0, 158, 249, 0);
}

.color-group-wrap.active .color-group-item,
.warning {
  pointer-events: auto;
}

.color-group-item.active {
  border-color: rgba(0, 158, 249, 0);
}

.color-group-wrap.active .color-group-item.active {
  border-color: #000000;
}

.color-group-wrap.active .color-code {
  opacity: 0.5;
}

.color-item-wrap.active .color-item {
  border-color: #000000;
  border-width: 2px;
}

/* Help */
a.help:focus .help-tooltip {
  opacity: 1;
}
a.help:focus .help-icon {
  color: #000000;
}

/* Checkbox */
.check-item.active {
  color: #000000;
}
.check-item.active .check-icon {
  opacity: 1;
}

/* Summary */
.summary.active,
.summary-form.active,
.success.active,
.modal.active,
.modal-home.active {
  pointer-events: auto;
}

/* Tooltip */
.nav-pane-button:hover .nav-pane-tooltip {
  opacity: 1;
}

/* Group */
.tab-pane .item:nth-of-type(1),
.group .item:nth-of-type(1) {
  border-top-style: none;
}

/* Share */
.share.active .share-list {
  max-height: 30em;
  opacity: 1;
}
.share.active .share-toggle {
  color: #ffffff;
  background-color: #000000;
}
.share.active .share-icon {
  opacity: 0;
}
.share.active .share-close {
  opacity: 1;
}

.group .color {
  font-size: 0.9em;
}

.group .color-group-wrap.active .color-group-list {
  font-size: 0.95em;
}

/* Form */
.form-slider.active .form-content {
  left: -100%;
}