@charset "UTF-8";
/**
 * Clay 3.37.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.37.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
@import "//fonts.googleapis.com/css?family=Lato:300,400,700";
@import "https://use.fontawesome.com/releases/v5.4.1/css/all.css";
.loadingmask-message {
  background: transparent;
  border-width: 0;
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: 1em;
}
.loadingmask-message .loadingmask-message-content {
  -webkit-animation: loading-animation 1.2s infinite ease-out;
  animation: loading-animation 1.2s infinite ease-out;
  background: transparent;
  border-radius: 50%;
  border-width: 0;
  clear: both;
  color: transparent;
  height: 1em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transform: translateZ(0);
  width: 1em;
}

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.portal-iframe #main-content {
  width: 100%;
}

.separator {
  border-top: 1px solid #cdced9;
  clear: both;
  display: block;
  margin: 15px auto;
}

.entry-status {
  border-left: 4px solid transparent;
}

span.alert {
  display: inline-block;
}

.quick-access-nav {
  position: absolute;
  top: -1000px;
  width: 100%;
  z-index: 1000;
}
.quick-access-nav a {
  background: #333;
  background: rgba(51, 51, 51, 0.9);
  border: 1px solid #fff;
  left: 0;
  outline: none;
  padding: 8px;
  position: absolute;
  right: 0;
  text-align: center;
}
.quick-access-nav a:focus {
  color: #fff;
  top: 1000px;
}

@media (max-width: 991.98px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%;
  }
  .responsive-table-horizontal:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .responsive-table-horizontal tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .responsive-table-horizontal tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .responsive-table-horizontal tbody tr td {
    display: block;
    margin-bottom: 20px;
  }
  .responsive-table-horizontal tbody tr td:first-child {
    text-align: left;
  }
  .responsive-table-horizontal thead {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .responsive-table-horizontal thead:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .responsive-table-horizontal thead th {
    display: block;
    margin-bottom: 20px;
    text-align: right;
  }
  .responsive-table-horizontal thead th:first-child {
    text-align: right;
  }
}
.important {
  font-weight: bold;
}

.highlight {
  background: #ffc;
  font-weight: bold;
  margin: 0 1px;
}

.hide {
  display: none !important;
}

.hide-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important;
}

.unselectable,
.unselectable * {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  background: transparent;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  background: transparent;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  border-color: #a6a6a6;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}

.lfr-asset-category-container .no-matches {
  color: #999;
}

.lfr-asset-category-search-container {
  background-color: #d3dadd;
  border-bottom-color: #aeb8bc;
}

.lfr-asset-category-list ul {
  list-style: none;
  margin-top: 4px;
  padding: 0;
}
.lfr-asset-category-list li {
  list-style-type: none;
  margin: 0;
  padding: 0 0 3px 16px;
}
.lfr-asset-category-list span {
  padding-left: 3px;
}
.lfr-asset-category-list a.selected {
  background-color: #eee;
}

.lfr-asset-category-list-container {
  cursor: pointer;
}

.lfr-categories-selector-category-name {
  float: left;
  width: 50%;
}

.lfr-categories-selector-search-results-path {
  color: #575757;
  float: right;
  font-size: 0.9em;
  text-align: right;
  width: 49%;
}

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px;
}
.lfr-asset-column-details .lfr-asset-icon.last {
  border-width: 0;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em;
}
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border: 1px solid transparent;
  margin-bottom: 0;
}
.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block;
}
.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em;
}

.lfr-asset-column-details .lfr-panel.lfr-extended {
  border-color: #ccc;
}

.overlay {
  position: absolute;
}

.overlay-hidden,
.overlaymask-hidden {
  display: none;
}

.form-builder-field {
  background-color: white;
  border: 0.0625rem solid #e7e7ed;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  padding: 0.625rem;
}

.form-builder-placeholder {
  border: 0.0625rem dashed #ccc;
  margin: 0.3125rem;
}

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative;
}
.lfr-form-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.lfr-form-row:hover {
  border: solid #ccc;
  border-width: 1px 0;
  padding-top: 0;
}
.lfr-form-row.lfr-form-row-inline .form-group {
  margin-right: 5px;
}
.lfr-form-row legend .field-label {
  float: left;
  margin-right: 10px;
}
.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}
.lfr-form-row fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px;
}

html:not(#__):not(#___) .overlay-content .open > .cadmin.dropdown-menu {
  display: block;
  position: static;
}

.dropdown.open > .dropdown-menu,
.overlay-content .open > .dropdown-menu {
  display: block;
}

.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-menu .dropdown-item.active {
  pointer-events: initial;
}

.dropdown-toggle:after {
  border-width: 0;
  content: normal;
}

.dropup .dropdown-toggle:after {
  border-width: 0;
  content: normal;
}

.dropdown > .dropdown-menu {
  position: absolute;
}

.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
  background-color: #fff;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::-webkit-input-placeholder {
  color: #a7a9bc;
  font-style: italic;
}
.form-control-inline::placeholder {
  color: #a7a9bc;
  font-style: italic;
}

.form-inline label {
  display: inline-block;
}

.form-search .input-group {
  position: relative;
}
.form-search .input-group.advanced-search .search-query {
  padding-left: 40px;
  z-index: 0;
}
.form-search .input-group.advanced-search .toggle-advanced {
  cursor: pointer;
  left: 0;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 0;
}
.form-search .input-group.advanced-search .toggle-advanced .caret {
  margin-top: 7px;
}
.form-search .input-group.advanced-search .toggle-advanced .icon-search {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .form-search .input-group {
    width: 100%;
  }
  .form-search .input-group .btn {
    clip: rect(0, 0, 0, 0);
    left: -9999px;
    position: absolute;
  }
  .form-search .input-group input.search-query {
    width: 100%;
  }
}

.alert.popup-alert-notice, .alert.popup-alert-warning, .alert.taglib-portal-message {
  left: 0;
  line-height: 30px;
  padding: 9px 14px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}
@media (max-width: 991.98px) {
  .alert.popup-alert-notice, .alert.popup-alert-warning, .alert.taglib-portal-message {
    line-height: 20px;
    margin-bottom: 0;
    padding: 14px 28px;
    position: static;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .alert.popup-alert-notice, .alert.popup-alert-warning, .alert.taglib-portal-message {
    margin: 0 -20px;
  }
}
.alert.lfr-shutdown-message.popup-alert-warning {
  margin: 0;
  position: relative;
}

.definition-of-terms dd:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.definition-of-terms dl {
  margin-left: 0;
}
@media (max-width: 767.98px) {
  .definition-of-terms dl {
    margin-left: 10px;
  }
}
.definition-of-terms dt {
  color: #333;
  font-weight: normal;
  margin-bottom: 2em;
  width: 100%;
  width: 25em;
  word-break: break-word;
}
@media (min-width: 576px) {
  .definition-of-terms dt {
    float: left;
    width: auto;
  }
}

.lfr-code {
  background: #fff;
  border: 1px solid transparent;
  border-color: #777;
  font-family: monospace;
  overflow: hidden;
  overflow-wrap: normal;
  overflow-x: auto;
  white-space: pre;
  word-break: normal;
  word-wrap: normal;
}
.lfr-code table {
  table-layout: auto;
  width: 100%;
}
.lfr-code table tr td.lines, .lfr-code table tr td.line-numbers {
  border-width: 0;
}
.lfr-code table tr td.line-numbers {
  background: #fafafa;
  border-right-width: 1px;
  color: #aaa;
  cursor: default;
  padding: 0 8px;
  text-align: right;
  text-shadow: 1px 1px #fff;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
  width: 1%;
}

.popup-alert-notice .countdown-timer {
  font-size: 1.1em;
  font-weight: bold;
}

.lfr-token {
  background-color: #b3daef;
  border: 1px solid transparent;
  border-color: #5fa8ff;
  color: #444;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin: 0.1em 0.2em;
  padding: 0.3em 0.5em;
  text-decoration: none;
}
.lfr-token:hover {
  background-color: #d1e5ef;
}

.lfr-button {
  background: no-repeat 0 50%;
  padding: 2px 0 2px 20px;
}

.lfr-table {
  border-collapse: collapse;
  clear: both;
}
.lfr-table > tbody > tr > td,
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > td,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > td,
.lfr-table > tfoot > tr > th {
  padding: 0 5px;
  overflow-wrap: break-all;
  word-wrap: break-all;
}
.lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
.lfr-table > tbody > tr > th:first-child,
.lfr-table > tbody > tr > th.first-child,
.lfr-table > thead > tr > td:first-child,
.lfr-table > thead > tr > td.first-child,
.lfr-table > thead > tr > th:first-child,
.lfr-table > thead > tr > th.first-child,
.lfr-table > tfoot > tr > td:first-child,
.lfr-table > tfoot > tr > td.first-child,
.lfr-table > tfoot > tr > th:first-child,
.lfr-table > tfoot > tr > th.first-child {
  padding-left: 0;
}
.lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
.lfr-table > tbody > tr > th:last-child,
.lfr-table > tbody > tr > th.last-child,
.lfr-table > thead > tr > td:last-child,
.lfr-table > thead > tr > td.last-child,
.lfr-table > thead > tr > th:last-child,
.lfr-table > thead > tr > th.last-child,
.lfr-table > tfoot > tr > td:last-child,
.lfr-table > tfoot > tr > td.last-child,
.lfr-table > tfoot > tr > th:last-child,
.lfr-table > tfoot > tr > th.last-child {
  padding-right: 0;
}
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-checkbox-preselected {
  opacity: 0.5;
}

.controls-hidden .lfr-configurator-visibility {
  display: none;
}
.controls-hidden .portlet-topper-toolbar {
  display: none !important;
}

.js .controls-hidden .lfr-meta-actions,
.js .controls-hidden .lfr-configurator-visibility {
  display: none;
}
.js .page-maximized .portlet-topper-toolbar {
  display: block;
}

.lfr-header-row {
  border-bottom-color: #7b7b7b;
}
.lfr-header-row .lfr-search-combobox {
  border-color: #5f5f5f;
}

.lfr-pagination:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.lfr-pagination .dropdown-menu {
  display: none;
}
.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px;
}
.lfr-pagination .lfr-pagination-controls {
  float: left;
}
.lfr-pagination .lfr-pagination-controls .search-results {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  top: 10px;
}
.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  border-width: 0;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.lfr-pagination .lfr-pagination-delta-selector {
  float: left;
}
@media (max-width: 991.98px) {
  .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-pagination .pagination-content {
  float: right;
}

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}
.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
  display: block;
}
.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
  border-bottom-width: 0;
}
.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0;
}
.lfr-panel .toggler-header {
  cursor: pointer;
}

#portlet-set-properties fieldset fieldset legend {
  font-size: 1.1em;
}

.lfr-preview-file {
  position: relative;
}

.lfr-preview-file-content {
  border-bottom: 1px solid transparent;
  border-bottom-color: #6d6d6e;
  padding: 0 0 40px 135px;
  position: relative;
}

.lfr-preview-audio-content,
.lfr-preview-video-content {
  padding-left: 0;
}

.lfr-preview-file-arrow {
  border-radius: 4px;
  height: 52px;
  line-height: 48px;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
}
@media (min-width: 576px) {
  .lfr-preview-file-arrow {
    height: 64px;
    line-height: 60px;
    width: 64px;
  }
}
.lfr-preview-file-arrow.carousel-control {
  background-color: #000;
  background-image: none;
}

.lfr-preview-file-image-current {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
  max-height: 440px;
  max-width: 100%;
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .lfr-preview-file-image-current {
    max-height: 65%;
  }
}

.lfr-preview-file-image {
  display: block;
  margin: 5px;
  width: 100%;
}
.lfr-preview-file-image img {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
  border: 1px solid transparent;
  border-color: #aeb8bc;
  display: inline-block;
  margin: 3px;
  min-height: 40px;
  width: 72px;
}

.lfr-preview-file-image-selected img,
.lfr-preview-file-image:hover img {
  border-color: #00a2ea;
}

.lfr-preview-file-loading-indicator {
  background: #333;
  bottom: 0;
  color: #fff;
  left: 0;
  margin: 2px;
  padding: 2px 5px;
  position: absolute;
}

.lfr-preview-file-image-overlay {
  height: 90%;
  width: 70%;
}
.lfr-preview-file-image-overlay .modal-header {
  min-height: 61px;
}
.lfr-preview-file-image-overlay .modal-header .close {
  font-size: 30px;
}

.lfr-preview-file-image-overlay-controls {
  pointer-events: all;
}
.lfr-preview-file-image-overlay-controls .image-viewer-control.carousel-control.left {
  left: 15px;
}
.lfr-preview-file-image-overlay-controls .image-viewer-control.carousel-control.right {
  right: 25px;
}

textarea.lfr-editor-textarea {
  font-family: monospace;
  height: 100%;
  min-height: 8em;
  min-width: 10em;
  padding: 0;
  width: 100%;
}

.sidebar-sm {
  font-size: 0.875rem;
}
.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-group {
  margin-bottom: 1rem;
}
.sidebar-sm .form-control {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  min-height: auto;
  padding: 0.25rem 0.75rem;
}
.sidebar-sm .form-control.form-control-tag-group {
  height: auto;
}
.sidebar-sm .form-control.form-control-tag-group .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
}
.sidebar-sm .form-control.form-control-tag-group .label {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 0.25rem;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm select.form-control {
  padding-right: 1.6rem;
}
.sidebar-sm select.form-control:not([size]) {
  height: 2rem;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled) {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.15;
  padding: 0.4375rem 0.75rem;
}
.sidebar-sm .btn:not(.btn-unstyled).close {
  padding: 0.4375rem;
}
.sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm {
  height: 2rem;
  padding: 0.1875rem 0;
  width: 2rem;
}
.sidebar-sm .btn.btn-monospaced.input-localized-trigger, .sidebar-sm .btn.btn-monospaced.btn-sm.input-localized-trigger {
  padding: 0;
}
.sidebar-sm .input-group-item .input-group-text {
  font-size: 0.875rem;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sidebar-sm .input-group-item .btn .btn-section {
  font-size: 0.5625rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-spa-loading-bar {
  background: #2fa4f5;
  display: none;
  height: 2px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

.lfr-spa-loading .lfr-spa-loading-bar {
  display: block;
}

.lfr-tags-selector-list {
  border: 0 solid transparent;
  border-width: 0 1px 1px;
  margin-bottom: 0.5em;
}
.lfr-tags-selector-list li.tree-node .tree-node-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lfr-tags-selector-content.has-error .form-feedback-item {
  margin-top: -1.5em;
}
.lfr-tags-selector-content .toolbar {
  position: static;
}
.lfr-tags-selector-content .textboxlistentry-holder li {
  margin: 0 5px 0 0;
}
.lfr-tags-selector-content .textboxlist-input-container input {
  margin: 0;
}
.lfr-tags-selector-content .textboxlist-input-container .textboxlist-content .field-input-text {
  padding: 0;
}

.lfr-tag-selector-popup {
  width: 250px;
}
.lfr-tag-selector-popup label {
  border-bottom: 1px solid #eee;
  cursor: pointer;
  display: block;
  padding: 2px;
  padding-left: 20px;
}
.lfr-tag-selector-popup label input {
  margin-right: 5px;
  vertical-align: middle;
}
.lfr-tag-selector-popup label .lfr-tag-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lfr-tag-selector-popup ul {
  margin: 0;
}
.lfr-tag-selector-popup li li {
  list-style: none;
  margin-left: 1em;
}
.lfr-tag-selector-popup .lfr-tag-selector-search,
.lfr-tag-selector-popup .lfr-tag-selector-input {
  margin-bottom: 0;
}
.lfr-tag-selector-popup .lfr-tag-message {
  display: none;
}
.lfr-tag-selector-popup .no-matches {
  color: #999;
  padding: 3px;
}
.lfr-tag-selector-popup .no-matches .lfr-tag-message {
  display: block;
}

.lfr-translation-manager {
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
  display: inline-block;
  width: auto;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
  float: none;
  padding: 0.4em 0;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
  display: inline;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
  margin: 10px 0;
}
.lfr-translation-manager .lfr-translation-manager-available-translations {
  white-space: normal;
}
.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.3em 0.4em 0.5em;
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation * {
  vertical-align: middle;
}
.lfr-translation-manager .lfr-translation-manager-translation img {
  margin-right: 0.3em;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}
.lfr-translation-manager .lfr-translation-manager-change-default-locale {
  margin: 0 0.4em;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation {
  display: inline-block;
  padding: 0 2px;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
  pointer-events: none;
}

.lfr-tree a {
  text-decoration: none;
}
.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0;
}
.lfr-tree li ul li, .lfr-tree li.tree-item {
  padding-left: 0;
}
.lfr-tree li.tree-item {
  padding-left: 5px;
}
.lfr-tree li.tree-item li {
  padding-left: 20px;
}
.lfr-tree li.tree-item ul {
  margin-left: 0;
  margin-top: 5px;
}

.undomanager .lfr-undo-queue {
  margin: 10px auto;
}

.lfr-action-undo {
  float: left;
}

.lfr-action-clear {
  float: right;
}

.undomanager .lfr-queue-empty,
.lfr-queue-single .lfr-action-clear {
  display: none;
}

.lfr-upload-container {
  margin-bottom: 1em;
}
.lfr-upload-container .upload-target {
  border: 3px dashed #ddd;
  margin-bottom: 1em;
  min-height: 30px;
  padding: 30px 0;
  position: relative;
  text-align: center;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  z-index: 100;
}
.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #ddedde;
  border-color: #7d7;
  border-style: dashed;
}
.lfr-upload-container .upload-target h4 span {
  display: block;
  margin: 5px 0;
  text-transform: lowercase;
}
.lfr-upload-container .upload-target .or-text {
  font-size: 0.8em;
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.mobile .lfr-upload-container .upload-target .drop-file-text {
  display: none;
}
.lfr-upload-container .manage-upload-target {
  padding: 5px 0 0;
  position: relative;
}
.lfr-upload-container .manage-upload-target .select-files {
  margin: 0 1.125rem 1.125rem;
}
.lfr-upload-container .browse-button-container {
  padding-top: 5px;
}
.lfr-upload-container a.browse-button {
  background-image: url(../images/common/add.png);
  background-repeat: no-repeat;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}
.lfr-upload-container a.clear-uploads {
  background-image: url(../images/common/remove.png);
  background-repeat: no-repeat;
  float: right;
  padding-left: 16px;
}
.lfr-upload-container a.cancel-uploads {
  background-image: url(../images/common/close.png);
  background-repeat: no-repeat;
  float: right;
  margin-right: 0;
}
.lfr-upload-container .upload-file.upload-complete.file-saved {
  padding-left: 25px;
}
.lfr-upload-container .upload-file .file-title {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lfr-upload-container .upload-file .icon-file {
  font-size: 40px;
}
.lfr-upload-container .upload-list-info {
  margin: 1em 0 0.5em;
}
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: #869cad;
  margin-top: 1px;
  position: absolute;
  right: 5px;
  top: 50%;
  white-space: nowrap;
}
.lfr-upload-container .cancel-button .cancel-button-text {
  display: none;
  margin-left: 5px;
}
.lfr-upload-container .cancel-button:hover .cancel-button-text {
  display: inline;
}
.lfr-upload-container .cancel-button .lexicon-icon {
  height: 12px;
}
.lfr-upload-container .delete-button {
  color: #869cad;
}
.lfr-upload-container .delete-button-col {
  padding-right: 10px;
}
.lfr-upload-container .file-added .success-message {
  float: right;
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
  padding-left: 25px;
}
.lfr-upload-container .upload-complete .cancel-button,
.lfr-upload-container .delete-button,
.lfr-upload-container .upload-complete.file-saved .delete-button,
.lfr-upload-container .upload-complete.upload-error .delete-button {
  display: none;
}
.lfr-upload-container .multiple-files .upload-error {
  background: #fdd url(../images/messages/error.png) no-repeat 5px 5px;
  border-color: #900;
  color: #900;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px;
}
.lfr-upload-container .multiple-files .upload-error .error-message {
  display: block;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
  padding-left: 1rem;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
  display: none;
}
.lfr-upload-container .single-file .upload-error {
  list-style: none;
  margin-top: 1em;
}
.lfr-upload-container .single-file .upload-error .upload-error-message {
  margin-bottom: 0.5em;
}
.lfr-upload-container .upload-complete {
  padding-left: 5px;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
  margin-left: 1em;
}
.lfr-upload-container .upload-complete .delete-button {
  display: inline-block;
}
.lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
  display: none;
}
.lfr-upload-container .progress {
  display: none;
  margin-top: 0.5rem;
}
.lfr-upload-container .file-uploading {
  background-color: #ffc;
}
.lfr-upload-container .file-uploading .progress {
  display: flex;
}

.select-files {
  float: left;
  line-height: 0;
  margin-right: 2px;
  padding: 0 0 0 5px;
}

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430;
}
.lfr-alert-container.inline-alert-container {
  position: relative;
}
.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
  padding: 0;
}
.lfr-alert-container .lfr-alert-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.app-view-entry.selected .entry-metadata dt,
.app-view-entry.selected .entry-metadata dd,
.app-view-entry.selected .entry-metadata .entry-categories,
.app-view-entry.selected .entry-metadata .entry-tags,
.app-view-entry.selected .entry-metadata .entry-description {
  color: #f0f0f0;
}
.app-view-entry .entry-action {
  position: absolute;
  right: 6px;
  top: 10px;
}
.app-view-entry .entry-action .btn {
  padding: 0;
}
.app-view-entry .entry-selector {
  left: 5px;
  position: absolute;
  top: 10px;
}
.app-view-entry .entry-title {
  display: block;
  font-size: 1.15em;
  font-weight: bold;
  padding: 5px 0 10px;
}
.app-view-entry .entry-link {
  display: block;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
}
.app-view-entry .entry-metadata {
  margin: 10px 0 20px;
}
@media (max-width: 991.98px) {
  .app-view-entry .entry-metadata {
    margin: 0 0 5px 15px;
    width: 85%;
  }
}
.app-view-entry .entry-metadata .entry-title {
  padding-bottom: 3px;
}
.app-view-entry .entry-metadata .entry-description {
  display: block;
}
.app-view-entry .entry-metadata dl {
  margin: 0;
}
.app-view-entry .entry-metadata dl.entry-latest-approved-container {
  margin: 20px 0;
}
.app-view-entry .entry-metadata dl dt {
  float: left;
  margin-right: 3px;
}
.app-view-entry .entry-metadata .entry-categories,
.app-view-entry .entry-metadata .entry-tags {
  display: block;
}
.app-view-entry .entry-metadata .entry-tags .tag {
  margin-left: 15px;
}
.app-view-entry .entry-metadata .entry-tags .tag:first-child {
  margin-left: 0;
}
.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary {
  font-weight: bold;
}
.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category {
  font-weight: normal;
  margin-left: 0.8em;
}
.app-view-entry .entry-metadata dt,
.app-view-entry .entry-metadata dd,
.app-view-entry .entry-metadata .entry-categories,
.app-view-entry .entry-metadata .entry-tags,
.app-view-entry .entry-metadata .entry-description {
  color: #333;
  line-height: 1.5em;
  overflow: hidden;
  word-wrap: break-word;
}
.app-view-entry .entry-metadata .taglib-workflow-status {
  display: inline;
}
.app-view-entry .entry-metadata .taglib-workflow-status .workflow-status {
  padding-left: 0.2em;
}
.app-view-entry .overlay.entry-action a {
  display: block;
  width: 20px;
}
.app-view-entry .entry-title .entry-categories,
.app-view-entry a.entry-title .entry-tags {
  font-size: 16px;
}
.app-view-entry.selected, .app-view-entry.selected:hover {
  background-color: #00a2ea;
}
.app-view-entry.selected a, .app-view-entry.selected a:focus, .app-view-entry.selected a:hover {
  color: #fff;
}
.app-view-entry.selected a .lfr-icon-menu-arrow {
  color: #333;
}
.app-view-entry.active-area, .app-view-entry.active-area.hover, .app-view-entry.active-area td {
  background-color: #5ad300;
}
.app-view-entry:hover, .app-view-entry.hover {
  background-color: #d3e8f1;
}
.app-view-entry a.entry-link:hover {
  text-decoration: none;
}
.app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text {
  text-decoration: underline;
}

.lfr-search-container td .overlay.entry-action {
  position: static;
}
.lfr-search-container td .overlay.entry-action .btn a {
  display: block;
  padding: 4px 12px;
}

.taglib-asset-metadata {
  clear: both;
  overflow: hidden;
  padding: 10px;
}
.taglib-asset-metadata span {
  display: inline-block;
}
.taglib-asset-metadata .asset-metadata-panel {
  clear: both;
}
.taglib-asset-metadata .metadata-entry-label {
  font-weight: normal;
}
.taglib-asset-metadata .metadata-author {
  font-weight: bold;
  overflow: hidden;
  padding: 10px;
}
.taglib-asset-metadata .metadata-author .asset-avatar {
  float: left;
  padding-right: 10px;
}
.taglib-asset-metadata .metadata-author .asset-avatar .avatar {
  width: 45px;
}
.taglib-asset-metadata .metadata-author .asset-user-info {
  margin-top: 5px;
}
.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
  display: block;
}
.taglib-asset-metadata .metadata-entry {
  color: #999;
  margin-right: 2em;
}
.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
  color: #009ae5;
  font-size: 14px;
  line-height: 14px;
}
.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
  color: #8c8c8c;
  font-size: 13px;
}

.contextual-sidebar {
  height: calc(100vh - 49px);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 49px;
  transform: translateX(100%);
  transition: transform ease 0.5s;
  width: 320px;
  will-change: transform;
}
.contextual-sidebar.contextual-sidebar-visible {
  pointer-events: auto;
  transform: translateX(0);
}
body.has-control-menu .contextual-sidebar {
  height: calc(100vh - 98px);
  top: 98px;
}

@media (min-width: 576px) {
  .contextual-sidebar {
    height: calc(100vh - 64px);
    top: 64px;
  }
  body.has-control-menu .contextual-sidebar {
    height: calc(
				100vh - 120px
			);
    top: 120px;
  }

  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding;
  }

  .contextual-sidebar-visible .contextual-sidebar-content,
.contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px;
  }
}
.taglib-diff-addedline,
#taglib-diff-results ins {
  background: #e6ffe6;
}

.taglib-diff-context {
  background: #eee;
}

.taglib-diff-deletedline,
#taglib-diff-results del {
  background: #ffe6e6;
}

.taglib-diff-table {
  border-collapse: separate;
  border-spacing: 5pt;
  table-layout: fixed;
}
.taglib-diff-table td {
  word-wrap: break-word;
}

.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}

.diff-version-comparator .taglib-diff-html .diff-html-changed {
  background-image: none;
  border-bottom: 2px dotted #009ae5;
}
.diff-version-comparator .taglib-diff-html .diff-html-changed img {
  border-color: #009ae5;
  max-width: 100%;
}
.diff-version-comparator .taglib-diff-html .diff-added-image,
.diff-version-comparator .taglib-diff-html .diff-removed-image {
  display: none;
}
.diff-version-comparator .diff-container-column .diff-container {
  min-height: 400px;
}
.diff-version-comparator .diff-container-column .legend-item {
  margin-right: 15px;
}
.diff-version-comparator .diff-target-selector {
  border-left: 1px solid #e5e5e5;
  padding-left: 30px;
}
.diff-version-comparator .diff-version-filter {
  background-color: #f9f9f9;
}
.diff-version-comparator .divider {
  margin-bottom: 20px;
}
.diff-version-comparator .list-group-item {
  cursor: pointer;
}

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem;
}
.taglib-discussion .actions-menu .component-action {
  display: inline-flex;
}
.taglib-discussion .button-holder {
  margin: 1rem 0;
}
.taglib-discussion .comment-container {
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
.taglib-discussion .lfr-discussion-body {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-body {
    padding-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-container {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:first-of-type {
  border-top: 1px solid #e7e7ed;
  padding-top: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:last-of-type {
  border-bottom: 0;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion {
  padding-left: 1rem;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
  padding-left: 0;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-left: 3.5rem;
  }
}
.taglib-discussion .lfr-discussion-parent-link {
  color: #67678c;
  font-weight: 600;
  margin-left: 1em;
}
@media (max-width: 767.98px) {
  .taglib-discussion .lfr-discussion-parent-link {
    display: block;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}
.taglib-discussion .lfr-discussion-more-comments {
  border-top: 1px solid #e7e7ed;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.taglib-discussion .username {
  color: #272833;
  font-weight: 600;
}
.taglib-discussion .taglib-workflow-status {
  margin-left: 0.5rem;
}
.taglib-discussion .workflow-value {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .taglib-discussion .actions-menu {
    display: none;
  }
  .taglib-discussion .comment-container:hover .actions-menu,
.taglib-discussion .actions-menu:focus,
.taglib-discussion .actions-menu.open {
    display: inline-block;
  }
}

.lfr-discussion-reply-popover {
  width: 25rem;
}
@media (min-width: 576px) {
  .lfr-discussion-reply-popover {
    max-width: 25rem;
  }
}

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center;
}
.drop-zone.drop-enabled {
  outline: 2px dashed transparent;
}
.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}
.drop-zone p {
  margin: 10px auto 0;
  max-width: 75%;
}

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.drop-here-info .drop-here-indicator {
  height: 115px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drop-here-info .drop-icons {
  display: inline-block;
  position: relative;
  width: 160px;
}
.drop-here-info .drop-icons span {
  position: absolute;
  text-align: center;
}
.drop-here-info .drop-icons span:nth-of-type(1) {
  height: 60px;
  left: 0;
  line-height: 60px;
  opacity: 0;
  top: 10px;
  width: 60px;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
  height: 80px;
  left: 40px;
  line-height: 80px;
  width: 80px;
  z-index: 2;
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  display: block;
  font-size: 45px;
  height: 70px;
  left: 90px;
  line-height: 70px;
  opacity: 0;
  position: relative;
  top: 8px;
  width: 70px;
  z-index: 1;
}
.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-text {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-left: 0;
  margin-top: 20px;
}

.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
  opacity: 1;
}

.taglib-empty-result-message.sheet {
  margin-bottom: 24px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6c757d;
  margin-top: 8px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(/o/engieb2cit-theme/images/states/empty_state.gif);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(/o/engieb2cit-theme/images/states/search_state.gif);
  max-width: 210px;
  padding-top: 232px;
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(/o/engieb2cit-theme/images/states/empty_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-success-state {
  background-image: url(/o/engieb2cit-theme/images/states/success_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-search-state {
  background-image: url(/o/engieb2cit-theme/images/states/search_state.gif);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

.lfr-ddm-field-group {
  margin-bottom: 20px;
}

.lfr-ddm-field-group-inline {
  display: inline-block;
  vertical-align: bottom;
}

.field-wrapper.form-inline .control-label {
  display: inline-block;
}

.field-wrapper-html {
  position: relative;
}
.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap;
}

.taglib-form-navigator .error-notice,
.taglib-form-navigator .modified-notice {
  display: none;
}
.taglib-form-navigator > .form-steps {
  position: relative;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  background: transparent;
  border-width: 0;
  clear: both;
  float: none;
  overflow: visible;
  padding: 0;
  width: 100%;
}
@media (max-width: 991.98px) {
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
    overflow: auto;
    white-space: nowrap;
  }
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab {
  border-width: 0;
  display: inline-block;
  overflow: visible;
  position: relative;
  text-align: center;
  white-space: nowrap;
  z-index: 50;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active {
  background: transparent;
  opacity: 1;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active:last-child .tab-label .tab-icon {
  display: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label {
  position: relative;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:focus {
  background: transparent;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .message {
  color: #000;
  display: inline-block;
  opacity: 0.7;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .number {
  background: #333;
  font-size: 18px;
  opacity: 1;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .tab-icon {
  color: #333;
  display: inline-block;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label {
  background: transparent;
  border-width: 0;
  display: block;
  margin: 0 5px 0 -5px;
  outline: 0;
  padding: 0;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus {
  text-decoration: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  opacity: 1;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .error-notice {
  display: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  background: #ccc;
  clear: both;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 5px;
  opacity: 0.6;
  text-decoration: none;
  width: 30px;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .message {
  color: #000;
  font-size: 12px;
  margin-left: -5px;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .modified-notice {
  display: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .tab-icon {
  display: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.multi-step-progress-bar {
  display: block;
  padding-top: 10px;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.multi-step-progress-bar .tab-label {
  outline-width: 0;
}
.taglib-form-navigator .form-navigator-content {
  overflow: visible;
}
.taglib-form-navigator .form-navigator-content .form-section {
  display: none;
}
.taglib-form-navigator .form-navigator-content .form-section.active {
  display: block;
}
.taglib-form-navigator .form-navigator-content .form-section textarea {
  max-width: 100%;
}
.taglib-form-navigator .form-navigator-content legend {
  overflow: auto;
  padding-bottom: 2px;
}
.taglib-form-navigator .section-modified .modified-notice {
  display: inline-block;
}
.taglib-form-navigator .section-error .error-notice {
  display: inline-block;
  margin-right: 5px;
}

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.taglib-header .header-title {
  display: inline-block;
  margin: 0.1em;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.taglib-header .header-back-to {
  display: inline-block;
  vertical-align: middle;
}
.taglib-header .header-back-to a {
  display: block;
  font-weight: bold;
  padding: 0 0.3em 0 0;
  text-decoration: none;
}

a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover {
  text-decoration: none;
}
a.taglib-icon:focus .taglib-text, a.taglib-icon:hover .taglib-text {
  text-decoration: underline;
}
a.taglib-icon.btn:focus .taglib-text, a.taglib-icon.btn:hover .taglib-text {
  text-decoration: none;
}

.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.taglib-icon-label {
  margin-left: 12px;
}

.icon-monospaced, .icon-monospaced[class^=icon-], .icon-monospaced[class*=" icon-"] {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem;
}
.icon-monospaced.lexicon-icon {
  padding: 8px;
}
.btn-monospaced > .icon-monospaced:not(.lexicon-icon) {
  padding: 0;
}

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none;
}

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative;
}
.lfr-menu-list.direction-right {
  margin: 0 2px;
}
.lfr-menu-list.dropdown-menu {
  float: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .lfr-menu-list.dropdown-menu > li > a {
    font-size: 22px;
    line-height: 40px;
    white-space: normal;
  }
  .lfr-menu-list.dropdown-menu > li > a img {
    margin-bottom: 3px;
  }
}
.lfr-menu-list.dropdown-menu .search-panel {
  margin-bottom: 0;
}
.lfr-menu-list.dropdown-menu .search-panel .form-group {
  margin: 0 16px;
}
.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
  width: auto;
}

@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center;
  }
  .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
.table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.taglib-image-selector {
  height: 100%;
  min-height: 100px;
  padding: 0;
  position: relative;
  text-align: center;
}
.taglib-image-selector.drop-enabled .drop-here-info .drop-here-indicator {
  height: 90px;
}
.taglib-image-selector.drop-enabled .drop-here-info .drop-text {
  display: inline-block;
  margin-left: 20px;
  margin-top: 0;
}
.taglib-image-selector .progress-wrapper {
  display: none;
  left: 50%;
  max-width: 450px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.taglib-image-selector .progress-wrapper button {
  margin-top: 20px;
}
.taglib-image-selector .progress-wrapper p {
  font-size: 18px;
  margin: 0;
  text-align: left;
}
.taglib-image-selector .progress-wrapper p.size {
  font-size: 14px;
}
.taglib-image-selector .progress-wrapper .progressbar {
  height: 6px;
  margin: 5px auto;
  width: 100%;
}
.taglib-image-selector.drop-active .change-image-controls {
  display: none;
}
.taglib-image-selector.drop-active .progress-wrapper {
  display: none;
}
.taglib-image-selector.draggable-image.vertical .current-image {
  left: 0 !important;
  max-height: inherit;
  min-width: 100%;
}
.taglib-image-selector.draggable-image.horizontal .current-image {
  max-width: inherit;
}
.taglib-image-selector.draggable-image.both .current-image {
  max-height: 100%;
  max-width: 100%;
}
.taglib-image-selector.draggable-image.drop-enabled .image-wrapper {
  height: 0;
}
.taglib-image-selector.draggable-image .image-wrapper {
  height: 400px;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 767.98px) {
  .taglib-image-selector.draggable-image .image-wrapper {
    height: 150px;
  }
}
.taglib-image-selector.progress-active .change-image-controls {
  display: none;
}
.taglib-image-selector.progress-active .progress-wrapper {
  display: block;
}
.taglib-image-selector .browse-image-controls,
.taglib-image-selector .current-image {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.taglib-image-selector .browse-image-controls {
  padding: 10px;
  width: 100%;
  z-index: 1;
}
.taglib-image-selector .browse-image-controls .drag-drop-label,
.taglib-image-selector .browse-image-controls .browse-image {
  font-size: 16px;
}
.taglib-image-selector .browse-image-controls .drag-drop-label {
  line-height: 35px;
}
.taglib-image-selector .browse-image-controls .file-validation-info {
  margin-top: 15px;
}
.taglib-image-selector .change-image-controls {
  bottom: 10px;
  padding: 10px;
  position: absolute;
  right: 10px;
}
.taglib-image-selector .current-image {
  margin-bottom: 5px;
}
.taglib-image-selector .error-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.taglib-image-selector .selection-status {
  left: 50%;
  padding: 11px 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.taglib-image-selector .yui3-uploader-content {
  display: none;
}

.info-bar-container {
  background-color: #fff;
  border-bottom: 1px solid #edf0f2;
  min-height: 47px;
}
.info-bar-container .info-bar {
  padding: 0;
}
@media (min-width: 576px) {
  .info-bar-container {
    min-height: 59px;
  }
}
.info-bar-container .info-bar-default .taglib-workflow-status .workflow-version {
  color: #6b6c7e;
}
.info-bar-container .info-bar-default .btn {
  margin: 7px 0 7px 15px;
}
@media (min-width: 576px) {
  .info-bar-container .info-bar-default .btn {
    margin: 13px 0 13px 15px;
  }
}
.info-bar-container .info-bar-center {
  left: 50%;
  margin-top: 16px;
  position: absolute;
  text-align: center;
  transform: translate(-50%);
  width: 100%;
}
@media (min-width: 576px) {
  .info-bar-container .info-bar-center {
    margin-top: 20px;
  }
}
.info-bar-container.affix {
  min-height: 35px;
  transition: min-height 0.15s ease;
}
.info-bar-container.affix .info-bar-center {
  margin-top: 5px;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}

.taglib-move-boxes {
  margin-bottom: 1em;
}
.taglib-move-boxes label {
  border-bottom: 1px solid transparent;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.taglib-move-boxes .toolbar {
  text-align: center;
}
.taglib-move-boxes .arrow-button img {
  border-width: 0;
  height: 16px;
  width: 16px;
}
.taglib-move-boxes .choice-selector {
  width: 100%;
}
.taglib-move-boxes .choice-selector label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .field-content {
  margin-bottom: 0;
}
.taglib-move-boxes .move-arrow-buttons {
  margin-top: 5em;
}
.taglib-move-boxes .move-arrow-buttons .arrow-button {
  display: block;
}
.taglib-move-boxes .sortable-container {
  margin-top: 10px;
}
.taglib-move-boxes .sortable-container .btn.edit-selection {
  margin-bottom: 10px;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
  border-top: 1px solid #ddd;
  display: none;
  margin: 2px 0;
  padding: 2px;
  position: relative;
}
.taglib-move-boxes .sortable-container .move-option.selected {
  display: block;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .checkbox,
.taglib-move-boxes .sortable-container .move-option .handle {
  position: absolute;
}
.taglib-move-boxes .sortable-container .move-option .checkbox {
  display: none;
  margin: 7px 0 0 5px;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
  cursor: pointer;
  font-size: 1.5em;
  padding: 6px;
}
.taglib-move-boxes .sortable-container .move-option .title {
  font-size: 1.2em;
  margin: 1px 0 1px 30px;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option {
  display: block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
  display: inline-block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
  display: none;
}

.mobile .taglib-move-boxes .selector-container {
  display: none;
}

.taglib-image-selector .change-image-controls {
  background: #fff;
}
.taglib-image-selector .selection-status {
  background: #fff;
  opacity: 0;
  z-index: -1;
}
.taglib-image-selector .progress-wrapper .progressbar {
  background: #b0b4bb;
  opacity: 0.7;
}
.taglib-image-selector.check-active .selection-status {
  opacity: 1;
  z-index: 0;
}
.taglib-image-selector.drop-active {
  outline-width: 0;
}
.taglib-image-selector.drop-active .browse-image-controls {
  opacity: 0;
}
.taglib-image-selector.drop-active .selection-status {
  opacity: 0;
}
.taglib-image-selector.drop-active .image-wrapper {
  opacity: 0.15;
}
.taglib-image-selector.drop-active .error-wrapper {
  opacity: 0;
}
.taglib-image-selector.progress-active .image-wrapper {
  opacity: 0.15;
}
.taglib-image-selector.progress-active .browse-image-controls {
  opacity: 0;
}
.taglib-image-selector.progress-active .drop-here-info {
  opacity: 0;
}
.taglib-image-selector.progress-active .selection-status {
  opacity: 0;
}

.portal-popup {
  background-color: #fff;
}

.portlet-item-selector .management-bar {
  border-bottom-color: #e7e7ed;
}

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label {
  position: relative;
}
.item-selector .input-file + label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
}

.lfr-tree-display-page .tree-node .tree-node-over .tree-label {
  text-decoration: none;
}
.lfr-tree-display-page .tree-label {
  cursor: default;
}
.lfr-tree-display-page .tree-label a {
  color: black;
}
.lfr-tree-display-page .tree-label .layout-page-invalid {
  color: #aaa;
  font-style: italic;
}
.lfr-tree-display-page .tree-label .layout-page-invalid:hover {
  cursor: default;
  text-decoration: none;
}

.lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node + .tree-container {
  margin-left: 0;
}

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%;
}
.lfr-map .home-button {
  margin: 5px;
}
@media (max-width: 575.98px) {
  .lfr-map .home-button {
    height: 35px;
    width: 45px;
  }
}
.lfr-map .search-controls {
  font-size: 15px;
  margin-top: 5px;
  width: 100%;
}
@media (min-width: 576px) {
  .lfr-map .search-controls {
    width: 50%;
  }
}
.lfr-map .search-controls .search-input {
  width: 100%;
}

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
.navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open,
.navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

@media (max-width: 767.98px) {
  .alert-notifications.alert-notifications-fixed {
    top: inherit;
  }
  .alert-notifications.alert-notifications-fixed .alert {
    max-width: none;
  }
}

.lfr-notification-container {
  bottom: 1.25rem;
  left: 1.25rem;
  max-height: 100%;
  max-width: 400px;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  position: fixed;
  width: 100%;
  z-index: 999999;
}
.lfr-notification-container .lfr-notification-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em;
}
.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px;
}

.lfr-search-container .entry-action {
  width: 1px;
}
.lfr-search-container .entry-action .taglib-icon {
  white-space: nowrap;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.component-action) {
  color: #343a40;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #343a40;
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6,
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

.lfr-asset-type-column,
.lfr-author-column,
.lfr-city-column,
.lfr-country-column,
.lfr-email-address-column,
.lfr-job-title-column,
.lfr-region-column,
.lfr-removed-by-column,
.lfr-replier-column,
.lfr-scope-column,
.lfr-screen-name-column,
.lfr-type-column,
.lfr-user-column,
.lfr-users-column {
  word-wrap: break-word;
}
@media (min-width: 576px) {
  .lfr-asset-type-column,
.lfr-author-column,
.lfr-city-column,
.lfr-country-column,
.lfr-email-address-column,
.lfr-job-title-column,
.lfr-region-column,
.lfr-removed-by-column,
.lfr-replier-column,
.lfr-scope-column,
.lfr-screen-name-column,
.lfr-type-column,
.lfr-user-column,
.lfr-users-column {
    max-width: 125px;
    min-width: 100px;
  }
}

.lfr-completion-date-column,
.lfr-create-date-column,
.lfr-date-column,
.lfr-discount-column,
.lfr-display-date-column,
.lfr-expiration-date-column,
.lfr-last-post-date-column,
.lfr-modified-date-column,
.lfr-price-column,
.lfr-removed-date-column,
.lfr-reply-date-column,
.lfr-revision-column,
.lfr-size-column,
.lfr-total-column {
  white-space: nowrap;
}

.lfr-description-column,
.lfr-role-column {
  max-width: 375px;
  min-width: 375px;
}

.lfr-email-address-column,
.lfr-name-column,
.lfr-parent-organization-column,
.lfr-screen-name-column,
.lfr-title-column,
.lfr-url-column,
.lfr-wiki-column {
  max-width: 200px;
  min-width: 200px;
}

.lfr-email-column,
.lfr-mobile-column,
.lfr-website-column {
  min-width: 100px;
}
@media (min-width: 576px) {
  .lfr-email-column,
.lfr-mobile-column,
.lfr-website-column {
    min-width: 115px;
  }
}
.lfr-email-column .checkbox-container .form-group,
.lfr-mobile-column .checkbox-container .form-group,
.lfr-website-column .checkbox-container .form-group {
  margin-bottom: 0;
}

.user-info {
  display: flex;
}
.user-info .sticker {
  align-self: center;
}
.user-info .user-details {
  margin-left: 1rem;
}
.user-info .user-name {
  color: #343a40;
  font-weight: 600;
}
.user-info .date-info {
  color: #6c757d;
}

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .lfr-search-container .selector-button {
    width: auto;
  }
}
.touch .lfr-search-container {
  -webkit-overflow-scrolling: touch;
}
.touch .lfr-search-container .searchcontainer-content .table {
  max-width: none;
}

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto;
}
.taglib-page-iterator .lfr-pagination-buttons {
  float: right;
  margin: 0;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    width: 50%;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
    display: none;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    line-height: 20px;
    padding: 11px 19px;
  }
}
.taglib-page-iterator .lfr-pagination-config {
  float: left;
  line-height: 46px;
}
@media (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-config {
    float: none;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu {
    display: block;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
    display: block;
  }
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  display: inline;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
  float: none;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    display: none;
  }
}
.taglib-page-iterator .search-results {
  float: left;
  line-height: 46px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .search-results {
    display: none;
  }
}

.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0;
}
.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  border-width: 1px 0 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}
.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.taglib-social-activities table {
  width: 100%;
}
.taglib-social-activities td {
  padding: 5px;
  vertical-align: top;
}
.taglib-social-activities .day-separator {
  border-bottom: 1px dotted transparent;
  border-bottom-color: #ccc;
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 2px;
}
.taglib-social-activities .portlet-icon {
  width: 16px;
}

.taglib-social-bookmarks a.social-bookmark-link {
  background-repeat: no-repeat;
}

.trash-undo-button.btn-link,
.trash-empty-button.btn-link {
  font-weight: 600;
  padding: 0;
  vertical-align: inherit;
}
.trash-undo-button.btn-link:hover,
.trash-empty-button.btn-link:hover {
  text-decoration: none;
}
.trash-undo-button.btn-link:focus,
.trash-empty-button.btn-link:focus {
  background-color: transparent;
}

.taglib-user-display {
  padding: 0.5em;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.taglib-user-display .user-details {
  margin-top: 1em;
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}
.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display.display-style-1 .user-profile-image {
  float: left;
  margin-right: 24px;
}
.taglib-user-display.display-style-1 .user-name {
  display: inline-block;
  margin-top: 10px;
}
.taglib-user-display.display-style-1 .user-details {
  margin-top: 0;
}
.taglib-user-display.display-style-2 .user-profile-image,
.taglib-user-display.display-style-2 .user-name {
  clear: both;
  display: block;
  min-height: 20px;
  text-align: center;
}
.taglib-user-display.display-style-3 {
  padding: 0;
}
.taglib-user-display.display-style-3 .user-profile-image {
  display: inline-block;
  vertical-align: middle;
}

.card-row-layout-fixed .lfr-card-actions-column {
  width: 32px;
}
.lfr-card-actions-column .dropdown {
  margin-right: -8px;
  margin-top: -5px;
}
.card-row-layout-fixed .lfr-card-actions-column .dropdown {
  margin-left: 8px;
  margin-right: 0;
}

.lfr-card-subtitle-text {
  font-size: 14px;
  font-weight: 400;
}

.lfr-card-title-text {
  font-size: 14px;
  font-weight: 600;
}

.taglib-webdav.visible {
  background: #f0f5f7;
}
.taglib-webdav table {
  border-color: #828f95;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

.btn-account-selector {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: auto min-content;
  height: 70px;
  width: 300px;
}
.btn-account-selector.account-selected {
  grid-template-columns: min-content minmax(0, 1fr) min-content;
}
.btn-account-selector .current-info-container {
  text-align: left;
}
.btn-account-selector .no-account-selected-placeholder {
  margin: 0;
  text-align: left;
}

.dropdown-menu.account-selector-dropdown-menu {
  max-width: 300px;
  min-width: 300px;
}

.aspect-ratio.aspect-ratio-8-to-3 {
  padding-bottom: 37.5%;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.liferay-autocomplete-input-mirror {
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.card-tab-group .card-tab:nth-child(n+2) {
  border-left: 4px solid #65b6f0;
  padding-left: 20px;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab {
  border-left: 4px solid #93ccf5;
  padding-left: 20px;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab {
  border-left-color: #c2e2f9;
}
.card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab .card-tab {
  border-left-width: 0;
  padding-left: 0;
}

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 95px;
}
.hsv-palette .hsv-view-container .hsv-value {
  width: 56px;
}

.yui3-color-picker-popover .palette-container {
  border-collapse: separate;
}

.portal-popup .hsv-palette-modal.modal-dialog {
  bottom: 0 !important;
  left: 0 !important;
  margin: 0;
  max-width: none;
  right: 0 !important;
  top: 0 !important;
  width: 100%;
}
@media (min-width: 768px) {
  .portal-popup .hsv-palette-modal.modal-dialog {
    bottom: auto !important;
    height: 100%;
    left: 50% !important;
    max-height: 375px;
    max-width: 650px;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
}
.portal-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
  bottom: 0;
  left: 0;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .portal-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
    border-radius: 0;
    border-width: 0;
  }
}
@media (max-width: 767.98px) {
  .portal-popup .hsv-palette-modal.modal-dialog .modal-body {
    padding: 1rem;
  }
}
.portal-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container {
  width: 100%;
}
.portal-popup .hsv-palette-modal.modal-dialog .hsv-image-container {
  margin: 0;
}

.dialog-bd {
  min-height: 30px;
}

.dialog-content {
  border: 1px solid #c8c9ca;
  padding: 5px;
}

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: 1rem;
}
.portal-popup .management-bar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0;
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
.portal-popup .lfr-dynamic-uploader:not(:last-child),
.portal-popup .lfr-form-content:not(:last-child),
.portal-popup .portlet-configuration-body-content:not(:last-child),
.portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative;
}
.lfr-editable:after {
  background: #68bb30 url(../images/common/edit_white.png) no-repeat 50%;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px;
}
.lfr-editable:focus:after {
  display: none;
}
.lfr-editable:focus:hover {
  background-color: transparent;
}
.lfr-editable:hover {
  background-color: rgba(255, 255, 255, 0.3);
  outline-color: #519226;
}
.lfr-editable:hover:after {
  background-color: #519226;
}

.lfr-editable-notice-close {
  margin-left: 1em;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

* [class*=ae-toolbar-][role=toolbar] {
  z-index: 980;
}
@media (max-width: 767.98px) {
  * [class*=ae-toolbar-][role=toolbar] {
    z-index: 1000;
  }
}

.ae-ui .ae-toolbars .ae-toolbar-add {
  border-width: 1px;
  margin-left: 4px;
  z-index: 989;
}
.ae-ui .ae-toolbars .ae-toolbar-add .ae-button {
  height: 28px;
  width: 28px;
}
@media (min-width: 1200px) {
  .ae-ui .ae-toolbars .ae-toolbar-add .ae-button {
    height: 32px;
    width: 32px;
  }
}

.alloy-editor-container {
  position: relative;
}
.alloy-editor-container .alloy-editor-icon {
  bottom: 8px;
  color: #869cad;
  display: none;
  position: absolute;
  right: 8px;
}
.alloy-editor-container .alloy-editor {
  cursor: text;
  outline: 0;
  overflow: hidden;
  text-align: start;
}
.alloy-editor-container .alloy-editor[dir=rtl] + .alloy-editor-icon {
  left: 8px;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder {
  color: #2b4259;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder:before {
  pointer-events: none;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly {
  color: #ccc;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:empty {
  min-height: 1.5em;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #dbdde1;
  color: #b0b4bb;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus):not(.form-control) {
  border-left: 2px solid;
  padding-left: 10px;
}
.has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) {
  border-left-color: #c67;
}
.alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder[data-required=true]:not(:focus):before {
  content: attr(data-placeholder) " *";
}
.alloy-editor-container .alloy-editor a {
  cursor: auto;
}
.alloy-editor-container .alloy-editor blockquote {
  margin: 1em 40px;
}
.alloy-editor-container .alloy-editor p:only-child {
  margin-bottom: 0;
}
.alloy-editor-container .alloy-editor.form-control {
  height: auto;
}
.alloy-editor-container .alloy-editor.form-control ~ .alloy-editor-icon {
  display: block;
  max-width: 24px;
}
.alloy-editor-container .alloy-editor .cke_widget_wrapper {
  max-width: 100%;
}
.alloy-editor-container .alloy-editor-switch {
  position: absolute;
  text-align: right;
  top: 0;
  width: 100%;
}
.alloy-editor-container .alloy-editor-switch .btn {
  margin-top: 0;
}
.alloy-editor-container .alloy-editor-wrapper {
  padding-top: 44px;
}
.alloy-editor-container .alloy-editor-wrapper .lfr-source-editor {
  display: none;
}
.alloy-editor-container .alloy-editor-wrapper.show-source .alloy-editor-placeholder {
  display: none;
}
.alloy-editor-container .alloy-editor-wrapper.show-source .lfr-source-editor {
  display: block;
}
.has-error .alloy-editor-container .form-feedback-item {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4em;
  text-align: left;
}
.ie11 .alloy-editor-container .cke_widget_inline {
  display: inline-block;
}

.cke_editable_inline a {
  cursor: pointer;
}

.cke_panel.cke_combopanel {
  width: 220px;
}

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
}
.cke_panel_block .cke_panel_list {
  margin-left: 0;
}
.cke_panel_block .cke_panel_list .cke_panel_listItem {
  line-height: initial;
}
.cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
  text-decoration: none;
}

.cke_show_border {
  width: 500px;
}
.cke_show_border td {
  height: 15px;
}

.html-editor.portlet-message-boards {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-wrap: break-word;
}
.html-editor.portlet-message-boards blockquote {
  background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
  border: 1px solid #777;
  padding: 5px 45px;
}
.html-editor.portlet-message-boards blockquote:after {
  background: url(../images/message_boards/quoteright.png) no-repeat 50%;
  content: "";
  display: block;
  float: right;
  height: 24px;
  margin-right: -35px;
  margin-top: -25px;
  width: 31px;
  z-index: 999;
}
.html-editor.portlet-message-boards blockquote cite {
  display: block;
  font-weight: bold;
}
.html-editor.portlet-message-boards pre {
  background: #f9f9f9;
  border: 1px solid #777;
  padding: 0.5em;
}

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  min-height: 40px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
  height: 95%;
  position: relative;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border: 1px solid #ccc;
  position: absolute;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
  display: inline-block;
  overflow-y: auto;
  padding-left: 20px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
  display: inline-block;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
  height: 100%;
  width: 50%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
  height: 100%;
  left: 50%;
  top: 0;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
  height: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
  top: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
  display: none;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
  height: 100%;
  width: 100%;
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left;
}

.mce-content-body {
  text-align: start;
}

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #fff;
  color: #a7a9bc;
}

.file-icon-color-2 {
  background-color: #fff;
  color: #50d2a0;
}

.file-icon-color-3 {
  background-color: #fff;
  color: #af78ff;
}

.file-icon-color-4 {
  background-color: #fff;
  color: #ffb46e;
}

.file-icon-color-5 {
  background-color: #fff;
  color: #ff5f5f;
}

.file-icon-color-6 {
  background-color: #fff;
  color: #4b9bff;
}

.file-icon-color-7 {
  background-color: #fff;
  color: #272833;
}

.item-selector .item-selector-list-row:hover {
  background-color: #e5f2ff;
  cursor: pointer;
}

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}
.lfr-item-viewer.uploading > .progress-container {
  visibility: visible;
}
.lfr-item-viewer #cardSection {
  margin-bottom: 20px;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}
.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px;
}
.lfr-item-viewer .image-viewer-footer-controls {
  display: inline-block;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .lfr-item-viewer .image-viewer-footer-controls {
    flex: 0 1 100%;
    order: 1;
  }
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000;
}
.lfr-item-viewer .progress-container a {
  position: absolute;
  right: 30px;
}
.lfr-item-viewer .progress-container .progress {
  margin-top: 10px;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%;
}
.lfr-item-viewer .upload-view > div {
  display: table-cell;
  vertical-align: middle;
}
.lfr-item-viewer .url-view {
  margin: 15px;
}
.lfr-item-viewer .yui3-widget-bd {
  position: relative;
}

.lfr-item-viewer .lfr-item-viewer-close {
  color: #fff;
  font-size: 16px;
  left: 4px;
  max-width: calc(100% - 8px);
  opacity: 1;
  padding: 0 15px 0 0;
  right: 4px;
  text-align: left;
  top: 4px;
  z-index: 5;
}
.lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
  color: #fff;
}
.lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
  color: #777;
  position: absolute;
}
.image-viewer-base .image-viewer-sidenav .lfr-item-viewer-close {
  padding: 0 15px 0 0;
}

.lfr-item-viewer-close-text {
  display: block;
  line-height: 32px;
  padding-left: 35px;
}

.lfr-item-viewer-icon-info {
  color: #fff;
}

.lfr-item-viewer-icon-info-link {
  float: right;
  font-size: 20px;
}
.lfr-item-viewer-icon-info-link:focus, .lfr-item-viewer-icon-info-link:hover {
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .lfr-item-viewer .lfr-item-viewer-icon-info-link {
    bottom: 10px;
    flex: 0 1 auto;
    order: 3;
    position: absolute;
    right: 20px;
    z-index: 1;
  }
}

.lfr-item-viewer .image-viewer-base {
  outline: none;
}
.image-viewer-base .image-viewer-sidenav.open {
  width: 300px;
}
@media (min-width: 576px) {
  .image-viewer-base .image-viewer-sidenav.open {
    width: 400px;
  }
}

.image-viewer-caption {
  color: #777;
}
.lfr-item-viewer .image-viewer-caption {
  line-height: 32px;
  position: absolute;
  text-align: left;
  width: 33%;
}
@media (max-width: 767.98px) {
  .lfr-item-viewer .image-viewer-caption {
    flex: 0 1 100%;
    order: 2;
    padding-left: 45px;
    padding-right: 45px;
    position: relative;
  }
}

.lfr-item-viewer .image-viewer-footer-content {
  padding: 0 20px;
}
@media (max-width: 767.98px) {
  .lfr-item-viewer .image-viewer-footer-content {
    display: flex;
    flex-wrap: wrap;
  }
}
.lfr-item-viewer .image-viewer-footer-content .image-viewer-thumbnails {
  display: none;
}

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777;
}
.lfr-item-viewer .image-viewer-footer-content .image-viewer-footer-control {
  margin: 0 10px;
  position: relative;
}
.lfr-item-viewer .image-viewer-footer-content .image-viewer-footer-control:focus, .lfr-item-viewer .image-viewer-footer-content .image-viewer-footer-control:hover {
  text-decoration: none;
}

.image-viewer-sidenav {
  line-height: normal;
}
.image-viewer-sidenav.sidenav-fixed {
  bottom: 0;
}
@media (min-width: 576px) {
  .image-viewer-sidenav.sidenav-fixed {
    bottom: 47px;
    position: absolute;
  }
}
.image-viewer-sidenav dd {
  color: #8b8b8b;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .image-viewer-sidenav dd {
    color: #777;
  }
}
.image-viewer-sidenav .h5 {
  color: #869cad;
  margin-bottom: 3px;
}
@media (min-width: 576px) {
  .image-viewer-sidenav .h5 {
    color: #fff;
  }
}
.image-viewer-sidenav .image-viewer-sidenav-header {
  margin-top: 25px;
}
@media (min-width: 576px) {
  .image-viewer-sidenav .image-viewer-sidenav-header {
    margin-top: 0;
  }
}

@media (min-width: 576px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0;
  }
}
.image-viewer-base .image-viewer-sidenav .image-viewer-sidenav-menu {
  width: 300px;
}
@media (min-width: 576px) {
  .image-viewer-base .image-viewer-sidenav .image-viewer-sidenav-menu {
    top: 18px;
    width: 400px;
  }
}

.image-viewer-sidenav-close {
  display: block;
  float: right;
  margin-right: -10px;
  margin-top: -15px;
}

.image-viewer-sidenav-body {
  padding-top: 0;
}
.image-viewer-sidenav .image-viewer-sidenav-body {
  text-align: left;
}

.sidenav-transition .image-viewer-base-image-list-inner {
  transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  .sidenav-transition .image-viewer-base-image-list-inner {
    transition: none;
  }
}
@media (min-width: 576px) {
  .lfr-item-viewer .image-viewer-base-image-list-inner {
    padding-left: 15px;
  }
}
@media (min-width: 576px) {
  .image-viewer-base.open .image-viewer-base-image-list-inner {
    padding-right: 400px;
  }
}

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #e5f5fc;
  color: #009ae5;
}
.nav.list-group > .active {
  border-width: 1px 0 0;
}
.nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
  background-color: #60bfef;
  border: 1px solid #60bfef;
  color: #fff;
}
.nav.list-group .list-group-item {
  padding: 0;
}
.nav.list-group .list-group-item.nav-header {
  background-color: #f3f3f3;
  padding-left: 10px;
  padding-right: 10px;
}

.lfr-page-templates li a {
  padding: 0;
}
.lfr-page-templates li a label {
  cursor: pointer;
  display: block;
  padding: 5px 0 5px 5px;
}

.menu {
  position: absolute;
  width: auto;
}
.menu .notice-message {
  background-image: none;
  margin: 3px;
  padding: 6px;
}

.menu-content {
  background: #fff;
  list-style: none;
  min-width: 150px;
}
.menu-content li {
  margin: 0;
  padding: 0;
}
.menu-content li .disabled {
  color: #999;
}

.menu-content {
  background: #ccc9c9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #aeafb1 #777879 #777879 #aeafb1;
  padding: 2px 0;
}

.menugroup-content .menu-label {
  background: #d2d6de;
  color: #5b677d;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #fff;
}

.menugroup-content ul {
  display: block;
  min-width: 0;
}

.menu-content li {
  border-bottom: 1px solid #bcbbbb;
  border-top: 1px solid #eee;
  display: block;
  margin: 0;
  padding: 0;
}
.menu-content li.first {
  border-top-width: 0;
}
.menu-content li.last {
  border-bottom-width: 0;
}

.menu-content li a,
.menu-content li .disabled {
  color: #2c2f34;
  display: block;
  padding: 4px 5px;
  text-decoration: none;
}

.menu-content li a.focus,
.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.app-view-drop-active {
  background-color: #00a2ea;
  font-weight: bold;
}
.category-portlets .app-view-drop-active {
  background-color: #00a2ea;
  color: #fff;
}

.basecelleditor [class~=form-validator-message] {
  clip: rect(auto auto auto auto);
  width: auto;
}

.document-library-file-entry-cell-editor-hidden {
  display: none;
}

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle;
}

.has-control-menu .lfr-asset-anchor {
  height: 74px;
  margin-top: -74px;
}

.lfr-asset-anchor {
  display: block;
  height: 10px;
  margin-top: -10px;
  position: relative;
  z-index: -1;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal.card,
.lfr-page-layouts input[type=radio]:checked + .card-horizontal .card {
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  bottom: -0.0625rem;
  content: "";
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal.card,
.lfr-page-layouts .card-horizontal .card {
  cursor: pointer;
  outline: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal.card,
.lfr-page-layouts .card-horizontal .card {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: -0.0625rem;
  content: "";
  height: 0;
  left: -0.0625rem;
  position: absolute;
  right: -0.0625rem;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal::after {
    transition: none;
  }
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed;
}

.modal-body {
  overflow: auto;
}
.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative;
}
.modal-dialog.dialog-iframe-modal {
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  max-width: 500px;
}
.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all;
}
.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
  bottom: 0;
  right: 0;
}

.modal-hidden {
  display: none;
}

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

.dragging .portlet-column.customizable {
  background-color: #cffccf;
  outline: 3px solid #5eaf3d;
}

.customizable-layout-column-content {
  background-color: #c92c3c;
}
.customizable-layout-column-content.yui3-widget-content-expanded {
  margin: 0 15px;
}

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8);
}

.customizable .customizable-layout-column-content {
  background-color: #5eaf3d;
}
.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8);
}

.layout-customizable-controls-container {
  margin: 0 15px;
  position: relative;
}

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15;
}
.layout-customizable-controls label {
  color: #fff;
}

.paginator-link {
  background: #eee no-repeat scroll 50% 1px;
  border: 1px solid #f0f1f2;
  border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
  color: #1f1e1e;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px;
}

.paginator-page-link {
  height: auto;
  text-indent: 0;
}

.paginator-current-page {
  background: #0083bd url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38b6ef #006d9e #006d9e #46b4e6;
  color: #fff;
  text-shadow: -1px -1px #003c57;
}

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png);
}

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png);
}

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png);
}

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png);
}

.paginator-current-page-report,
.paginator-total {
  color: #555;
  font-size: 0.9em;
}

.paginator-current-page-report {
  margin-left: 2em;
}

.taglib-page-iterator .search-pages .page-links {
  padding: 0;
}

.lfr-panel-container {
  background: #fff;
}

.lfr-panel-content {
  padding: 5px 10px;
}

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px;
}

.panel-hd {
  background: #c0c2c5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca;
  padding-left: 10px;
  text-shadow: 1px 1px #fff;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 0.5rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

.lfr-nav.nav-tabs {
  margin-bottom: 20px;
}

.tab-active strong {
  font-weight: normal;
}

.tab-back {
  float: right;
}

.tab-back-content {
  border-width: 0;
  padding: 1px;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.tagselector-content {
  border-width: 0;
  padding: 0;
}
.tagselector-content .textboxlistentry-holder {
  border-bottom: 2px solid #869cad;
  margin-bottom: 10px;
  padding: 0;
}

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0;
}

.lfr-portal-tooltip {
  display: inline-flex;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.tooltip {
  max-width: 200px;
}
.tooltip .tooltip-arrow {
  background-color: #000;
  height: 0.6rem;
  position: absolute;
  transform: rotate(45deg);
  width: 0.6rem;
}

.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -0.3rem;
}

.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow {
  margin-top: -0.3rem;
  top: 50%;
}

.tooltip.bottom {
  padding-top: 0.3rem;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
}

.tooltip.left {
  padding-right: 0.3rem;
}
.tooltip.left .tooltip-arrow {
  right: 0;
}

.tooltip.right {
  padding-left: 0.3rem;
}
.tooltip.right .tooltip-arrow {
  left: 0;
}

.tooltip.top {
  padding-bottom: 0.3rem;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none;
}

.underlay {
  clear: both;
  top: 100%;
}
.underlay .yui3-widget-hd {
  height: 38px;
}

.underlay-hidden {
  display: none;
}

.underlay-content {
  background: #f4f3f3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #aeafb1;
  border-width: 0 1px 1px;
}

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px;
}

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #4b9bff;
}

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ffb46e;
}

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ff5f5f;
}

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #50d2a0;
}

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ff73c3;
}

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #9be169;
}

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #af78ff;
}

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #ffd76e;
}

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee2e6;
  color: #5fc8ff;
}

.portlet-column-content.empty {
  padding: 50px;
}

#wrapper {
  position: relative;
}

.modify-pages li {
  position: relative;
}
.modify-pages li.lfr-nav-hover .delete-tab {
  opacity: 1;
}
.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 16px;
  line-height: 6px;
  margin-top: -8px;
  opacity: 0;
  overflow: hidden;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #fff;
  top: 50%;
}
.modify-pages .delete-tab:hover {
  color: #b50303;
}
.modify-pages .drag-handle {
  cursor: move;
  left: 3px;
  margin-left: 15px;
  position: absolute;
  top: 15px;
}

.controls-hidden .modify-pages .drag-handle {
  display: none;
}

@media (min-width: 768px) {
  .touch .modify-pages .drag-handle {
    display: none;
  }
}

.nav li .toolbar {
  margin-top: 5px;
}

.collapse.open {
  display: block;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23212529'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: "";
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.navbar .navbar-toggler .c-inner {
  max-width: none;
}

.navigation-pane .body-row {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.navigation-pane .body-row ul li a .icon {
  float: left;
  margin-right: 5px;
}
.navigation-pane .lfr-component {
  margin-left: 0;
}
.navigation-pane .navigation-entry {
  position: relative;
}
.navigation-pane .navigation-entry.folder.error {
  display: block;
  padding: 6px 8px;
}
.navigation-pane .navigation-entry .browse-folder,
.navigation-pane .navigation-entry .nav-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.navigation-pane .navigation-entry .nav-item-icon {
  vertical-align: middle;
}
.navigation-pane .navigation-entry .overlay.entry-action {
  bottom: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.navigation-pane .navigation-entry .overlay.entry-action .btn {
  border-width: 0;
  margin: 0;
  padding: 11px 14px;
}
@media (min-width: 768px) {
  .navigation-pane .navigation-entry .overlay.entry-action .btn {
    padding: 11px;
  }
}

.nav-menu ul {
  padding-left: 10px;
}
.nav-menu li a.ancestor {
  font-weight: bold;
}
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.nav-menu-style-arrows ul {
  list-style-image: url(../images/arrows/04_right.png);
}

.portlet-navigation .nav-pills > li > a {
  margin-bottom: 2px;
}
.portlet-navigation .nav-pills > li > .dropdown-menu {
  margin-top: 0;
}

.split-button-dropdowns {
  list-style: none;
  margin: 0;
  padding: 0;
}
.split-button-dropdowns > li {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}

.form-options {
  border: 1px solid #aaa;
  display: inline-block;
  vertical-align: middle;
}
.form-options input {
  border-width: 0;
  display: inline;
  float: left;
}

.form-triggers {
  float: left;
}

.form-trigger {
  background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #bbb;
  display: inline-block;
  float: left;
}
.form-trigger img {
  background: no-repeat 50% 40%;
  height: 25px;
  padding: 0 3px;
  vertical-align: middle;
  width: 16px;
}
.form-trigger:focus, .form-trigger:hover {
  background-color: #83b0ca;
  background-image: url(../images/application/button_bg_over.png);
}

.trigger-selected {
  background-color: #ebebeb;
  background-image: url(../images/application/button_bg_selected.png);
}
.trigger-selected:focus, .trigger-selected:hover {
  background-color: #b7def4;
  background-image: url(../images/application/button_bg_selected_over.png);
}

.options-trigger img {
  background-image: url(../images/common/configuration.png);
}

.save-trigger img {
  background-image: url(../images/common/check.png);
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}

body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.panel-page-content .portlet-title-text,
.panel-page-body .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

.portlet-draggable .portlet-topper {
  cursor: move;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction {
  display: block;
}

@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}

.lfr-status-alert-label,
.lfr-status-error-label,
.lfr-status-info-label,
.lfr-status-progress-label,
.lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
}

.lfr-status-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663;
}

.lfr-status-error-label {
  background-image: url(../images/messages/error.png);
  color: #900;
}

.lfr-status-help-label,
.lfr-status-info-label,
.lfr-status-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404f;
}

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png);
}

.lfr-status-progress-label {
  background-image: url(../images/aui/loading_indicator.gif);
}

.lfr-status-success-label {
  background-image: url(../images/messages/success.png);
  color: #384f34;
}

.portlet-msg {
  background: #eee none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404f;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left;
}

.lfr-message {
  position: relative;
}
.lfr-message .lfr-message-control {
  background-color: #333;
  display: inline-block;
}
.lfr-message .lfr-message-controls {
  display: none;
  left: 3px;
  margin: -8px 8px 0 3px;
  position: absolute;
  top: 50%;
  z-index: 10;
}
.lfr-message .lfr-message-close {
  background-image: url(../images/portlet/close_borderless.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.lfr-message .lfr-message-close-all {
  color: #fff;
  display: none;
  font-size: 0.8em;
  margin-left: 10px;
  padding: 1px 10px;
  text-shadow: 1px 1px 0 #000;
  vertical-align: top;
}
.lfr-message .lfr-message-close-all a {
  color: #fff;
}
.lfr-message .lfr-message-controls-hover .lfr-message-close-all {
  display: inline-block;
}
.lfr-message.pending {
  background-image: url(../images/common/time.png);
}

.lfr-message-content.alert {
  margin-bottom: 0;
}

.lfr-message-close {
  cursor: pointer;
}

.portlet-section-selected,
.portlet-section-selected a {
  background: #727c81;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.portlet-section-selected a:hover,
.portlet-section-selected a:focus {
  background-color: #727c81;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    transition: none;
  }
}
html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right;
}
html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 14px;
  font-weight: 600;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .lfr-configurator-visibility {
    opacity: 0.5;
  }
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    display: box;
    display: flex;
  }
}
html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block;
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.25s, transform 0.25s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}

@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%);
  }
}

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

.portlet-actions {
  float: right;
}

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600;
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: rgba(0, 0, 0, 0.5);
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .lfr-configurator-visibility {
    opacity: 0.5;
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
  .lfr-configurator-visibility .portlet-content-editable {
    opacity: 0.5;
  }
}

@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: box;
    display: flex;
  }
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6;
}
.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1;
}

.lfr-panel-page {
  width: 100%;
}
.lfr-panel-page .portlet-title {
  font-size: 13px;
}
.lfr-panel-page .lfr-add-content h2 span {
  background-color: #d3dadd;
}

.main-content-body {
  margin-top: 24px;
}

.restricted, .restricted td {
  background: #fdd;
  border-width: 0;
}
.restricted * {
  color: #727c81;
}

.alt.restricted td {
  background-color: #ffc0c0;
}

.hover.restricted td {
  background-color: #d3bdc0;
}

.alt.restricted td.first,
.restricted td.first {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}

.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 1rem;
  word-wrap: break-word;
}

.portlet-barebone .portlet-content {
  padding: 0;
}

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px;
}

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0;
}
.taglib-calendar tr td a {
  background-color: #f0f5f7;
  border: 1px solid #fff;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0;
}
.taglib-calendar tr td a:hover {
  background-color: #727c81;
  color: #fff;
}
.taglib-calendar tr td.calendar-inactive {
  background-color: #fff;
  color: #b5bfc4;
}
.taglib-calendar tr th {
  border-bottom-color: #d7d7d7;
}
.taglib-calendar table td {
  border-width: 0;
}
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #fff;
}
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727c81;
  color: #369;
  text-decoration: underline;
}

.navbar form {
  margin: 0;
}

.widget-toolbar .btn + .btn,
.widget-toolbar .widget-group + .widget-group {
  margin-left: 1rem;
}

.widget-mode-detail {
  padding-top: 1rem;
}
.widget-mode-detail .title {
  font-size: 36px;
}
.widget-mode-detail .sub-title {
  font-size: 26px;
  margin-bottom: 32px;
}
.widget-mode-detail .widget-metadata {
  margin-bottom: 2rem;
}
.widget-mode-detail .widget-mode-detail-text {
  margin-top: 48px;
}
.widget-mode-detail .widget-mode-detail-text img {
  max-width: 100%;
}
.widget-mode-detail .widget-mode-detail-text p {
  font-size: 18px;
  line-height: 1.8;
}

.widget-mode-card .card {
  display: flex;
  flex-direction: column;
  height: calc(100% - 24px);
  margin-bottom: 24px;
}
.widget-mode-card .card-header {
  overflow: hidden;
  padding: 0;
}
.widget-mode-card .card-title {
  position: relative;
}
@media (min-width: 768px) {
  .widget-mode-card .visible-interaction {
    position: absolute;
    right: -8px;
  }
}

.widget-mode-simple .widget-topbar {
  margin-bottom: 8px;
}
.widget-mode-simple .widget-metadata {
  margin-bottom: 24px;
}
.widget-mode-simple .widget-toolbar {
  margin-top: 1.5rem;
}
.widget-mode-simple .widget-content .cover-image {
  margin-bottom: 24px;
}

.menu-content,
.underlay-content {
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
}

.lfr-ddm-container .file-entry-upload-progress {
  border-radius: 0 0 4px 4px;
}

.lfr-preview-file-image img {
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
}

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
}

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
}

.portlet-document-library .lfr-ddm-small-image-preview,
.portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  box-shadow: 0 1px 3px #ccc;
}

.portlet-document-library-upload-mask .overlaymask-content {
  border-radius: 5px;
}

.overlaymask-content {
  background-color: #fff;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}

.product-menu .loading-animation {
  margin-top: 160px;
}

.lfr-search-combobox-item {
  border-radius: 1px;
}

.lfr-search-combobox .field-input-text {
  border-radius: 4px 1px 1px 4px;
}
.lfr-search-combobox .button-input {
  border-radius: 1px 4px 4px 1px;
}

.lfr-upload-container .progress-bar,
.lfr-upload-container .progress,
.lfr-editable:after {
  border-radius: 10px;
}

.portlet-language .portlet-body .current-language,
.portlet-language .portlet-body .taglib-icon,
.portlet-language .portlet-body .taglib-language-list-text {
  border-radius: 10px;
}

body > .lfr-menu-list ul,
.active-area-proxy,
.lfr-api-results,
.lfr-translation-manager,
.lfr-translation-manager-translation,
.lfr-upload-container .cancel-button .modify-pages .delete-tab,
.portlet-image-gallery-display .image-thumbnail img,
.rule-group-instance-container .rule-group-instance,
.select-documents,
.select-files,
.tags-search-combobox .field-input-text {
  border-radius: 4px;
}

.lfr-search-combobox,
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target,
.portlet-document-library .common-file-metadata-container.selected,
.portlet-document-library-display .common-file-metadata-container.selected,
.portlet-image-gallery-display .image-icon,
.select-documents,
.select-files {
  border-radius: 5px;
}

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder,
.portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
  border-radius: 6px;
}

.menu-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

.underlay-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.input-localized .lfr-input-localized-state {
  border-radius: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  box-shadow: 0 0 3px #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  box-shadow: 0 0 3px #ff0047;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  box-shadow: 0 0 3px #27c1f2;
}

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  border-radius: 0;
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
}

.lfr-message .lfr-message-control {
  border-radius: 10px;
}

.lfr-token {
  border-radius: 8px;
}

.staging-tabview-list {
  border-radius: 0;
}

.site-variations-tabview-list .tab-content,
.staging-tabview-list .tab-active .tab-content,
.tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  box-shadow: none;
}

.rule-group-instance-container .rule-group-instance {
  box-shadow: 1px 1px 2px #999;
}

.lfr-action-label {
  border-radius: 2px;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}

@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s;
}

.lfr-spa-loading .lfr-spa-loading-bar {
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.lfr-spa-loading-bar {
  transform: translateX(100%);
}

@keyframes shift-rightwards {
  0% {
    transform: translateX(-100%);
  }
  40% {
    transform: translateX(0%);
  }
  60% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text,
.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  max-width: 200px;
}

.portlet-boundary.yui3-dd-dragging {
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}

.portlet-document-library .entry-thumbnail .label,
.portlet-document-library-display .workflow-status .label,
.portlet-journal .entry-thumbnail .label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  animation: none;
}
.upload-drop-active .portlet-document-library .document-container {
  box-shadow: inset 0 0 5px #b8c1d1;
}

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.quick-access-nav a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
}

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup,
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  box-shadow: initial;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  box-shadow: none;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: linear-gradient(#fff, #e4e4e4);
  border-radius: 2px;
}
.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: linear-gradient(#f2f2f2, #ccc);
}

input.switch:focus ~ .switch-bar:before {
  box-shadow: 0 0 3px #00f;
}
input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
input.switch:empty ~ .switch-bar .switch-icon,
input.switch:empty ~ .switch-bar .switch-toggle:after,
input.switch:empty ~ .switch-bar .switch-toggle:before {
  transition: all 100ms ease-in;
}
@media (prefers-reduced-motion: reduce) {
  input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before,
input.switch:empty ~ .switch-bar .switch-icon,
input.switch:empty ~ .switch-bar .switch-toggle:after,
input.switch:empty ~ .switch-bar .switch-toggle:before {
    transition: none;
  }
}

.taglib-image-selector .selection-status {
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-image-selector .selection-status {
    transition: none;
  }
}
.taglib-image-selector .progress-wrapper .progressbar {
  border-radius: 0;
}

.drop-here-info {
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info .drop-icons {
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  transform: rotate(25deg);
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15);
  transform: scale(0.8);
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-25deg);
}

.drop-active .drop-here-info span:nth-of-type(1) {
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  transform: rotate(15deg);
}

/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
/* endinject */
/* Engie design system */
:root,
[data-theme] {
  --nj-color-backdrop-modal:var(--nj-color-base-black);
  --nj-color-background-body:var(--nj-color-base-white);
  --nj-color-background-components:var(--nj-color-base-white);
  --nj-color-background-components-active:var(--nj-color-base-gray-100);
  --nj-color-background-disabled:var(--nj-color-base-gray-300);
  --nj-color-background-hr:var(--nj-color-base-gray-300);
  --nj-color-background-progress-track:var(--nj-color-base-gray-200);
  --nj-color-base-black-100:rgba(0, 0, 0, 0.12);
  --nj-color-base-black-200:rgba(0, 0, 0, 0.26);
  --nj-color-base-black-300:rgba(0, 0, 0, 0.38);
  --nj-color-base-black-400:rgba(0, 0, 0, 0.45);
  --nj-color-base-black-500:rgba(0, 0, 0, 0.54);
  --nj-color-base-black-600:rgba(0, 0, 0, 0.6);
  --nj-color-base-black-700:rgba(0, 0, 0, 0.7);
  --nj-color-base-black-800:rgba(0, 0, 0, 0.87);
  --nj-color-base-black-900:rgba(0, 0, 0, 0.93);
  --nj-color-base-black: #000000;
  --nj-color-base-blue-allports: #0b74c0;
  --nj-color-base-blue-allports-active: #064776;
  --nj-color-base-blue-allports-hover: #08558e;
  --nj-color-base-blue-bigstone: #0f1e29;
  --nj-color-base-blue-bigstone-active: #6a737a;
  --nj-color-base-blue-bigstone-hover: #4d5860;
  --nj-color-base-blue-corporate: #009de9;
  --nj-color-base-blue-corporate-active: #006190;
  --nj-color-base-blue-corporate-hover: #0074ac;
  --nj-color-base-blue-engie: #00aaff;
  --nj-color-base-blue-rhino: #2b485c;
  --nj-color-base-blue-rhino-active: #7b8d9a;
  --nj-color-base-blue-rhino-hover: #617786;
  --nj-color-base-blue-venice: #005288;
  --nj-color-base-blue-venice-active: #003254;
  --nj-color-base-blue-venice-hover: #003c64;
  --nj-color-base-cerise: #e62b87;
  --nj-color-base-cerise-active: #8e1a53;
  --nj-color-base-cerise-hover: #aa1f64;
  --nj-color-base-danger:var(--nj-color-base-red);
  --nj-color-base-danger-active:var(--nj-color-base-red-active);
  --nj-color-base-danger-hover:var(--nj-color-base-red-hover);
  --nj-color-base-disabled:var(--nj-color-base-gray-400);
  --nj-color-base-gradient-primary:linear-gradient(135deg, #00aaff 0%, #23d2b5 100%);
  --nj-color-base-gray-100: #f5f5f5;
  --nj-color-base-gray-200: #eeeeee;
  --nj-color-base-gray-300: #e0e0e0;
  --nj-color-base-gray-400: #bdbdbd;
  --nj-color-base-gray-500: #9e9e9e;
  --nj-color-base-gray-600: #757575;
  --nj-color-base-gray-700: #616161;
  --nj-color-base-gray-800: #424242;
  --nj-color-base-gray-900: #212121;
  --nj-color-base-green: #009934;
  --nj-color-base-green-active: #005e20;
  --nj-color-base-green-hover: #007126;
  --nj-color-base-green-fun: #69af23;
  --nj-color-base-green-fun-active: #416c15;
  --nj-color-base-green-fun-hover: #4d8119;
  --nj-color-base-green-java: #6ed2b1;
  --nj-color-base-green-java-active: #44826d;
  --nj-color-base-green-java-hover: #519b83;
  --nj-color-base-green-pine: #007873;
  --nj-color-base-green-pine-active: #004a47;
  --nj-color-base-green-pine-hover: #005855;
  --nj-color-base-green-riogrande: #becd00;
  --nj-color-base-green-riogrande-active: #757f00;
  --nj-color-base-green-riogrande-hover: #8c9700;
  --nj-color-base-light:var(--nj-color-base-white);
  --nj-color-base-light-active:var(--nj-color-base-white-active);
  --nj-color-base-light-hover:var(--nj-color-base-white-hover);
  --nj-color-base-orange: #e07602;
  --nj-color-base-orange-active: #8a4901;
  --nj-color-base-orange-hover: #a65701;
  --nj-color-base-orange-crusta: #f78a31;
  --nj-color-base-orange-crusta-active: #99551e;
  --nj-color-base-orange-crusta-hover: #b76624;
  --nj-color-base-primary:var(--nj-color-base-blue-corporate);
  --nj-color-base-primary-active:var(--nj-color-base-blue-corporate-active);
  --nj-color-base-primary-hover:var(--nj-color-base-blue-corporate-hover);
  --nj-color-base-purple: #1f106d;
  --nj-color-base-purple-active: #746aa4;
  --nj-color-base-purple-hover: #584d92;
  --nj-color-base-red: #cc0033;
  --nj-color-base-red-active: #7e001f;
  --nj-color-base-red-hover: #970025;
  --nj-color-base-red-mandy: #ab363b;
  --nj-color-base-red-mandy-active: #8f2d31;
  --nj-color-base-red-mandy-hover: #ab363b;
  --nj-color-base-success:var(--nj-color-base-green);
  --nj-color-base-success-active:var(--nj-color-base-green-active);
  --nj-color-base-success-hover:var(--nj-color-base-green-hover);
  --nj-color-base-violet: #3f1960;
  --nj-color-base-violet-active: #341550;
  --nj-color-base-violet-hover: #3f1960;
  --nj-color-base-violet-eggplant: #6b0b5c;
  --nj-color-base-violet-eggplant-active: #59094d;
  --nj-color-base-violet-eggplant-hover: #6b0b5c;
  --nj-color-base-warning:var(--nj-color-base-orange);
  --nj-color-base-warning-active:var(--nj-color-base-orange-active);
  --nj-color-base-warning-hover:var(--nj-color-base-orange-hover);
  --nj-color-base-white-100:rgba(255, 255, 255, 0.12);
  --nj-color-base-white-200:rgba(255, 255, 255, 0.26);
  --nj-color-base-white-300:rgba(255, 255, 255, 0.3);
  --nj-color-base-white-400:rgba(255, 255, 255, 0.4);
  --nj-color-base-white-500:rgba(255, 255, 255, 0.5);
  --nj-color-base-white-600:rgba(255, 255, 255, 0.6);
  --nj-color-base-white-700:rgba(255, 255, 255, 0.7);
  --nj-color-base-white-800:rgba(255, 255, 255, 0.8);
  --nj-color-base-white-900:rgba(255, 255, 255, 0.9);
  --nj-color-base-white: #ffffff;
  --nj-color-base-white-active: #bdbdbd;
  --nj-color-base-white-hover: #e0e0e0;
  --nj-color-base-yellow: #faca08;
  --nj-color-base-yellow-active: #9a7d04;
  --nj-color-base-yellow-hover: #b99505;
  --nj-color-base-yellow-bright-sun: #fbdb3c;
  --nj-color-base-yellow-bright-sun-active: #9a8312;
  --nj-color-base-yellow-bright-sun-hover: #b99d16;
  --nj-color-border-input:var(--nj-color-base-gray-500);
  --nj-color-border-input-disabled:var(--nj-color-base-gray-300);
  --nj-color-icon-input:var(--nj-color-base-gray-600);
  --nj-color-placeholder-input:var(--nj-color-base-gray-500);
  --nj-color-placeholder-input-disabled:var(--nj-color-base-gray-300);
  --nj-color-placeholder-input-hover:var(--nj-color-base-gray-600);
  --nj-color-placeholder-input-focus:var(--nj-color-base-gray-900);
  --nj-color-text-background-base:var(--nj-color-base-white);
  --nj-color-text-background-blue-allports:var(--nj-color-text-background-base);
  --nj-color-text-background-blue-bigstone:var(--nj-color-text-background-base);
  --nj-color-text-background-blue-corporate:var(--nj-color-text-background-base);
  --nj-color-text-background-blue-engie:var(--nj-color-text-background-base);
  --nj-color-text-background-blue-rhino:var(--nj-color-text-background-base);
  --nj-color-text-background-blue-venice:var(--nj-color-text-background-base);
  --nj-color-text-background-cerise:var(--nj-color-text-background-base);
  --nj-color-text-background-danger:var(--nj-color-text-background-base);
  --nj-color-text-background-gradient-primary:var(--nj-color-base-white);
  --nj-color-text-background-gray-100:var(--nj-color-text-body);
  --nj-color-text-background-gray-200:var(--nj-color-text-body);
  --nj-color-text-background-gray-300:var(--nj-color-text-body);
  --nj-color-text-background-gray-400:var(--nj-color-text-body);
  --nj-color-text-background-gray-500:var(--nj-color-text-body);
  --nj-color-text-background-gray-600:var(--nj-color-text-body);
  --nj-color-text-background-gray-700:var(--nj-color-text-body);
  --nj-color-text-background-gray-800:var(--nj-color-base-white);
  --nj-color-text-background-gray-900:var(--nj-color-base-white);
  --nj-color-text-background-green:var(--nj-color-text-background-base);
  --nj-color-text-background-green-fun:var(--nj-color-base-gray-900);
  --nj-color-text-background-green-java:var(--nj-color-text-background-base);
  --nj-color-text-background-green-pine:var(--nj-color-base-gray-900);
  --nj-color-text-background-green-riogrande:var(--nj-color-base-gray-900);
  --nj-color-text-background-light:var(--nj-color-base-primary);
  --nj-color-text-background-orange:var(--nj-color-base-gray-900);
  --nj-color-text-background-orange-crusta:var(--nj-color-base-gray-900);
  --nj-color-text-background-primary:var(--nj-color-text-background-base);
  --nj-color-text-background-purple:var(--nj-color-text-background-base);
  --nj-color-text-background-red:var(--nj-color-text-background-base);
  --nj-color-text-background-red-mandy:var(--nj-color-text-background-base);
  --nj-color-text-background-success:var(--nj-color-text-background-base);
  --nj-color-text-background-violet:var(--nj-color-text-background-base);
  --nj-color-text-background-violet-eggplant:var(--nj-color-text-background-base);
  --nj-color-text-background-warning:var(--nj-color-text-background-base);
  --nj-color-text-background-white:var(--nj-color-base-gray-900);
  --nj-color-text-background-yellow:var(--nj-color-base-gray-900);
  --nj-color-text-background-yellow-bright-sun:var(--nj-color-base-gray-900);
  --nj-color-text-body:var(--nj-color-base-gray-900);
  --nj-color-text-body-inverted:var(--nj-color-base-gray-100);
  --nj-color-text-disabled:var(--nj-color-base-gray-500);
  --nj-color-text-label:var(--nj-color-base-gray-600);
  --nj-color-text-label-focus:var(--nj-color-base-primary);
  --nj-color-text-label-inner-focus:var(--nj-color-base-gray-600);
  --nj-color-text-progress:var(--nj-color-base-gray-500);
  --nj-elevation-dropdown: 1000;
  --nj-elevation-sticky: 1020;
  --nj-elevation-fixed: 1030;
  --nj-elevation-modal-backdrop: 1040;
  --nj-elevation-modal: 1050;
  --nj-elevation-popover: 1060;
  --nj-elevation-tooltip: 1070;
  --nj-shadow-level-2-dp: 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 3px 1px -2px rgba(0, 0, 0, 0.06);
  --nj-shadow-level-4-dp: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --nj-shadow-level-6-dp: 0 1px 18px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.06), 0 3px 5px -1px rgba(0, 0, 0, 0.06);
  --nj-shadow-level-8-dp: 0 3px 14px 2px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.06);
  --nj-shadow-level-16-dp: 0 6px 30px 5px rgba(0, 0, 0, 0.1), 0 16px 24px 2px rgba(0, 0, 0, 0.06), 0 8px 10px -5px rgba(0, 0, 0, 0.06);
  --nj-shadow-level-24-dp: 0 11px 15px -7px rgba(0, 0, 0, 0.1), 0 9px 46px 8px rgba(0, 0, 0, 0.06), 0 24px 38px 3px rgba(0, 0, 0, 0.06);
  --nj-size-border-width: 1px;
  --nj-size-border-radius: 4px;
  --nj-size-border-radius: 0.25rem;
  --nj-size-font-peta: 76px;
  --nj-size-font-peta: 4.75rem;
  --nj-size-font-tera: 54px;
  --nj-size-font-tera: 3.375rem;
  --nj-size-font-giga: 36px;
  --nj-size-font-giga: 2.25rem;
  --nj-size-font-mega: 28px;
  --nj-size-font-mega: 1.75rem;
  --nj-size-font-kilo: 24px;
  --nj-size-font-kilo: 1.5rem;
  --nj-size-font-hecto: 20px;
  --nj-size-font-hecto: 1.25rem;
  --nj-size-font-deca: 18px;
  --nj-size-font-deca: 1.125rem;
  --nj-size-font-base: 16px;
  --nj-size-font-base: 1rem;
  --nj-size-font-deci: 14px;
  --nj-size-font-deci: 0.875rem;
  --nj-size-font-centi: 12px;
  --nj-size-font-centi: 0.75rem;
  --nj-size-navbar-height: 96px;
  --nj-size-navbar-height: 6rem;
  --nj-size-navbar-height-sm: 56px;
  --nj-size-navbar-height-sm: 3.5rem;
}

[data-theme=dark] {
  --nj-color-backdrop-modal:var(--nj-color-base-gray-400);
  --nj-color-background-body:var(--nj-color-base-gray-900);
  --nj-color-background-components:var(--nj-color-base-gray-700);
  --nj-color-background-components-active:var(--nj-color-base-gray-600);
  --nj-color-background-disabled:var(--nj-color-base-white-200);
  --nj-color-background-hr:var(--nj-color-base-gray-400);
  --nj-color-background-progress-track:var(--nj-color-base-gray-500);
  --nj-color-base-black-100:rgba(0, 0, 0, 0.12);
  --nj-color-base-black-200:rgba(0, 0, 0, 0.26);
  --nj-color-base-black-300:rgba(0, 0, 0, 0.38);
  --nj-color-base-black-400:rgba(0, 0, 0, 0.45);
  --nj-color-base-black-500:rgba(0, 0, 0, 0.54);
  --nj-color-base-black-600:rgba(0, 0, 0, 0.6);
  --nj-color-base-black-700:rgba(0, 0, 0, 0.7);
  --nj-color-base-black-800:rgba(0, 0, 0, 0.87);
  --nj-color-base-black-900:rgba(0, 0, 0, 0.93);
  --nj-color-base-black: #000000;
  --nj-color-base-blue-allports: #63add5;
  --nj-color-base-blue-allports-active: #9ecce4;
  --nj-color-base-blue-allports-hover: #8bc2df;
  --nj-color-base-blue-bigstone: #0f1e29;
  --nj-color-base-blue-bigstone-active: #4d5860;
  --nj-color-base-blue-bigstone-hover: #4d5860;
  --nj-color-base-blue-corporate: #009de9;
  --nj-color-base-blue-corporate-active: #61c2f1;
  --nj-color-base-blue-corporate-hover: #42b6ee;
  --nj-color-base-blue-engie: #00aaff;
  --nj-color-base-blue-rhino: #2b485c;
  --nj-color-base-blue-rhino-active: #617786;
  --nj-color-base-blue-rhino-hover: #617786;
  --nj-color-base-blue-venice: #538aae;
  --nj-color-base-blue-venice-active: #94b6cc;
  --nj-color-base-blue-venice-hover: #7fa8c2;
  --nj-color-base-cerise: #ec5ba2;
  --nj-color-base-cerise-active: #f399c5;
  --nj-color-base-cerise-hover: #f085ba;
  --nj-color-base-danger:var(--nj-color-base-red);
  --nj-color-base-danger-active:var(--nj-color-base-red-active);
  --nj-color-base-danger-hover:var(--nj-color-base-red-hover);
  --nj-color-base-disabled:var(--nj-color-base-white-200);
  --nj-color-base-gradient-primary:linear-gradient(135deg, #00aaff 0%, #23d2b5 100%);
  --nj-color-base-gray-100: #e0e0e0;
  --nj-color-base-gray-200: #b8bfc3;
  --nj-color-base-gray-300: #758590;
  --nj-color-base-gray-400: #485d6c;
  --nj-color-base-gray-500: #304759;
  --nj-color-base-gray-600: #1a3447;
  --nj-color-base-gray-700: #142938;
  --nj-color-base-gray-800: #0f1e29;
  --nj-color-base-gray-900: #081016;
  --nj-color-base-green: #32b760;
  --nj-color-base-green-active: #61b37c;
  --nj-color-base-green-hover: #42a463;
  --nj-color-base-green-fun: #4d801a;
  --nj-color-base-green-fun-active: #90b071;
  --nj-color-base-green-fun-hover: #7ba055;
  --nj-color-base-green-java: #6ed2b1;
  --nj-color-base-green-java-active: #a5e3ce;
  --nj-color-base-green-java-hover: #93ddc5;
  --nj-color-base-green-pine: #007873;
  --nj-color-base-green-pine-active: #61aba8;
  --nj-color-base-green-pine-hover: #429a97;
  --nj-color-base-green-riogrande: #a5b300;
  --nj-color-base-green-riogrande-active: #c7cf61;
  --nj-color-base-green-riogrande-hover: #bcc642;
  --nj-color-base-light:var(--nj-color-base-gray-700);
  --nj-color-base-light-active:var(--nj-color-base-black-800);
  --nj-color-base-light-hover:var(--nj-color-base-black-500);
  --nj-color-base-orange: #e76d39;
  --nj-color-base-orange-active: #f0a484;
  --nj-color-base-orange-hover: #ed926c;
  --nj-color-base-orange-crusta: #e97949;
  --nj-color-base-orange-crusta-active: #b76624;
  --nj-color-base-orange-crusta-hover: #ee9b78;
  --nj-color-base-primary:var(--nj-color-base-blue-corporate);
  --nj-color-base-primary-active:var(--nj-color-base-blue-corporate-active);
  --nj-color-base-primary-hover:var(--nj-color-base-blue-corporate-hover);
  --nj-color-base-purple: #907eec;
  --nj-color-base-purple-active: #baaff3;
  --nj-color-base-purple-hover: #ac9ff0;
  --nj-color-base-red: #f25a69;
  --nj-color-base-red-active: #f698a2;
  --nj-color-base-red-hover: #f5848f;
  --nj-color-base-red-mandy: #ee8185;
  --nj-color-base-red-mandy-active: #f4b0b3;
  --nj-color-base-red-mandy-hover: #f2a1a4;
  --nj-color-base-success:var(--nj-color-base-green);
  --nj-color-base-success-active:var(--nj-color-base-green-active);
  --nj-color-base-success-hover:var(--nj-color-base-green-hover);
  --nj-color-base-violet: #a872d9;
  --nj-color-base-violet-active: #c9a7e7;
  --nj-color-base-violet-hover: #be96e2;
  --nj-color-base-violet-eggplant: #f06bdb;
  --nj-color-base-violet-eggplant-active: #f5a3e8;
  --nj-color-base-violet-eggplant-hover: #f391e4;
  --nj-color-base-warning:var(--nj-color-base-orange);
  --nj-color-base-warning-active:var(--nj-color-base-orange-active);
  --nj-color-base-warning-hover:var(--nj-color-base-orange-hover);
  --nj-color-base-white-100:rgba(255, 255, 255, 0.12);
  --nj-color-base-white-200:rgba(255, 255, 255, 0.26);
  --nj-color-base-white-300:rgba(255, 255, 255, 0.3);
  --nj-color-base-white-400:rgba(255, 255, 255, 0.4);
  --nj-color-base-white-500:rgba(255, 255, 255, 0.5);
  --nj-color-base-white-600:rgba(255, 255, 255, 0.6);
  --nj-color-base-white-700:rgba(255, 255, 255, 0.7);
  --nj-color-base-white-800:rgba(255, 255, 255, 0.8);
  --nj-color-base-white-900:rgba(255, 255, 255, 0.9);
  --nj-color-base-white: #ffffff;
  --nj-color-base-white-active: #bdbdbd;
  --nj-color-base-white-hover: #e0e0e0;
  --nj-color-base-yellow: #faca08;
  --nj-color-base-yellow-active: #fbde65;
  --nj-color-base-yellow-hover: #fbd747;
  --nj-color-base-yellow-bright-sun: #fad51e;
  --nj-color-base-yellow-bright-sun-active: #fbe473;
  --nj-color-base-yellow-bright-sun-hover: #fbdf58;
  --nj-color-border-input:var(--nj-color-base-gray-500);
  --nj-color-border-input-disabled:var(--nj-color-base-white-100);
  --nj-color-icon-input:var(--nj-color-base-gray-200);
  --nj-color-placeholder-input:var(--nj-color-base-gray-300);
  --nj-color-placeholder-input-disabled:var(--nj-color-base-white-100);
  --nj-color-placeholder-input-hover:var(--nj-color-base-gray-100);
  --nj-color-placeholder-input-focus:var(--nj-color-base-gray-100);
  --nj-color-text-background-base:var(--nj-color-base-gray-900);
  --nj-color-text-background-blue-allports:var(--nj-color-text-background-base);
  --nj-color-text-background-blue-bigstone:var(--nj-color-base-white);
  --nj-color-text-background-blue-corporate:var(--nj-color-text-background-base);
  --nj-color-text-background-blue-engie:var(--nj-color-text-background-base);
  --nj-color-text-background-blue-rhino:var(--nj-color-base-white);
  --nj-color-text-background-blue-venice:var(--nj-color-text-background-base);
  --nj-color-text-background-cerise:var(--nj-color-text-background-base);
  --nj-color-text-background-danger:var(--nj-color-text-background-base);
  --nj-color-text-background-gradient-primary:var(--nj-color-base-gray-900);
  --nj-color-text-background-gray-100:var(--nj-color-base-gray-900);
  --nj-color-text-background-gray-200:var(--nj-color-base-gray-900);
  --nj-color-text-background-gray-300:var(--nj-color-text-body);
  --nj-color-text-background-gray-400:var(--nj-color-text-body);
  --nj-color-text-background-gray-500:var(--nj-color-text-body);
  --nj-color-text-background-gray-600:var(--nj-color-text-body);
  --nj-color-text-background-gray-700:var(--nj-color-text-body);
  --nj-color-text-background-gray-800:var(--nj-color-text-body);
  --nj-color-text-background-gray-900:var(--nj-color-text-body);
  --nj-color-text-background-green:var(--nj-color-text-background-base);
  --nj-color-text-background-green-fun:var(--nj-color-base-white);
  --nj-color-text-background-green-java:var(--nj-color-text-background-base);
  --nj-color-text-background-green-pine:var(--nj-color-base-white);
  --nj-color-text-background-green-riogrande:var(--nj-color-text-background-base);
  --nj-color-text-background-light:var(--nj-color-base-primary);
  --nj-color-text-background-orange:var(--nj-color-text-background-base);
  --nj-color-text-background-orange-crusta:var(--nj-color-text-background-base);
  --nj-color-text-background-primary:var(--nj-color-text-background-base);
  --nj-color-text-background-purple:var(--nj-color-text-background-base);
  --nj-color-text-background-red:var(--nj-color-text-background-base);
  --nj-color-text-background-red-mandy:var(--nj-color-text-background-base);
  --nj-color-text-background-success:var(--nj-color-text-background-base);
  --nj-color-text-background-violet:var(--nj-color-text-background-base);
  --nj-color-text-background-violet-eggplant:var(--nj-color-text-background-base);
  --nj-color-text-background-warning:var(--nj-color-text-background-base);
  --nj-color-text-background-white:var(--nj-color-text-background-base);
  --nj-color-text-background-yellow:var(--nj-color-text-background-base);
  --nj-color-text-background-yellow-bright-sun:var(--nj-color-text-background-base);
  --nj-color-text-body:var(--nj-color-base-gray-100);
  --nj-color-text-body-inverted:var(--nj-color-base-gray-900);
  --nj-color-text-disabled:var(--nj-color-base-white-200);
  --nj-color-text-label:var(--nj-color-base-gray-300);
  --nj-color-text-label-focus:var(--nj-color-base-primary);
  --nj-color-text-label-inner-focus:var(--nj-color-base-gray-200);
  --nj-color-text-progress:var(--nj-color-base-white-500);
  --nj-shadow-level-2-dp: 0 3px 0 rgba(0, 0, 0, 0.06), 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px 5px rgba(0, 0, 0, 0.3);
  --nj-shadow-level-4-dp: 0 1px 10px rgba(0, 0, 0, 0.3), 0 4px 5px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.35);
  --nj-shadow-level-6-dp: 0 1px 18px rgba(0, 0, 0, 0.3), 0 6px 10px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.3);
  --nj-shadow-level-8-dp: 0 3px 14px rgba(0, 0, 0, 0.3), 0 8px 10px rgba(0, 0, 0, 0.3), 0 5px 5px rgba(0, 0, 0, 0.3);
  --nj-shadow-level-16-dp: 0 6px 30px rgba(0, 0, 0, 0.3), 0 16px 24px rgba(0, 0, 0, 0.3), 0 8px 10px rgba(0, 0, 0, 0.35);
  --nj-shadow-level-24-dp: 0 9px 46px rgba(0, 0, 0, 0.3), 0 24px 38px rgba(0, 0, 0, 0.3), 0 11px 15px rgba(0, 0, 0, 0.3);
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  color: var(--nj-color-text-body);
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Lato", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  text-align: left;
  background-color: var(--nj-color-background-body);
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  overflow: visible;
  border: 0;
  border-top: 1px solid var(--nj-color-background-hr);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}

address {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ul {
  list-style-type: disc;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 16px;
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #009de9;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:focus {
  outline: none;
}

a:hover {
  color: #00699d;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
}

code {
  color: #e62b87;
  font-size: 87.5%;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 3.2px 6.4px;
  padding: 0.2rem 0.4rem;
  color: #fff;
  font-size: 87.5%;
  background-color: #212121;
  border-radius: 0.125rem;
  -webkit-box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-weight: 700;
  font-size: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  overflow: auto;
  color: #212121;
  -ms-overflow-style: scrollbar;
  font-size: 87.5%;
}

pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  max-height: 21.25rem;
  overflow-y: scroll;
}

figure {
  margin: 0 0 16px;
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  color: #e0e0e0;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: none;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  padding: 0;
  color: inherit;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.nj-alert {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 16px 0;
  margin: 1rem 0;
  padding: 8px 48px 8px 16px;
  padding: 0.5rem 3rem 0.5rem 1rem;
  color: var(--nj-color-text-background-base);
  font-size: 14px;
  font-size: 0.875rem;
}

.nj-alert__icon {
  margin-right: 16px;
  margin-right: 1rem;
}

.nj-alert__icon, .nj-alert__icon.material-icons {
  color: inherit;
}

.nj-alert__title {
  display: block;
  font-weight: 700;
}

.nj-alert__close {
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  color: var(--nj-color-text-background-base);
}

.nj-alert__close:hover {
  text-decoration: none;
}

.nj-alert__close:not(:disabled):not(.disabled):hover, .nj-alert__close:not(:disabled):not(.disabled):focus {
  opacity: 0.7;
}

a.nj-alert__close {
  pointer-events: none;
}

button.nj-alert__close {
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.nj-alert__close-icon {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
}

.nj-alert__close-icon, .nj-alert__close-icon.material-icons {
  color: inherit;
}

.nj-alert--primary {
  background-color: var(--nj-color-base-primary);
}

.nj-alert--success {
  background-color: var(--nj-color-base-success);
}

.nj-alert--warning {
  background-color: var(--nj-color-base-warning);
}

.nj-alert--danger {
  background-color: var(--nj-color-base-danger);
}

.nj-alert--light {
  background-color: var(--nj-color-base-light);
}

.nj-alert--light {
  color: var(--nj-color-base-primary);
}

.nj-alert--light .nj-alert__close {
  color: var(--nj-color-text-body);
}

.nj-avatar {
  position: relative;
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
}

.nj-avatar__picture {
  width: inherit;
  height: inherit;
  overflow: hidden;
  background: #85d0f4 url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='78.8px' height='85px' viewBox='0 0 78.8 85' style='enable-background:new 0 0 78.8 85;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23009DE9;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M59.2,19.8C59.2,8.9,50.4,0,39.4,0S19.6,8.9,19.6,19.8c0,11,8.9,19.8,19.8,19.8S59.2,30.8,59.2,19.8z M0,64.9 C8.5,77,23,85,39.4,85c16.4,0,30.9-8,39.4-20.1c-0.2-12.4-26.3-19.3-39.4-19.3C26.3,45.6,0.2,52.4,0,64.9z'/%3E%3C/svg%3E%0A") center bottom no-repeat;
  background-size: 81%;
  border-radius: 50%;
}

.nj-avatar__picture img {
  max-width: 100%;
  vertical-align: unset;
}

.nj-avatar__initials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: inherit;
  height: inherit;
  font-size: 24px;
  font-size: 1.5rem;
  color: var(--nj-color-text-background-base);
  text-transform: uppercase;
  background: var(--nj-color-base-primary);
}

.nj-avatar .nj-badge {
  position: absolute;
  right: -1px;
  bottom: -1px;
  font-weight: 400;
}

.nj-avatar:first-child, .nj-avatar + .nj-avatar {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.nj-avatar--sm {
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
}

.nj-avatar--sm .nj-avatar__initials {
  font-size: 16px;
  font-size: 1rem;
}

.nj-avatar--sm .nj-badge {
  right: -2px;
}

.nj-avatar--lg {
  width: 96px;
  width: 6rem;
  height: 96px;
  height: 6rem;
}

.nj-avatar--lg .nj-avatar__initials {
  font-size: 36px;
  font-size: 2.25rem;
}

.nj-avatar--lg .nj-badge {
  right: 0;
  bottom: 1px;
}

.nj-avatar[href]:hover {
  text-decoration: none;
}

.nj-avatar[href]:hover .nj-avatar__picture {
  -webkit-box-shadow: 0 0 0 2px #009de9;
  box-shadow: 0 0 0 2px #009de9;
}

.nj-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  font-weight: 700;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-text-background-base);
  box-shadow: 0 0 0 1px var(--nj-color-text-background-base);
  font-size: 12px;
  font-size: 0.75rem;
}

.nj-badge:first-child {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.nj-badge + .nj-badge {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.nj-badge--blue-allports {
  color: var(--nj-color-text-background-blue-allports);
  background-color: var(--nj-color-base-blue-allports);
}

.nj-badge--blue-allports[href]:hover, .nj-badge--blue-allports[href]:focus {
  color: var(--nj-color-text-background-blue-allports);
  text-decoration: none;
}

.nj-badge--blue-corporate {
  color: var(--nj-color-text-background-blue-corporate);
  background-color: var(--nj-color-base-blue-corporate);
}

.nj-badge--blue-corporate[href]:hover, .nj-badge--blue-corporate[href]:focus {
  color: var(--nj-color-text-background-blue-corporate);
  text-decoration: none;
}

.nj-badge--white {
  color: var(--nj-color-text-background-white);
  background-color: var(--nj-color-base-white);
}

.nj-badge--white[href]:hover, .nj-badge--white[href]:focus {
  color: var(--nj-color-text-background-white);
  text-decoration: none;
}

.nj-badge--green-java {
  color: var(--nj-color-text-background-green-java);
  background-color: var(--nj-color-base-green-java);
}

.nj-badge--green-java[href]:hover, .nj-badge--green-java[href]:focus {
  color: var(--nj-color-text-background-green-java);
  text-decoration: none;
}

.nj-badge--orange-crusta {
  color: var(--nj-color-text-background-orange-crusta);
  background-color: var(--nj-color-base-orange-crusta);
}

.nj-badge--orange-crusta[href]:hover, .nj-badge--orange-crusta[href]:focus {
  color: var(--nj-color-text-background-orange-crusta);
  text-decoration: none;
}

.nj-badge--purple {
  color: var(--nj-color-text-background-purple);
  background-color: var(--nj-color-base-purple);
}

.nj-badge--purple[href]:hover, .nj-badge--purple[href]:focus {
  color: var(--nj-color-text-background-purple);
  text-decoration: none;
}

.nj-badge--red-mandy {
  color: var(--nj-color-text-background-red-mandy);
  background-color: var(--nj-color-base-red-mandy);
}

.nj-badge--red-mandy[href]:hover, .nj-badge--red-mandy[href]:focus {
  color: var(--nj-color-text-background-red-mandy);
  text-decoration: none;
}

.nj-badge--yellow-bright-sun {
  color: var(--nj-color-text-background-yellow-bright-sun);
  background-color: var(--nj-color-base-yellow-bright-sun);
}

.nj-badge--yellow-bright-sun[href]:hover, .nj-badge--yellow-bright-sun[href]:focus {
  color: var(--nj-color-text-background-yellow-bright-sun);
  text-decoration: none;
}

.nj-badge--red {
  color: var(--nj-color-text-background-red);
  background-color: var(--nj-color-base-red);
}

.nj-badge--red[href]:hover, .nj-badge--red[href]:focus {
  color: var(--nj-color-text-background-red);
  text-decoration: none;
}

.nj-badge--green {
  color: var(--nj-color-text-background-green);
  background-color: var(--nj-color-base-green);
}

.nj-badge--green[href]:hover, .nj-badge--green[href]:focus {
  color: var(--nj-color-text-background-green);
  text-decoration: none;
}

.nj-badge--orange {
  color: var(--nj-color-text-background-orange);
  background-color: var(--nj-color-base-orange);
}

.nj-badge--orange[href]:hover, .nj-badge--orange[href]:focus {
  color: var(--nj-color-text-background-orange);
  text-decoration: none;
}

.nj-badge--blue-bigstone {
  color: var(--nj-color-text-background-blue-bigstone);
  background-color: var(--nj-color-base-blue-bigstone);
}

.nj-badge--blue-bigstone[href]:hover, .nj-badge--blue-bigstone[href]:focus {
  color: var(--nj-color-text-background-blue-bigstone);
  text-decoration: none;
}

.nj-badge--blue-rhino {
  color: var(--nj-color-text-background-blue-rhino);
  background-color: var(--nj-color-base-blue-rhino);
}

.nj-badge--blue-rhino[href]:hover, .nj-badge--blue-rhino[href]:focus {
  color: var(--nj-color-text-background-blue-rhino);
  text-decoration: none;
}

.nj-badge--blue-venice {
  color: var(--nj-color-text-background-blue-venice);
  background-color: var(--nj-color-base-blue-venice);
}

.nj-badge--blue-venice[href]:hover, .nj-badge--blue-venice[href]:focus {
  color: var(--nj-color-text-background-blue-venice);
  text-decoration: none;
}

.nj-badge--cerise {
  color: var(--nj-color-text-background-cerise);
  background-color: var(--nj-color-base-cerise);
}

.nj-badge--cerise[href]:hover, .nj-badge--cerise[href]:focus {
  color: var(--nj-color-text-background-cerise);
  text-decoration: none;
}

.nj-badge--green-fun {
  color: var(--nj-color-text-background-green-fun);
  background-color: var(--nj-color-base-green-fun);
}

.nj-badge--green-fun[href]:hover, .nj-badge--green-fun[href]:focus {
  color: var(--nj-color-text-background-green-fun);
  text-decoration: none;
}

.nj-badge--green-pine {
  color: var(--nj-color-text-background-green-pine);
  background-color: var(--nj-color-base-green-pine);
}

.nj-badge--green-pine[href]:hover, .nj-badge--green-pine[href]:focus {
  color: var(--nj-color-text-background-green-pine);
  text-decoration: none;
}

.nj-badge--green-riogrande {
  color: var(--nj-color-text-background-green-riogrande);
  background-color: var(--nj-color-base-green-riogrande);
}

.nj-badge--green-riogrande[href]:hover, .nj-badge--green-riogrande[href]:focus {
  color: var(--nj-color-text-background-green-riogrande);
  text-decoration: none;
}

.nj-badge--violet-eggplant {
  color: var(--nj-color-text-background-violet-eggplant);
  background-color: var(--nj-color-base-violet-eggplant);
}

.nj-badge--violet-eggplant[href]:hover, .nj-badge--violet-eggplant[href]:focus {
  color: var(--nj-color-text-background-violet-eggplant);
  text-decoration: none;
}

.nj-badge--violet {
  color: var(--nj-color-text-background-violet);
  background-color: var(--nj-color-base-violet);
}

.nj-badge--violet[href]:hover, .nj-badge--violet[href]:focus {
  color: var(--nj-color-text-background-violet);
  text-decoration: none;
}

.nj-badge--yellow {
  color: var(--nj-color-text-background-yellow);
  background-color: var(--nj-color-base-yellow);
}

.nj-badge--yellow[href]:hover, .nj-badge--yellow[href]:focus {
  color: var(--nj-color-text-background-yellow);
  text-decoration: none;
}

.nj-badge--primary {
  color: var(--nj-color-text-background-primary);
  background-color: var(--nj-color-base-primary);
}

.nj-badge--primary[href]:hover, .nj-badge--primary[href]:focus {
  color: var(--nj-color-text-background-primary);
  text-decoration: none;
}

.nj-badge--success {
  color: var(--nj-color-text-background-success);
  background-color: var(--nj-color-base-success);
}

.nj-badge--success[href]:hover, .nj-badge--success[href]:focus {
  color: var(--nj-color-text-background-success);
  text-decoration: none;
}

.nj-badge--warning {
  color: var(--nj-color-text-background-warning);
  background-color: var(--nj-color-base-warning);
}

.nj-badge--warning[href]:hover, .nj-badge--warning[href]:focus {
  color: var(--nj-color-text-background-warning);
  text-decoration: none;
}

.nj-badge--danger {
  color: var(--nj-color-text-background-danger);
  background-color: var(--nj-color-base-danger);
}

.nj-badge--danger[href]:hover, .nj-badge--danger[href]:focus {
  color: var(--nj-color-text-background-danger);
  text-decoration: none;
}

.nj-badge--light {
  color: var(--nj-color-text-background-light);
  background-color: var(--nj-color-base-light);
}

.nj-badge--light[href]:hover, .nj-badge--light[href]:focus {
  color: var(--nj-color-text-background-light);
  text-decoration: none;
}

.nj-breadcrumb {
  --breadcrumb-separator-color: var(--nj-color-base-gray-500);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 32px 0;
  margin: 2rem 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
}

[data-theme=dark] .nj-breadcrumb, .nj-breadcrumb[data-theme=dark] {
  --breadcrumb-separator-color: var(--nj-color-base-gray-300);
}

.nj-breadcrumb__item + .nj-breadcrumb__item {
  padding-left: 8px;
  padding-left: 0.5rem;
}

.nj-breadcrumb__item + .nj-breadcrumb__item::before {
  display: inline-block;
  padding-right: 8px;
  padding-right: 0.5rem;
  color: var(--breadcrumb-separator-color);
  content: "/";
}

.nj-breadcrumb__item a {
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
}

.nj-breadcrumb__item a:hover {
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
  color: var(--nj-color-base-primary);
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-breadcrumb__item a:hover {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-breadcrumb__item + .nj-breadcrumb__item:hover::before {
  text-decoration: underline;
}

.nj-breadcrumb__item + .nj-breadcrumb__item:hover::before {
  text-decoration: none;
}

.nj-btn {
  --btn-disabled-bg-color: var(--nj-color-base-gray-200);
  --btn-disabled-color: var(--nj-color-base-gray-400);
  height: 44px;
  padding: 0 24px;
  padding: 0 1.5rem;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 44px;
  -webkit-transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 64px;
  min-width: 4rem;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 6px;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-theme=dark] .nj-btn, .nj-btn[data-theme=dark] {
  --btn-disabled-bg-color: var(--nj-color-base-white-100);
  --btn-disabled-color: var(--nj-color-base-white-100);
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.nj-btn__icon {
  -webkit-transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  margin-right: -8px;
  margin-right: -0.5rem;
  margin-left: 8px;
  margin-left: 0.5rem;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn__icon {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn__icon--before {
  margin-right: 8px;
  margin-right: 0.5rem;
  margin-left: -8px;
  margin-left: -0.5rem;
}

.nj-btn--lg {
  height: 60px;
  padding: 0 24px;
  padding: 0 1.5rem;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 60px;
}

.nj-btn--lg.nj-btn--icon {
  padding: 0 48px;
  padding: 0 3rem;
}

.nj-btn--sm {
  height: 32px;
  padding: 0 16px;
  padding: 0 1rem;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 32px;
  text-transform: none;
}

.nj-btn--sm.nj-btn--icon {
  padding: 0 24px;
  padding: 0 1.5rem;
}

.nj-btn--sm.nj-btn--icon .material-icons {
  font-size: 18px;
  font-size: 1.125rem;
}

.nj-btn--icon {
  padding: 0 32px;
  padding: 0 2rem;
}

.nj-btn--icon .material-icons {
  display: block;
  color: var(--nj-color-text-background-base);
}

.nj-btn--icon.disabled .material-icons, .nj-btn--icon:disabled .material-icons {
  color: var(--btn-disabled-color);
}

.nj-btn--block {
  display: block;
  width: 100%;
}

.nj-btn--block + .nj-btn--block {
  margin-top: 16px;
  margin-top: 1rem;
}

.nj-btn--alone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
}

.nj-btn--primary {
  background: var(--nj-color-base-primary);
}

.nj-btn--primary,
.nj-btn--primary .nj-btn__icon,
.nj-btn--primary .nj-btn--icon i {
  color: var(--nj-color-text-background-base);
}

.nj-btn--primary:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-primary);
  box-shadow: 0 0 0 1px var(--nj-color-base-primary);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--primary:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--primary:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--primary:hover {
  color: var(--nj-color-text-body-inverted);
  text-decoration: none;
  background: var(--nj-color-base-primary-hover);
  outline: 0;
}

.nj-btn--primary.disabled, .nj-btn--primary:disabled {
  color: var(--btn-disabled-color);
  background-color: var(--btn-disabled-bg-color);
  border-color: transparent;
  opacity: 1;
}

.nj-btn--primary.disabled .nj-btn__icon, .nj-btn--primary:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--primary.disabled .nj-spinner, .nj-btn--primary:disabled .nj-spinner {
  background: inline-svg('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32 63.9C14.4 63.9.1 49.6.1 32S14.4.1 32 .1 63.9 14.4 63.9 32 49.6 63.9 32 63.9zm0-57.8C17.7 6.1 6.1 17.7 6.1 32S17.7 57.9 32 57.9 57.9 46.3 57.9 32 46.3 6.1 32 6.1z" fill="#000" fill-opacity="0.1"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="63.928" y1="46.464" x2="29" y2="46.464"><stop offset="0" stop-color="#23d2b5"/><stop offset=".348" stop-color="#12b9ce"/><stop offset=".715" stop-color="#05a4e2"/><stop offset=".961" stop-color="#009de9"/></linearGradient><path d="M32 63.9c-1.7 0-3-1.3-3-3s1.3-3 3-3c14.3 0 25.9-11.6 25.9-25.9 0-1.7 1.3-3 3-3s3 1.3 3 3c0 17.6-14.3 31.9-31.9 31.9z" fill="#757575"/></svg>');
}

.nj-btn--primary:not(:disabled):not(.disabled):active, .nj-btn--primary:not(:disabled):not(.disabled).active, .show > .nj-btn--primary.dropdown-toggle {
  color: var(--nj-color-text-body-inverted);
  background-color: var(--nj-color-base-primary-active);
}

.nj-btn--success {
  background: var(--nj-color-base-success);
}

.nj-btn--success,
.nj-btn--success .nj-btn__icon,
.nj-btn--success .nj-btn--icon i {
  color: var(--nj-color-text-background-base);
}

.nj-btn--success:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-success);
  box-shadow: 0 0 0 1px var(--nj-color-base-success);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--success:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--success:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--success:hover {
  color: var(--nj-color-text-body-inverted);
  text-decoration: none;
  background: var(--nj-color-base-success-hover);
  outline: 0;
}

.nj-btn--success.disabled, .nj-btn--success:disabled {
  color: var(--btn-disabled-color);
  background-color: var(--btn-disabled-bg-color);
  border-color: transparent;
  opacity: 1;
}

.nj-btn--success.disabled .nj-btn__icon, .nj-btn--success:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--success.disabled .nj-spinner, .nj-btn--success:disabled .nj-spinner {
  background: inline-svg('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32 63.9C14.4 63.9.1 49.6.1 32S14.4.1 32 .1 63.9 14.4 63.9 32 49.6 63.9 32 63.9zm0-57.8C17.7 6.1 6.1 17.7 6.1 32S17.7 57.9 32 57.9 57.9 46.3 57.9 32 46.3 6.1 32 6.1z" fill="#000" fill-opacity="0.1"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="63.928" y1="46.464" x2="29" y2="46.464"><stop offset="0" stop-color="#23d2b5"/><stop offset=".348" stop-color="#12b9ce"/><stop offset=".715" stop-color="#05a4e2"/><stop offset=".961" stop-color="#009de9"/></linearGradient><path d="M32 63.9c-1.7 0-3-1.3-3-3s1.3-3 3-3c14.3 0 25.9-11.6 25.9-25.9 0-1.7 1.3-3 3-3s3 1.3 3 3c0 17.6-14.3 31.9-31.9 31.9z" fill="#757575"/></svg>');
}

.nj-btn--success:not(:disabled):not(.disabled):active, .nj-btn--success:not(:disabled):not(.disabled).active, .show > .nj-btn--success.dropdown-toggle {
  color: var(--nj-color-text-body-inverted);
  background-color: var(--nj-color-base-success-active);
}

.nj-btn--warning {
  background: var(--nj-color-base-warning);
}

.nj-btn--warning,
.nj-btn--warning .nj-btn__icon,
.nj-btn--warning .nj-btn--icon i {
  color: var(--nj-color-text-background-base);
}

.nj-btn--warning:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-warning);
  box-shadow: 0 0 0 1px var(--nj-color-base-warning);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--warning:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--warning:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--warning:hover {
  color: var(--nj-color-text-body-inverted);
  text-decoration: none;
  background: var(--nj-color-base-warning-hover);
  outline: 0;
}

.nj-btn--warning.disabled, .nj-btn--warning:disabled {
  color: var(--btn-disabled-color);
  background-color: var(--btn-disabled-bg-color);
  border-color: transparent;
  opacity: 1;
}

.nj-btn--warning.disabled .nj-btn__icon, .nj-btn--warning:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--warning.disabled .nj-spinner, .nj-btn--warning:disabled .nj-spinner {
  background: inline-svg('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32 63.9C14.4 63.9.1 49.6.1 32S14.4.1 32 .1 63.9 14.4 63.9 32 49.6 63.9 32 63.9zm0-57.8C17.7 6.1 6.1 17.7 6.1 32S17.7 57.9 32 57.9 57.9 46.3 57.9 32 46.3 6.1 32 6.1z" fill="#000" fill-opacity="0.1"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="63.928" y1="46.464" x2="29" y2="46.464"><stop offset="0" stop-color="#23d2b5"/><stop offset=".348" stop-color="#12b9ce"/><stop offset=".715" stop-color="#05a4e2"/><stop offset=".961" stop-color="#009de9"/></linearGradient><path d="M32 63.9c-1.7 0-3-1.3-3-3s1.3-3 3-3c14.3 0 25.9-11.6 25.9-25.9 0-1.7 1.3-3 3-3s3 1.3 3 3c0 17.6-14.3 31.9-31.9 31.9z" fill="#757575"/></svg>');
}

.nj-btn--warning:not(:disabled):not(.disabled):active, .nj-btn--warning:not(:disabled):not(.disabled).active, .show > .nj-btn--warning.dropdown-toggle {
  color: var(--nj-color-text-body-inverted);
  background-color: var(--nj-color-base-warning-active);
}

.nj-btn--danger {
  background: var(--nj-color-base-danger);
}

.nj-btn--danger,
.nj-btn--danger .nj-btn__icon,
.nj-btn--danger .nj-btn--icon i {
  color: var(--nj-color-text-background-base);
}

.nj-btn--danger:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-danger);
  box-shadow: 0 0 0 1px var(--nj-color-base-danger);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--danger:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--danger:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--danger:hover {
  color: var(--nj-color-text-body-inverted);
  text-decoration: none;
  background: var(--nj-color-base-danger-hover);
  outline: 0;
}

.nj-btn--danger.disabled, .nj-btn--danger:disabled {
  color: var(--btn-disabled-color);
  background-color: var(--btn-disabled-bg-color);
  border-color: transparent;
  opacity: 1;
}

.nj-btn--danger.disabled .nj-btn__icon, .nj-btn--danger:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--danger.disabled .nj-spinner, .nj-btn--danger:disabled .nj-spinner {
  background: inline-svg('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32 63.9C14.4 63.9.1 49.6.1 32S14.4.1 32 .1 63.9 14.4 63.9 32 49.6 63.9 32 63.9zm0-57.8C17.7 6.1 6.1 17.7 6.1 32S17.7 57.9 32 57.9 57.9 46.3 57.9 32 46.3 6.1 32 6.1z" fill="#000" fill-opacity="0.1"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="63.928" y1="46.464" x2="29" y2="46.464"><stop offset="0" stop-color="#23d2b5"/><stop offset=".348" stop-color="#12b9ce"/><stop offset=".715" stop-color="#05a4e2"/><stop offset=".961" stop-color="#009de9"/></linearGradient><path d="M32 63.9c-1.7 0-3-1.3-3-3s1.3-3 3-3c14.3 0 25.9-11.6 25.9-25.9 0-1.7 1.3-3 3-3s3 1.3 3 3c0 17.6-14.3 31.9-31.9 31.9z" fill="#757575"/></svg>');
}

.nj-btn--danger:not(:disabled):not(.disabled):active, .nj-btn--danger:not(:disabled):not(.disabled).active, .show > .nj-btn--danger.dropdown-toggle {
  color: var(--nj-color-text-body-inverted);
  background-color: var(--nj-color-base-danger-active);
}

.nj-btn--light {
  background: var(--nj-color-base-light);
}

.nj-btn--light,
.nj-btn--light .nj-btn__icon,
.nj-btn--light .nj-btn--icon i {
  color: var(--nj-color-text-background-light);
}

.nj-btn--light:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-light);
  box-shadow: 0 0 0 1px var(--nj-color-base-light);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--light:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--light:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--light:hover {
  text-decoration: none;
  background: var(--nj-color-base-light-hover);
  outline: 0;
}

.nj-btn--light.disabled, .nj-btn--light:disabled {
  color: var(--btn-disabled-color);
  background-color: var(--btn-disabled-bg-color);
  border-color: transparent;
  opacity: 1;
  color: var(--nj-color-base-primary);
  background-color: var(--nj-color-base-white-300);
}

.nj-btn--light.disabled .nj-btn__icon, .nj-btn--light:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--light.disabled .nj-spinner, .nj-btn--light:disabled .nj-spinner {
  background: inline-svg('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M32 63.9C14.4 63.9.1 49.6.1 32S14.4.1 32 .1 63.9 14.4 63.9 32 49.6 63.9 32 63.9zm0-57.8C17.7 6.1 6.1 17.7 6.1 32S17.7 57.9 32 57.9 57.9 46.3 57.9 32 46.3 6.1 32 6.1z" fill="#000" fill-opacity="0.1"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="63.928" y1="46.464" x2="29" y2="46.464"><stop offset="0" stop-color="#23d2b5"/><stop offset=".348" stop-color="#12b9ce"/><stop offset=".715" stop-color="#05a4e2"/><stop offset=".961" stop-color="#009de9"/></linearGradient><path d="M32 63.9c-1.7 0-3-1.3-3-3s1.3-3 3-3c14.3 0 25.9-11.6 25.9-25.9 0-1.7 1.3-3 3-3s3 1.3 3 3c0 17.6-14.3 31.9-31.9 31.9z" fill="#757575"/></svg>');
}

[data-theme=dark] .nj-btn--light.disabled, .nj-btn--light.disabled[data-theme=dark], [data-theme=dark] .nj-btn--light:disabled, .nj-btn--light:disabled[data-theme=dark] {
  background-color: var(--nj-color-base-white-700);
}

.nj-btn--light:not(:disabled):not(.disabled):active, .nj-btn--light:not(:disabled):not(.disabled).active, .show > .nj-btn--light.dropdown-toggle {
  background-color: var(--nj-color-base-light-active);
}

.nj-btn--outline-primary {
  color: var(--nj-color-base-primary);
  background-color: transparent;
  background-image: none;
  border: 1px solid var(--nj-color-base-primary);
}

.nj-btn--outline-primary .nj-btn__icon {
  color: var(--nj-color-base-primary);
}

.nj-btn--outline-primary:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-primary);
  box-shadow: 0 0 0 1px var(--nj-color-base-primary);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--outline-primary:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--outline-primary:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--outline-primary:hover {
  color: var(--nj-color-text-background-base);
  text-decoration: none;
  background-color: var(--nj-color-base-primary);
  border-color: var(--nj-color-base-primary);
}

.nj-btn--outline-primary:hover .nj-btn__icon {
  color: var(--nj-color-text-body-inverted);
}

.nj-btn--outline-primary.disabled, .nj-btn--outline-primary:disabled {
  color: var(--btn-disabled-color);
  background-color: transparent;
  border-color: var(--btn-disabled-color);
}

.nj-btn--outline-primary.disabled .nj-btn__icon, .nj-btn--outline-primary:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--outline-primary:not(:disabled):not(.disabled):active, .nj-btn--outline-primary:not(:disabled):not(.disabled).active, .show > .nj-btn--outline-primary.dropdown-toggle {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-primary-active);
  border-color: var(--nj-color-base-primary-active);
}

.nj-btn--outline-primary:not(:disabled):not(.disabled):active .nj-btn__icon, .nj-btn--outline-primary:not(:disabled):not(.disabled).active .nj-btn__icon, .show > .nj-btn--outline-primary.dropdown-toggle .nj-btn__icon {
  color: inherit;
}

.nj-btn--outline-success {
  color: var(--nj-color-base-success);
  background-color: transparent;
  background-image: none;
  border: 1px solid var(--nj-color-base-success);
}

.nj-btn--outline-success .nj-btn__icon {
  color: var(--nj-color-base-success);
}

.nj-btn--outline-success:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-success);
  box-shadow: 0 0 0 1px var(--nj-color-base-success);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--outline-success:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--outline-success:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--outline-success:hover {
  color: var(--nj-color-text-background-base);
  text-decoration: none;
  background-color: var(--nj-color-base-success);
  border-color: var(--nj-color-base-success);
}

.nj-btn--outline-success:hover .nj-btn__icon {
  color: var(--nj-color-text-body-inverted);
}

.nj-btn--outline-success.disabled, .nj-btn--outline-success:disabled {
  color: var(--btn-disabled-color);
  background-color: transparent;
  border-color: var(--btn-disabled-color);
}

.nj-btn--outline-success.disabled .nj-btn__icon, .nj-btn--outline-success:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--outline-success:not(:disabled):not(.disabled):active, .nj-btn--outline-success:not(:disabled):not(.disabled).active, .show > .nj-btn--outline-success.dropdown-toggle {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-success-active);
  border-color: var(--nj-color-base-success-active);
}

.nj-btn--outline-success:not(:disabled):not(.disabled):active .nj-btn__icon, .nj-btn--outline-success:not(:disabled):not(.disabled).active .nj-btn__icon, .show > .nj-btn--outline-success.dropdown-toggle .nj-btn__icon {
  color: inherit;
}

.nj-btn--outline-warning {
  color: var(--nj-color-base-warning);
  background-color: transparent;
  background-image: none;
  border: 1px solid var(--nj-color-base-warning);
}

.nj-btn--outline-warning .nj-btn__icon {
  color: var(--nj-color-base-warning);
}

.nj-btn--outline-warning:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-warning);
  box-shadow: 0 0 0 1px var(--nj-color-base-warning);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--outline-warning:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--outline-warning:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--outline-warning:hover {
  color: var(--nj-color-text-background-base);
  text-decoration: none;
  background-color: var(--nj-color-base-warning);
  border-color: var(--nj-color-base-warning);
}

.nj-btn--outline-warning:hover .nj-btn__icon {
  color: var(--nj-color-text-body-inverted);
}

.nj-btn--outline-warning.disabled, .nj-btn--outline-warning:disabled {
  color: var(--btn-disabled-color);
  background-color: transparent;
  border-color: var(--btn-disabled-color);
}

.nj-btn--outline-warning.disabled .nj-btn__icon, .nj-btn--outline-warning:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--outline-warning:not(:disabled):not(.disabled):active, .nj-btn--outline-warning:not(:disabled):not(.disabled).active, .show > .nj-btn--outline-warning.dropdown-toggle {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-warning-active);
  border-color: var(--nj-color-base-warning-active);
}

.nj-btn--outline-warning:not(:disabled):not(.disabled):active .nj-btn__icon, .nj-btn--outline-warning:not(:disabled):not(.disabled).active .nj-btn__icon, .show > .nj-btn--outline-warning.dropdown-toggle .nj-btn__icon {
  color: inherit;
}

.nj-btn--outline-danger {
  color: var(--nj-color-base-danger);
  background-color: transparent;
  background-image: none;
  border: 1px solid var(--nj-color-base-danger);
}

.nj-btn--outline-danger .nj-btn__icon {
  color: var(--nj-color-base-danger);
}

.nj-btn--outline-danger:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-danger);
  box-shadow: 0 0 0 1px var(--nj-color-base-danger);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--outline-danger:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--outline-danger:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--outline-danger:hover {
  color: var(--nj-color-text-background-base);
  text-decoration: none;
  background-color: var(--nj-color-base-danger);
  border-color: var(--nj-color-base-danger);
}

.nj-btn--outline-danger:hover .nj-btn__icon {
  color: var(--nj-color-text-body-inverted);
}

.nj-btn--outline-danger.disabled, .nj-btn--outline-danger:disabled {
  color: var(--btn-disabled-color);
  background-color: transparent;
  border-color: var(--btn-disabled-color);
}

.nj-btn--outline-danger.disabled .nj-btn__icon, .nj-btn--outline-danger:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

.nj-btn--outline-danger:not(:disabled):not(.disabled):active, .nj-btn--outline-danger:not(:disabled):not(.disabled).active, .show > .nj-btn--outline-danger.dropdown-toggle {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-danger-active);
  border-color: var(--nj-color-base-danger-active);
}

.nj-btn--outline-danger:not(:disabled):not(.disabled):active .nj-btn__icon, .nj-btn--outline-danger:not(:disabled):not(.disabled).active .nj-btn__icon, .show > .nj-btn--outline-danger.dropdown-toggle .nj-btn__icon {
  color: inherit;
}

.nj-btn--outline-light {
  color: var(--nj-color-base-light);
  background-color: transparent;
  background-image: none;
  border: 1px solid var(--nj-color-base-light);
}

[data-theme=dark] .nj-btn--outline-light, .nj-btn--outline-light[data-theme=dark] {
  color: var(--nj-color-text-background-base);
}

.nj-btn--outline-light .nj-btn__icon {
  color: var(--nj-color-base-light);
}

.nj-btn--outline-light:not(.stretched-link)::after {
  -webkit-transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, -webkit-box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out;
  transition: top 0.15s, left 0.15s, padding 0.15s, opacity 0.15s, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px var(--nj-color-base-light);
  box-shadow: 0 0 0 1px var(--nj-color-base-light);
  opacity: 0;
  content: "";
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-btn--outline-light:not(.stretched-link)::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-btn--outline-light:not(.stretched-link):focus:not(:active):not(.disabled)::after {
  top: -2px;
  left: -2px;
  padding: 2px;
  opacity: 1;
}

.nj-btn--outline-light:hover {
  color: var(--nj-color-text-background-light);
  text-decoration: none;
  background-color: var(--nj-color-base-light);
  border-color: var(--nj-color-base-light);
}

[data-theme=dark] .nj-btn--outline-light:hover, .nj-btn--outline-light:hover[data-theme=dark] {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-black-100);
}

.nj-btn--outline-light:hover .nj-btn__icon {
  color: var(--nj-color-text-body-inverted);
}

.nj-btn--outline-light.disabled, .nj-btn--outline-light:disabled {
  color: var(--btn-disabled-color);
  background-color: transparent;
  border-color: var(--btn-disabled-color);
  color: var(--nj-color-base-white-300);
  border-color: var(--nj-color-base-white-300);
}

.nj-btn--outline-light.disabled .nj-btn__icon, .nj-btn--outline-light:disabled .nj-btn__icon {
  color: var(--btn-disabled-color);
}

[data-theme=dark] .nj-btn--outline-light.disabled, .nj-btn--outline-light.disabled[data-theme=dark], [data-theme=dark] .nj-btn--outline-light:disabled, .nj-btn--outline-light:disabled[data-theme=dark] {
  color: var(--nj-color-base-white-100);
  background-color: var(--nj-color-base-white-100);
  border-color: transparent;
}

.nj-btn--outline-light:not(:disabled):not(.disabled):active, .nj-btn--outline-light:not(:disabled):not(.disabled).active, .show > .nj-btn--outline-light.dropdown-toggle {
  color: var(--nj-color-text-background-light);
  background-color: var(--nj-color-base-light-active);
  border-color: var(--nj-color-base-light-active);
}

[data-theme=dark] .nj-btn--outline-light:not(:disabled):not(.disabled):active, .nj-btn--outline-light:not(:disabled):not(.disabled):active[data-theme=dark], [data-theme=dark] .nj-btn--outline-light:not(:disabled):not(.disabled).active, .nj-btn--outline-light:not(:disabled):not(.disabled).active[data-theme=dark], [data-theme=dark] .show > .nj-btn--outline-light.dropdown-toggle, .show > .nj-btn--outline-light.dropdown-toggle[data-theme=dark] {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-black-300);
}

.nj-btn--outline-light:not(:disabled):not(.disabled):active .nj-btn__icon, .nj-btn--outline-light:not(:disabled):not(.disabled).active .nj-btn__icon, .show > .nj-btn--outline-light.dropdown-toggle .nj-btn__icon {
  color: inherit;
}

a.nj-btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.nj-card {
  --card-details-color: var(--nj-color-base-gray-600);
  --card-arrow-hover: var(--nj-color-base-gray-900);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  color: var(--nj-color-text-body);
  word-wrap: break-word;
  background-color: var(--nj-color-background-components);
  -webkit-box-shadow: var(--nj-shadow-level-2-dp);
  box-shadow: var(--nj-shadow-level-2-dp);
}

[data-theme=dark] .nj-card, .nj-card[data-theme=dark] {
  --card-details-color: var(--nj-color-base-gray-300);
  --card-arrow-hover: var(--nj-color-base-gray-100);
}

.nj-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px 24px;
  padding: 1.5rem 1.5rem;
  color: #fff;
  background-color: #009de9;
}

.nj-card__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px;
  padding: 1.5rem;
}

.nj-card__details {
  color: var(--card-details-color);
  font-size: 12px;
  font-size: 0.75rem;
}

.nj-card__title {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
}

.nj-card__subtitle {
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
}

.nj-card__description {
  margin-bottom: 0;
}

.nj-card__date {
  margin: auto 0 0;
  color: var(--card-details-color);
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}

.nj-card__number {
  font-weight: 700;
  font-size: 36px;
  font-size: 2.25rem;
}

.nj-card__growth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
}

.nj-card__img {
  width: 100%;
  min-height: 1px;
  -o-object-fit: cover;
  object-fit: cover;
}

.nj-card__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(320px - 2rem);
  padding: 0 16px;
  padding: 0 1rem;
  overflow: hidden;
  background-color: transparent;
  -webkit-transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.nj-card--border {
  border: 0;
  border-bottom: 7px solid;
  border-image-source: var(--nj-color-base-gradient-primary);
  border-image-slice: 1;
}

.nj-card--horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nj-card--horizontal .nj-card__img {
  width: 253px;
  height: 175px;
}

@media (max-width: 575.98px) {
  .nj-card--horizontal .nj-card__img {
    width: 100%;
  }
}
.nj-card--cover {
  height: 320px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.nj-card--cover .nj-card__body {
  position: relative;
  padding: 16px;
  padding: 1rem;
}

.nj-card--cover .nj-card__title {
  padding-right: 8px;
  padding-right: 0.5rem;
  color: #fff;
  -webkit-transform: translateY(calc(320px - 3rem - 100%));
  transform: translateY(calc(320px - 3rem - 100%));
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.nj-card--cover .nj-card__description {
  -webkit-transform: translateY(320px);
  transform: translateY(320px);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.nj-card--cover .material-icons {
  position: absolute;
  right: 16px;
  right: 1rem;
  bottom: 16px;
  bottom: 1rem;
  z-index: 0;
  color: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nj-card--cover.nj-card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.nj-card--cover.nj-card:hover .nj-card__title,
.nj-card--cover.nj-card:hover .nj-card__description {
  color: var(--nj-color-text-body);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.nj-card--cover.nj-card:hover .material-icons {
  right: calc(1.5rem + 4px);
  bottom: calc(1.5rem + 4px);
  color: var(--card-arrow-hover);
}

.nj-card--cover.nj-card:hover .nj-card__overlay {
  padding: 32px 16px;
  padding: 2rem 1rem;
  background-color: var(--nj-color-background-components);
}

a.nj-card {
  color: inherit;
  text-decoration: none;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

a.nj-card:hover {
  color: inherit;
  text-decoration: none;
  -webkit-box-shadow: var(--nj-shadow-level-8-dp);
  box-shadow: var(--nj-shadow-level-8-dp);
}

.nj-card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.nj-card-deck .nj-card {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .nj-card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -1rem;
    margin-left: -1rem;
  }

  .nj-card-deck .nj-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
  }
}
.nj-card-columns .nj-card {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .nj-card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .nj-card-columns .nj-card {
    display: inline-block;
    width: 100%;
  }
}
.nj-checkbox {
  --checkbox-border-color: var(--nj-color-base-gray-600);
  position: relative;
  padding-left: 36px;
  padding-left: 2.25rem;
}

[data-theme=dark] .nj-checkbox, .nj-checkbox[data-theme=dark] {
  --checkbox-border-color: var(--nj-color-base-gray-100);
}

.nj-checkbox__decorator {
  position: absolute;
  top: 2px;
  left: 0;
  margin: -8px -16px;
  margin: -0.5rem -1rem;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  line-height: 0.7;
  vertical-align: middle;
  border-radius: 100%;
  cursor: pointer;
}

.nj-checkbox__check {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  overflow: hidden;
  color: var(--checkbox-border-color);
  border: 2px solid;
  border: 0.125rem solid;
  border-radius: var(--nj-size-border-radius);
}

.nj-checkbox__check::before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin-top: -4px;
  margin-left: 6px;
  -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: checkbox-off;
  animation: checkbox-off;
  content: "";
}

.nj-checkbox label {
  cursor: pointer;
}

.nj-checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.nj-checkbox input[type=checkbox]:checked + .nj-checkbox__decorator .nj-checkbox__check {
  color: #009de9;
}

.nj-checkbox input[type=checkbox]:checked + .nj-checkbox__decorator .nj-checkbox__check::before {
  -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  -webkit-animation: checkbox-on 0.2s forwards;
  animation: checkbox-on 0.2s forwards;
}

.nj-checkbox input[type=checkbox]:invalid + .nj-checkbox__decorator .nj-checkbox__check, .has-danger .nj-checkbox input[type=checkbox] + .nj-checkbox__decorator .nj-checkbox__check {
  border-color: #c03;
}

.nj-checkbox input[type=checkbox]:invalid + .nj-checkbox__decorator .nj-checkbox__check::after, .has-danger .nj-checkbox input[type=checkbox] + .nj-checkbox__decorator .nj-checkbox__check::after {
  background-color: #c03;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.has-warning .nj-checkbox input[type=checkbox] + .nj-checkbox__decorator .nj-checkbox__check {
  border-color: #e07602;
}

.has-warning .nj-checkbox input[type=checkbox] + .nj-checkbox__decorator .nj-checkbox__check::after {
  background-color: #e07602;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.has-success .nj-checkbox input[type=checkbox] + .nj-checkbox__decorator .nj-checkbox__check {
  border-color: #009934;
}

.has-success .nj-checkbox input[type=checkbox] + .nj-checkbox__decorator .nj-checkbox__check::after {
  background-color: #009934;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nj-checkbox input[type=checkbox][disabled] + .nj-checkbox__decorator, .nj-checkbox input[type=checkbox]:disabled + .nj-checkbox__decorator, fieldset[disabled] .nj-checkbox input[type=checkbox] + .nj-checkbox__decorator {
  cursor: not-allowed;
}

.nj-checkbox input[type=checkbox][disabled] + .nj-checkbox__decorator .nj-checkbox__check, .nj-checkbox input[type=checkbox]:disabled + .nj-checkbox__decorator .nj-checkbox__check, fieldset[disabled] .nj-checkbox input[type=checkbox] + .nj-checkbox__decorator .nj-checkbox__check {
  color: var(--nj-color-base-disabled);
}

[data-theme=dark] .nj-checkbox input[type=checkbox]:disabled + .nj-checkbox__decorator .nj-checkbox__check {
  color: var(--nj-color-base-white);
  opacity: 0.2;
}

.nj-checkbox--disabled label {
  color: var(--nj-color-base-disabled);
  cursor: not-allowed;
}

.nj-checkbox--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 24px;
  margin-right: 1.5rem;
}

@-webkit-keyframes checkbox-on {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@keyframes checkbox-on {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@-webkit-keyframes checkbox-off {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 6px;
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  51% {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: -2px;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: -2px;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes checkbox-off {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 6px;
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  51% {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: -2px;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: -2px;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.nj-collapse:not(.show) {
  display: none;
}

.nj-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-collapsing {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-dropdown {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  height: 2.5rem;
  padding-right: 25px;
  padding-right: 1.5625rem;
  background: no-repeat bottom, 50% calc(100% - 1px);
  background-image: linear-gradient(to top, var(--nj-color-text-label-focus) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
  background-size: 0 100%, 100% 100%;
  outline: 0;
  cursor: pointer;
  -webkit-transition: background 0s ease-out;
  transition: background 0s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-dropdown {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-dropdown.nj-dropdown--shown-collapse {
  background-size: 100% 100%, 100% 100%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.nj-dropdown.nj-dropdown--shown-collapse .nj-dropdown__label, .nj-dropdown[data-selected-content] .nj-dropdown__label {
  bottom: 30px;
  color: var(--nj-color-text-label-focus);
  font-size: 12px;
  font-size: 0.75rem;
}

.nj-dropdown::before {
  position: absolute;
  bottom: 10px;
  bottom: 0.625rem;
  color: var(--nj-color-placeholder-input-focus);
  font-size: 16px;
  font-size: 1rem;
  line-height: 16px;
  line-height: 1rem;
  content: attr(data-selected-content);
}

.nj-dropdown::after {
  position: absolute;
  right: 10px;
  right: 0.625rem;
  bottom: 14px;
  bottom: 0.875rem;
  display: inline-block;
  padding: 4px;
  padding: 0.25rem;
  border: solid var(--nj-color-base-icon-input);
  border-width: 0 2px 2px 0;
  border-width: 0 0.125rem 0.125rem 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.nj-dropdown__label {
  position: absolute;
  bottom: 10px;
  bottom: 0.625rem;
  color: var(--nj-color-placeholder-input-hover);
  line-height: 16px;
  line-height: 1rem;
  white-space: nowrap;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-dropdown__label {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-dropdown__list {
  position: absolute;
  top: 48px;
  top: 3rem;
  z-index: var(--nj-elevation-dropdown);
  width: 100%;
}

.nj-dropdown__list .nj-list-group {
  --list-group-hover-color: var(--nj-color-base-gray-100);
}

[data-theme=dark] .nj-dropdown__list .nj-list-group, .nj-dropdown__list .nj-list-group[data-theme=dark] {
  --list-group-hover-color: var(--nj-color-base-gray-900);
}

.nj-dropdown__list .nj-list-group button.nj-list-group__item:hover {
  color: inherit;
}

.nj-header {
  /** Mobile Panels */
}

.nj-header .nj-header__group {
  position: relative;
  padding: 0 32px;
  padding: 0 2rem;
  background: var(--nj-color-background-components);
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  -webkit-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.nj-header.nj-header--fixed {
  height: 160px;
  height: 10rem;
}

.nj-header.nj-header--fixed .nj-header__group {
  position: fixed;
  top: 0;
  z-index: var(--nj-elevation-fixed);
  width: 100%;
}

.nj-header .nj-header__group::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background: linear-gradient(135deg, #0af 0%, #23d2b5 100%);
  content: "";
}

.nj-header__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 0;
  padding: 1.5rem 0;
}

.nj-header__head-link {
  font-size: 14px;
  font-size: 0.875rem;
  color: var(--nj-color-base-gray-600);
}

[data-theme=dark] .nj-header__head-link, .nj-header__head-link[data-theme=dark] {
  color: var(--nj-color-base-gray-100);
}

.nj-header__head-link--active {
  font-weight: 700;
}

.nj-header__nav-logo {
  display: none;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.nj-header__nav-logo--reduced {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0;
  margin-right: 0;
  -webkit-transform: translate3d(0, 1rem, 0);
  transform: translate3d(0, 1rem, 0);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.25s, width 0.3s 0.1s, margin 0.3s 0.1s, visibility 0.1ms 0.6s, -webkit-transform 0.1ms 0.6s;
  transition: opacity 0.25s, width 0.3s 0.1s, margin 0.3s 0.1s, visibility 0.1ms 0.6s, -webkit-transform 0.1ms 0.6s;
  transition: opacity 0.25s, width 0.3s 0.1s, margin 0.3s 0.1s, visibility 0.1ms 0.6s, transform 0.1ms 0.6s;
  transition: opacity 0.25s, width 0.3s 0.1s, margin 0.3s 0.1s, visibility 0.1ms 0.6s, transform 0.1ms 0.6s, -webkit-transform 0.1ms 0.6s;
}

.nj-header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px;
  height: 4rem;
}

.nj-header__nav-burger {
  position: absolute;
  left: 0;
  display: none;
}

.nj-header__nav-burger button {
  padding: 8px 32px;
  padding: 0.5rem 2rem;
  background: none;
  border: 0;
  outline: none;
}

.nj-header__nav-burger button div:first-of-type, .nj-header__nav-burger button::before, .nj-header__nav-burger button::after {
  display: block;
  width: 22.5px;
  height: 2px;
  margin: 4px;
  background-color: var(--nj-color-base-blue-corporate);
}

.nj-header__nav-burger button::before, .nj-header__nav-burger button::after {
  content: "";
}

.nj-header__nav-burger--close button {
  -webkit-transform: translate3d(-4px, 0, 0);
  transform: translate3d(-4px, 0, 0);
}

.nj-header__nav-burger--close button div:first-of-type {
  opacity: 0;
}

.nj-header__nav-burger--close button::before {
  -webkit-transform: rotate(45deg) translate3d(0, 6px, 0);
  transform: rotate(45deg) translate3d(0, 6px, 0);
  -webkit-transform-origin: center 7px;
  transform-origin: center 7px;
}

.nj-header__nav-burger--close button::after {
  -webkit-transform: rotate(-45deg) translate3d(0, -6px, 0);
  transform: rotate(-45deg) translate3d(0, -6px, 0);
  -webkit-transform-origin: center -5px;
  transform-origin: center -5px;
}

.nj-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 64px;
  height: 4rem;
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.nj-header__nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nj-header__nav-item:first-child .nj-header__nav-link {
  margin-left: 0;
}

.nj-header__nav-item:hover > .nj-header__menu {
  display: block;
}

.nj-header__nav-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px;
  height: 4rem;
  margin: 0 24px;
  margin: 0 1.5rem;
  color: var(--nj-color-text-body);
  line-height: 19.2px;
  line-height: 1.2rem;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.nj-header__nav-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  height: 0.125rem;
  background: #009de9;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  content: "";
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.nj-header__nav-link.active, .nj-header__nav-link:hover {
  color: var(--nj-color-text-body);
  text-decoration: none;
}

.nj-header__nav-link.active::after, .nj-header__nav-link:hover::after {
  opacity: 1;
}

.nj-header__nav-link.disabled {
  color: var(--nj-color-base-gray-400);
  cursor: default;
  pointer-events: none;
}

.nj-header__search-icon {
  position: absolute;
  right: 32px;
  right: 2rem;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 64px;
  height: 4rem;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.nj-header__search-icon:hover {
  text-decoration: none;
}

.nj-header__search-icon i {
  display: block;
}

.nj-header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0 32px;
  padding: 0 2rem;
  background-color: var(--nj-color-background-components);
}

.nj-header__search, .nj-header__search.nj-collapsing {
  position: absolute;
  top: calc(100% - 4rem);
  left: 0;
  height: 64px;
  height: 4rem;
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.nj-header__search.nj-collapsing, .nj-header__search.show {
  width: 100%;
}

.nj-header__search.show {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.nj-header__close {
  text-decoration: none;
  cursor: pointer;
}

.nj-header__close:hover {
  text-decoration: none;
}

.nj-header__menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  padding: 32px 0;
  padding: 2rem 0;
  background: var(--nj-color-background-components);
  border-top: 1px solid var(--nj-color-background-hr);
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.nj-header__menu-title {
  display: block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: var(--nj-color-text-body);
  font-weight: 700;
  line-height: 32px;
  line-height: 2rem;
  -webkit-transition: 0.15s color;
  transition: 0.15s color;
}

.nj-header__menu-title + .nj-header__nav--panel li:first-child {
  display: none;
}

.nj-header__menu-link {
  color: var(--nj-color-text-body);
  font-weight: 400;
  line-height: 32px;
  line-height: 2rem;
  -webkit-transition: 0.15s color;
  transition: 0.15s color;
}

.nj-header__menu-arrow-left {
  display: none;
}

.nj-header__menu-arrow-right {
  display: none;
}

.nj-header__menu-return {
  display: none;
}

.nj-header--sm .nj-header__group {
  -webkit-transform: translate3d(0, calc(-100% + 4rem), 0);
  transform: translate3d(0, calc(-100% + 4rem), 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.nj-header--sm .nj-header__group .nj-header__nav-logo--reduced {
  width: 32px;
  width: 2rem;
  margin-right: 56px;
  margin-right: 3.5rem;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1ms, width 0.35s 0.1ms, margin 0.35s 0.1ms, opacity 0.3s 0.2s ease-out, -webkit-transform 0.3s 0.2s;
  transition: visibility 0.1ms, width 0.35s 0.1ms, margin 0.35s 0.1ms, opacity 0.3s 0.2s ease-out, -webkit-transform 0.3s 0.2s;
  transition: visibility 0.1ms, width 0.35s 0.1ms, margin 0.35s 0.1ms, opacity 0.3s 0.2s ease-out, transform 0.3s 0.2s;
  transition: visibility 0.1ms, width 0.35s 0.1ms, margin 0.35s 0.1ms, opacity 0.3s 0.2s ease-out, transform 0.3s 0.2s, -webkit-transform 0.3s 0.2s;
}

.nj-header--sm .nj-header__group .nj-header__search {
  top: calc(100% - 4rem);
  height: 64px;
  height: 4rem;
}

@media (max-width: 0) {
  .nj-header--expand-xs.nj-header--fixed {
    height: 4rem;
  }

  .nj-header--expand-xs .nj-header__head {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }

  .nj-header--expand-xs .nj-header__head > * {
    display: none;
  }

  .nj-header--expand-xs .nj-header__head .nj-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nj-header--expand-xs .nj-header__head .nj-header__logo img {
    width: 63px;
  }

  .nj-header--expand-xs .nj-header__nav-burger {
    display: block;
  }

  .nj-header--expand-xs .nj-header__nav-logo--reduced {
    display: none;
  }

  .nj-header--expand-xs .nj-header__nav-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-xs .nj-header__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-color-background-body);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    -webkit-transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-xs .nj-header__nav--panel li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
  }

  .nj-header--expand-xs .nj-header__nav--panel li a {
    margin: 0;
  }

  .nj-header--expand-xs .nj-header__nav--panel .nj-header__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }

  .nj-header--expand-xs .nj-header__nav--show {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    -webkit-transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-xs .nj-header__nav.nj-header__nav--show {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .nj-header--expand-xs .nj-header__nav-item {
    line-height: 1.2rem;
  }

  .nj-header--expand-xs .nj-header__nav-link {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
  }

  .nj-header--expand-xs .nj-header__menu {
    display: block;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .nj-header--expand-xs .nj-header__menu .container {
    max-width: inherit;
    padding: 0;
  }

  .nj-header--expand-xs .nj-header__menu .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .nj-header--expand-xs .nj-header__menu-return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }

  .nj-header--expand-xs .nj-header__menu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }

  .nj-header--expand-xs .nj-header__menu-title + .nj-header__nav--panel li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-xs .nj-header__menu-arrow-right {
    display: block;
    margin-left: auto;
    color: inherit;
  }

  .nj-header--expand-xs .nj-header__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: 0.5rem;
    margin-left: -5px;
    color: inherit;
  }

  .nj-header--expand-xs .nj-header__search-icon {
    right: 2rem;
  }

  .nj-header--expand-xs a {
    text-decoration: none;
  }
}
@media (max-width: 576px) {
  .nj-header--expand-sm.nj-header--fixed {
    height: 4rem;
  }

  .nj-header--expand-sm .nj-header__head {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }

  .nj-header--expand-sm .nj-header__head > * {
    display: none;
  }

  .nj-header--expand-sm .nj-header__head .nj-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nj-header--expand-sm .nj-header__head .nj-header__logo img {
    width: 63px;
  }

  .nj-header--expand-sm .nj-header__nav-burger {
    display: block;
  }

  .nj-header--expand-sm .nj-header__nav-logo--reduced {
    display: none;
  }

  .nj-header--expand-sm .nj-header__nav-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-sm .nj-header__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-color-background-body);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    -webkit-transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-sm .nj-header__nav--panel li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
  }

  .nj-header--expand-sm .nj-header__nav--panel li a {
    margin: 0;
  }

  .nj-header--expand-sm .nj-header__nav--panel .nj-header__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }

  .nj-header--expand-sm .nj-header__nav--show {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    -webkit-transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-sm .nj-header__nav.nj-header__nav--show {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .nj-header--expand-sm .nj-header__nav-item {
    line-height: 1.2rem;
  }

  .nj-header--expand-sm .nj-header__nav-link {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
  }

  .nj-header--expand-sm .nj-header__menu {
    display: block;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .nj-header--expand-sm .nj-header__menu .container {
    max-width: inherit;
    padding: 0;
  }

  .nj-header--expand-sm .nj-header__menu .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .nj-header--expand-sm .nj-header__menu-return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }

  .nj-header--expand-sm .nj-header__menu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }

  .nj-header--expand-sm .nj-header__menu-title + .nj-header__nav--panel li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-sm .nj-header__menu-arrow-right {
    display: block;
    margin-left: auto;
    color: inherit;
  }

  .nj-header--expand-sm .nj-header__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: 0.5rem;
    margin-left: -5px;
    color: inherit;
  }

  .nj-header--expand-sm .nj-header__search-icon {
    right: 2rem;
  }

  .nj-header--expand-sm a {
    text-decoration: none;
  }
}
@media (max-width: 768px) {
  .nj-header--expand-md.nj-header--fixed {
    height: 4rem;
  }

  .nj-header--expand-md .nj-header__head {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }

  .nj-header--expand-md .nj-header__head > * {
    display: none;
  }

  .nj-header--expand-md .nj-header__head .nj-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nj-header--expand-md .nj-header__head .nj-header__logo img {
    width: 63px;
  }

  .nj-header--expand-md .nj-header__nav-burger {
    display: block;
  }

  .nj-header--expand-md .nj-header__nav-logo--reduced {
    display: none;
  }

  .nj-header--expand-md .nj-header__nav-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-md .nj-header__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-color-background-body);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    -webkit-transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-md .nj-header__nav--panel li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
  }

  .nj-header--expand-md .nj-header__nav--panel li a {
    margin: 0;
  }

  .nj-header--expand-md .nj-header__nav--panel .nj-header__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }

  .nj-header--expand-md .nj-header__nav--show {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    -webkit-transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-md .nj-header__nav.nj-header__nav--show {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .nj-header--expand-md .nj-header__nav-item {
    line-height: 1.2rem;
  }

  .nj-header--expand-md .nj-header__nav-link {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
  }

  .nj-header--expand-md .nj-header__menu {
    display: block;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .nj-header--expand-md .nj-header__menu .container {
    max-width: inherit;
    padding: 0;
  }

  .nj-header--expand-md .nj-header__menu .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .nj-header--expand-md .nj-header__menu-return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }

  .nj-header--expand-md .nj-header__menu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }

  .nj-header--expand-md .nj-header__menu-title + .nj-header__nav--panel li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-md .nj-header__menu-arrow-right {
    display: block;
    margin-left: auto;
    color: inherit;
  }

  .nj-header--expand-md .nj-header__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: 0.5rem;
    margin-left: -5px;
    color: inherit;
  }

  .nj-header--expand-md .nj-header__search-icon {
    right: 2rem;
  }

  .nj-header--expand-md a {
    text-decoration: none;
  }
}
@media (max-width: 992px) {
  .nj-header--expand-lg.nj-header--fixed {
    height: 4rem;
  }

  .nj-header--expand-lg .nj-header__head {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }

  .nj-header--expand-lg .nj-header__head > * {
    display: none;
  }

  .nj-header--expand-lg .nj-header__head .nj-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nj-header--expand-lg .nj-header__head .nj-header__logo img {
    width: 63px;
  }

  .nj-header--expand-lg .nj-header__nav-burger {
    display: block;
  }

  .nj-header--expand-lg .nj-header__nav-logo--reduced {
    display: none;
  }

  .nj-header--expand-lg .nj-header__nav-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-lg .nj-header__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-color-background-body);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    -webkit-transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-lg .nj-header__nav--panel li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
  }

  .nj-header--expand-lg .nj-header__nav--panel li a {
    margin: 0;
  }

  .nj-header--expand-lg .nj-header__nav--panel .nj-header__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }

  .nj-header--expand-lg .nj-header__nav--show {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    -webkit-transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-lg .nj-header__nav.nj-header__nav--show {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .nj-header--expand-lg .nj-header__nav-item {
    line-height: 1.2rem;
  }

  .nj-header--expand-lg .nj-header__nav-link {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
  }

  .nj-header--expand-lg .nj-header__menu {
    display: block;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .nj-header--expand-lg .nj-header__menu .container {
    max-width: inherit;
    padding: 0;
  }

  .nj-header--expand-lg .nj-header__menu .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .nj-header--expand-lg .nj-header__menu-return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }

  .nj-header--expand-lg .nj-header__menu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }

  .nj-header--expand-lg .nj-header__menu-title + .nj-header__nav--panel li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-lg .nj-header__menu-arrow-right {
    display: block;
    margin-left: auto;
    color: inherit;
  }

  .nj-header--expand-lg .nj-header__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: 0.5rem;
    margin-left: -5px;
    color: inherit;
  }

  .nj-header--expand-lg .nj-header__search-icon {
    right: 2rem;
  }

  .nj-header--expand-lg a {
    text-decoration: none;
  }
}
@media (max-width: 1200px) {
  .nj-header--expand-xl.nj-header--fixed {
    height: 4rem;
  }

  .nj-header--expand-xl .nj-header__head {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 4rem;
  }

  .nj-header--expand-xl .nj-header__head > * {
    display: none;
  }

  .nj-header--expand-xl .nj-header__head .nj-header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nj-header--expand-xl .nj-header__head .nj-header__logo img {
    width: 63px;
  }

  .nj-header--expand-xl .nj-header__nav-burger {
    display: block;
  }

  .nj-header--expand-xl .nj-header__nav-logo--reduced {
    display: none;
  }

  .nj-header--expand-xl .nj-header__nav-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-xl .nj-header__nav--panel {
    position: fixed;
    top: 4rem;
    left: -100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    width: 100vw;
    min-height: 100vh;
    padding: 0 2rem;
    overflow-y: auto;
    background-color: var(--nj-color-background-body);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    -webkit-transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s;
    transition: visibility 0.5s 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-xl .nj-header__nav--panel li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
  }

  .nj-header--expand-xl .nj-header__nav--panel li a {
    margin: 0;
  }

  .nj-header--expand-xl .nj-header__nav--panel .nj-header__nav--panel {
    top: 0;
    left: 100%;
    z-index: 1;
  }

  .nj-header--expand-xl .nj-header__nav--show {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    -webkit-transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, -webkit-transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s;
    transition: visibility 0.1ms, transform 0.5s, -webkit-transform 0.5s;
  }

  .nj-header--expand-xl .nj-header__nav.nj-header__nav--show {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .nj-header--expand-xl .nj-header__nav-item {
    line-height: 1.2rem;
  }

  .nj-header--expand-xl .nj-header__nav-link {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
  }

  .nj-header--expand-xl .nj-header__menu {
    display: block;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .nj-header--expand-xl .nj-header__menu .container {
    max-width: inherit;
    padding: 0;
  }

  .nj-header--expand-xl .nj-header__menu .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .nj-header--expand-xl .nj-header__menu-return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    font-size: 1.5rem;
    cursor: pointer;
  }

  .nj-header--expand-xl .nj-header__menu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
  }

  .nj-header--expand-xl .nj-header__menu-title + .nj-header__nav--panel li:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .nj-header--expand-xl .nj-header__menu-arrow-right {
    display: block;
    margin-left: auto;
    color: inherit;
  }

  .nj-header--expand-xl .nj-header__menu-arrow-left {
    display: block;
    margin-top: 5px;
    margin-right: 0.5rem;
    margin-left: -5px;
    color: inherit;
  }

  .nj-header--expand-xl .nj-header__search-icon {
    right: 2rem;
  }

  .nj-header--expand-xl a {
    text-decoration: none;
  }
}
.nj-fab {
  --fab-disabled-color: var(--nj-color-base-black-200);
  --fab-disabled-background: var(--nj-color-base-gray-200);
  --fab-menu-item-color: var(--nj-color-base-gray-600);
  --fab-menu-item-background: var(--nj-color-base-white);
  position: relative;
  z-index: var(--nj-elevation-fixed);
  width: 64px;
  width: 4rem;
  min-width: 64px;
  min-width: 4rem;
  height: 64px;
  height: 4rem;
  padding: 0;
  line-height: 0;
  background: #fff;
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: var(--nj-shadow-level-2-dp);
  box-shadow: var(--nj-shadow-level-2-dp);
  cursor: pointer;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

[data-theme=dark] .nj-fab, .nj-fab[data-theme=dark] {
  --fab-disabled-color: var(--nj-color-base-white-300);
  --fab-disabled-background: var(--nj-color-base-white-300);
  --fab-menu-item-color: var(--nj-color-text-background-light);
  --fab-menu-item-background: var(--nj-color-base-gray-500);
}

.nj-fab__actions {
  padding-left: 0;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--nj-elevation-dropdown);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  width: 4rem;
  height: 64px;
  height: 4rem;
  margin: 0;
}

.nj-fab__actions .nj-fab__item {
  position: absolute;
}

.nj-fab .material-icons {
  color: inherit;
}

.nj-fab--sm {
  width: 48px;
  width: 3rem;
  min-width: 48px;
  min-width: 3rem;
  height: 48px;
  height: 3rem;
}

.nj-fab.active {
  -webkit-box-shadow: var(--nj-shadow-level-6-dp);
  box-shadow: var(--nj-shadow-level-6-dp);
}

.nj-fab.active:not(.no-rotate) .material-icons {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nj-fab--primary {
  color: var(--nj-color-text-background-primary);
  background: var(--nj-color-base-primary);
}

.nj-fab--primary:hover, .nj-fab--primary:focus {
  background: var(--nj-color-base-primary-hover);
}

.nj-fab--primary:not(:disabled):not(.disabled):active, .nj-fab--primary:not(:disabled):not(.disabled).active, .show > .nj-fab--primary.dropdown-toggle {
  color: var(--nj-color-text-background-primary);
  background-color: var(--nj-color-base-primary-active);
}

.nj-fab--success {
  color: var(--nj-color-text-background-success);
  background: var(--nj-color-base-success);
}

.nj-fab--success:hover, .nj-fab--success:focus {
  background: var(--nj-color-base-success-hover);
}

.nj-fab--success:not(:disabled):not(.disabled):active, .nj-fab--success:not(:disabled):not(.disabled).active, .show > .nj-fab--success.dropdown-toggle {
  color: var(--nj-color-text-background-success);
  background-color: var(--nj-color-base-success-active);
}

.nj-fab--warning {
  color: var(--nj-color-text-background-warning);
  background: var(--nj-color-base-warning);
}

.nj-fab--warning:hover, .nj-fab--warning:focus {
  background: var(--nj-color-base-warning-hover);
}

.nj-fab--warning:not(:disabled):not(.disabled):active, .nj-fab--warning:not(:disabled):not(.disabled).active, .show > .nj-fab--warning.dropdown-toggle {
  color: var(--nj-color-text-background-warning);
  background-color: var(--nj-color-base-warning-active);
}

.nj-fab--danger {
  color: var(--nj-color-text-background-danger);
  background: var(--nj-color-base-danger);
}

.nj-fab--danger:hover, .nj-fab--danger:focus {
  background: var(--nj-color-base-danger-hover);
}

.nj-fab--danger:not(:disabled):not(.disabled):active, .nj-fab--danger:not(:disabled):not(.disabled).active, .show > .nj-fab--danger.dropdown-toggle {
  color: var(--nj-color-text-background-danger);
  background-color: var(--nj-color-base-danger-active);
}

.nj-fab--light {
  color: var(--nj-color-text-background-light);
  background: var(--nj-color-base-light);
}

.nj-fab--light:hover, .nj-fab--light:focus {
  background: var(--nj-color-base-light-hover);
}

.nj-fab--light:not(:disabled):not(.disabled):active, .nj-fab--light:not(:disabled):not(.disabled).active, .show > .nj-fab--light.dropdown-toggle {
  color: var(--nj-color-text-background-light);
  background-color: var(--nj-color-base-light-active);
}

.nj-fab.disabled, .nj-fab:disabled {
  background-color: var(--fab-disabled-background);
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  cursor: default;
}

.nj-fab.disabled i, .nj-fab:disabled i {
  color: var(--fab-disabled-color);
}

.nj-fab-menu {
  position: relative;
  z-index: var(--nj-elevation-fixed);
}

.nj-fab-menu .nj-fab--light {
  color: var(--fab-menu-item-color);
  background-color: var(--fab-menu-item-background);
}

.nj-footer {
  --footer-bg-color:var(--nj-color-base-gray-100);
  background-color: var(--footer-bg-color);
}

[data-theme=dark] .nj-footer, .nj-footer[data-theme=dark] {
  --footer-bg-color:var(--nj-color-base-gray-700);
}

.nj-footer::after {
  display: block;
  width: 100%;
  height: 3px;
  background: linear-gradient(135deg, #0af 0%, #23d2b5 100%);
  content: "";
}

.nj-footer__links {
  padding: 0;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  list-style: none;
}

@media (min-width: 576px) {
  .nj-footer__links {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 768px) {
  .nj-footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1rem;
  }
}
.nj-footer__link {
  color: var(--nj-color-text-body);
  font-weight: 400;
  line-height: 28px;
  line-height: 1.75rem;
  -webkit-transition: 0.15s color;
  transition: 0.15s color;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-footer__link {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-footer__link:hover {
  color: var(--nj-color-base-blue-corporate);
  text-decoration: none;
}

.nj-footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  list-style: none;
}

@media (max-width: 767.98px) {
  .nj-footer__social {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}
.nj-footer__social-link {
  display: block;
  margin-right: 16px;
  margin-right: 1rem;
}

@media (min-width: 768px) {
  .nj-footer__social-icon {
    width: 16px;
    height: 16px;
  }
}
.nj-footer__baseline {
  padding: 32px 0;
  padding: 2rem 0;
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .nj-footer__baseline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4rem;
  }
}
.nj-footer__logo {
  display: block;
  margin-right: 64px;
  margin-right: 4rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .nj-footer__logo {
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  .nj-footer__logo {
    width: 90px;
  }
}
.nj-form-group {
  position: relative;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-top: 28px;
  padding-top: 1.75rem;
}

.nj-form-group.is-filled .nj-label-placeholder {
  display: none;
}

.nj-form-group.is-filled .nj-form-control__reset {
  display: block;
}

.nj-form-group.nj-form-input-search.is-filled .nj-form-control__search {
  display: none;
}

.nj-form-group.is-focused .nj-label-floating,
.nj-form-group .is-focused .nj-label-floating, .nj-form-group.is-filled .nj-label-floating,
.nj-form-group .is-filled .nj-label-floating {
  top: 16px;
  top: 1rem;
  left: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

.nj-form-group [class^=nj-label],
.nj-form-group [class*=" nj-label"] {
  color: var(--nj-color-text-label);
}

.nj-form-group .nj-form-control, .is-focused .nj-form-group .nj-form-control {
  background-image: linear-gradient(to top, var(--nj-color-text-label-focus) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

.nj-form-group .nj-form-control:invalid {
  background-image: linear-gradient(to top, var(--nj-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

.nj-form-group .nj-form-control[readonly] {
  background-image: linear-gradient(to top, var(--nj-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

fieldset[disabled][disabled] .nj-form-group .nj-form-control, .nj-form-group .nj-form-control.disabled, .nj-form-group .nj-form-control:disabled, .nj-form-group .nj-form-control[disabled] {
  background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input-disabled) 1px, transparent 1px);
}

.nj-form-group .is-focused [class^=nj-label],
.nj-form-group .is-focused [class*=" nj-label"], .nj-form-group.is-focused [class^=nj-label],
.nj-form-group.is-focused [class*=" nj-label"] {
  color: var(--nj-color-text-label-focus);
}

.nj-form-group .is-focused .nj-label-placeholder, .nj-form-group.is-focused .nj-label-placeholder {
  color: var(--nj-color-text-label);
}

.nj-form-group .is-focused .nj-help, .nj-form-group.is-focused .nj-help {
  color: #757575;
}

.nj-form-group .nj-label-floating {
  color: var(--nj-color-text-label);
}

.nj-form-group.is-filled .nj-label-floating {
  color: var(--nj-color-text-label);
}

.nj-form-group.has-success [class^=nj-label],
.nj-form-group.has-success [class*=" nj-label"] {
  color: var(--nj-color-base-success);
}

.nj-form-group.has-success .nj-form-control, .is-focused .nj-form-group.has-success .nj-form-control {
  background-image: linear-gradient(to top, var(--nj-color-base-success) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

.nj-form-group.has-success .nj-form-control:invalid {
  background-image: linear-gradient(to top, var(--nj-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

.nj-form-group.has-success .nj-form-control[readonly] {
  background-image: linear-gradient(to top, var(--nj-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

fieldset[disabled][disabled] .nj-form-group.has-success .nj-form-control, .nj-form-group.has-success .nj-form-control.disabled, .nj-form-group.has-success .nj-form-control:disabled, .nj-form-group.has-success .nj-form-control[disabled] {
  background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input-disabled) 1px, transparent 1px);
}

.nj-form-group.has-success .is-focused [class^=nj-label],
.nj-form-group.has-success .is-focused [class*=" nj-label"], .nj-form-group.has-success.is-focused [class^=nj-label],
.nj-form-group.has-success.is-focused [class*=" nj-label"] {
  color: var(--nj-color-base-success);
}

.nj-form-group.has-success .is-focused .nj-label-placeholder, .nj-form-group.has-success.is-focused .nj-label-placeholder {
  color: var(--nj-color-base-success);
}

.nj-form-group.has-success .is-focused .nj-help, .nj-form-group.has-success.is-focused .nj-help {
  color: #757575;
}

.nj-form-group.has-warning [class^=nj-label],
.nj-form-group.has-warning [class*=" nj-label"] {
  color: var(--nj-color-base-warning);
}

.nj-form-group.has-warning .nj-form-control, .is-focused .nj-form-group.has-warning .nj-form-control {
  background-image: linear-gradient(to top, var(--nj-color-base-warning) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

.nj-form-group.has-warning .nj-form-control:invalid {
  background-image: linear-gradient(to top, var(--nj-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

.nj-form-group.has-warning .nj-form-control[readonly] {
  background-image: linear-gradient(to top, var(--nj-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

fieldset[disabled][disabled] .nj-form-group.has-warning .nj-form-control, .nj-form-group.has-warning .nj-form-control.disabled, .nj-form-group.has-warning .nj-form-control:disabled, .nj-form-group.has-warning .nj-form-control[disabled] {
  background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input-disabled) 1px, transparent 1px);
}

.nj-form-group.has-warning .is-focused [class^=nj-label],
.nj-form-group.has-warning .is-focused [class*=" nj-label"], .nj-form-group.has-warning.is-focused [class^=nj-label],
.nj-form-group.has-warning.is-focused [class*=" nj-label"] {
  color: var(--nj-color-base-warning);
}

.nj-form-group.has-warning .is-focused .nj-label-placeholder, .nj-form-group.has-warning.is-focused .nj-label-placeholder {
  color: var(--nj-color-base-warning);
}

.nj-form-group.has-warning .is-focused .nj-help, .nj-form-group.has-warning.is-focused .nj-help {
  color: #757575;
}

.nj-form-group.has-danger [class^=nj-label],
.nj-form-group.has-danger [class*=" nj-label"] {
  color: var(--nj-color-base-danger);
}

.nj-form-group.has-danger .nj-form-control, .is-focused .nj-form-group.has-danger .nj-form-control {
  background-image: linear-gradient(to top, var(--nj-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

.nj-form-group.has-danger .nj-form-control:invalid {
  background-image: linear-gradient(to top, var(--nj-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

.nj-form-group.has-danger .nj-form-control[readonly] {
  background-image: linear-gradient(to top, var(--nj-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input) 1px, transparent 1px);
}

fieldset[disabled][disabled] .nj-form-group.has-danger .nj-form-control, .nj-form-group.has-danger .nj-form-control.disabled, .nj-form-group.has-danger .nj-form-control:disabled, .nj-form-group.has-danger .nj-form-control[disabled] {
  background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-color-border-input-disabled) 1px, transparent 1px);
}

.nj-form-group.has-danger .is-focused [class^=nj-label],
.nj-form-group.has-danger .is-focused [class*=" nj-label"], .nj-form-group.has-danger.is-focused [class^=nj-label],
.nj-form-group.has-danger.is-focused [class*=" nj-label"] {
  color: var(--nj-color-base-danger);
}

.nj-form-group.has-danger .is-focused .nj-label-placeholder, .nj-form-group.has-danger.is-focused .nj-label-placeholder {
  color: var(--nj-color-base-danger);
}

.nj-form-group.has-danger .is-focused .nj-help, .nj-form-group.has-danger.is-focused .nj-help {
  color: #757575;
}

.nj-form-group.is-focused .nj-form-control {
  background-size: 100% 100%, 100% 100%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.nj-form-group.is-focused .nj-form-control:invalid ~ [class^=nj-label], .nj-form-group.is-focused .nj-form-control:invalid ~ [class*=" nj-label"] {
  color: var(--nj-color-base-danger);
}

.nj-form-group.is-visible .nj-form-control__password-off {
  display: none;
}

.nj-form-group.is-visible .nj-form-control__password-on {
  display: block;
}

.nj-form-group--icon-right .nj-form-control {
  padding-right: 32px;
  padding-right: 2rem;
}

.nj-form-group--icon-right .material-icons {
  position: absolute;
  right: 0;
  bottom: 8px;
  bottom: 0.5rem;
}

.nj-form-group--icon-left .nj-form-control {
  padding-left: 32px;
  padding-left: 2rem;
}

.nj-form-group--icon-left .nj-label-floating,
.nj-form-group--icon-left .nj-label-placeholder {
  left: 32px;
  left: 2rem;
}

.nj-form-group--icon-left .material-icons {
  position: absolute;
  bottom: 8px;
  bottom: 0.5rem;
  left: 0;
}

.nj-form-group .material-icons {
  color: var(--nj-color-icon-input);
}

.nj-form-control {
  display: block;
  width: 100%;
  height: 40px;
  height: 2.5rem;
  padding-right: 0;
  padding-left: 0;
  color: var(--nj-color-text-body);
  line-height: 1.3;
  background: no-repeat bottom, 50% calc(100% - 1px);
  background-size: 0 100%, 100% 100%;
  background-clip: padding-box;
  border: 0;
  -webkit-transition: background 0s ease-out;
  transition: background 0s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-form-control {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-form-control::-webkit-input-placeholder {
  color: var(--nj-color-placeholder-input);
  font-size: 16px;
  font-size: 1rem;
}

.nj-form-control::-moz-placeholder {
  color: var(--nj-color-placeholder-input);
  font-size: 16px;
  font-size: 1rem;
}

.nj-form-control:-ms-input-placeholder {
  color: var(--nj-color-placeholder-input);
  font-size: 16px;
  font-size: 1rem;
}

.nj-form-control::-ms-input-placeholder {
  color: var(--nj-color-placeholder-input);
  font-size: 16px;
  font-size: 1rem;
}

.nj-form-control::placeholder {
  color: var(--nj-color-placeholder-input);
  font-size: 16px;
  font-size: 1rem;
}

.nj-form-control:hover {
  outline: 0;
}

.nj-form-control:hover::-webkit-input-placeholder {
  color: var(--nj-color-placeholder-input-hover);
}

.nj-form-control:hover::-moz-placeholder {
  color: var(--nj-color-placeholder-input-hover);
}

.nj-form-control:hover:-ms-input-placeholder {
  color: var(--nj-color-placeholder-input-hover);
}

.nj-form-control:hover::-ms-input-placeholder {
  color: var(--nj-color-placeholder-input-hover);
}

.nj-form-control:hover::placeholder {
  color: var(--nj-color-placeholder-input-hover);
}

.nj-form-control:focus {
  color: var(--nj-color-placeholder-input-focus);
  outline: 0;
}

.nj-form-control:focus::-webkit-input-placeholder {
  color: var(--nj-color-placeholder-input-focus);
}

.nj-form-control:focus::-moz-placeholder {
  color: var(--nj-color-placeholder-input-focus);
}

.nj-form-control:focus:-ms-input-placeholder {
  color: var(--nj-color-placeholder-input-focus);
}

.nj-form-control:focus::-ms-input-placeholder {
  color: var(--nj-color-placeholder-input-focus);
}

.nj-form-control:focus::placeholder {
  color: var(--nj-color-placeholder-input-focus);
}

.nj-form-control:-webkit-autofill, .nj-form-control:-webkit-autofill:hover, .nj-form-control:-webkit-autofill:focus, .nj-form-control:-webkit-autofill:active {
  -webkit-text-fill-color: var(--nj-color-placeholder-input-focus);
  -webkit-box-shadow: 0 0 0 30px var(--nj-color-background-components) inset !important;
  /* stylelint-disable-line */
}

.nj-form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.nj-form-control:disabled::-webkit-input-placeholder, .nj-form-control[readonly]::-webkit-input-placeholder {
  color: var(--nj-color-placeholder-input-disabled);
}

.nj-form-control:disabled::-moz-placeholder, .nj-form-control[readonly]::-moz-placeholder {
  color: var(--nj-color-placeholder-input-disabled);
}

.nj-form-control:disabled:-ms-input-placeholder, .nj-form-control[readonly]:-ms-input-placeholder {
  color: var(--nj-color-placeholder-input-disabled);
}

.nj-form-control:disabled::-ms-input-placeholder, .nj-form-control[readonly]::-ms-input-placeholder {
  color: var(--nj-color-placeholder-input-disabled);
}

.nj-form-control:disabled::placeholder, .nj-form-control[readonly]::placeholder {
  color: var(--nj-color-placeholder-input-disabled);
}

.nj-form-control:disabled + [class^=nj-label] {
  color: var(--nj-color-placeholder-input-disabled);
}

.nj-form-control__reset {
  display: none;
  cursor: pointer;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.nj-form-control__reset:hover {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.nj-form-control__password-on {
  display: none;
  cursor: pointer;
}

.nj-form-control__password-off {
  cursor: pointer;
}

textarea.nj-form-control {
  height: auto;
}

.nj-help {
  position: absolute;
  display: none;
  margin-top: 4px;
  margin-top: 0.25rem;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
}

.nj-form-group.is-focused .nj-help {
  display: block;
}

.nj-help:nth-of-type(2) {
  padding-top: 16px;
  padding-top: 1rem;
}

[class^=nj-label],
[class*=nj-label] {
  position: absolute;
  font-size: 16px;
  font-size: 1rem;
  pointer-events: none;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

@media screen and (prefers-reduced-motion: reduce) {
  [class^=nj-label],
[class*=nj-label] {
    -webkit-transition: none;
    transition: none;
  }
}
[class^=nj-label].nj-label-floating,
[class*=nj-label].nj-label-floating {
  will-change: left, top, contents;
}

.nj-label-floating,
.nj-label-placeholder {
  top: 35px;
  top: 2.1875rem;
  left: 0;
}

.nj-label-static {
  white-space: nowrap;
  top: 16px;
  top: 1rem;
  left: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

.nj-form-autocomplete:focus {
  outline: none;
}

.nj-form-autocomplete .nj-form-group {
  padding-top: 0;
}

.nj-form-autocomplete .nj-form-group--icon-right .material-icons {
  top: 8px;
  top: 0.5rem;
  bottom: inherit;
}

.nj-form-autocomplete input ~ .nj-form-autocomplete__list {
  display: none;
}

.nj-form-autocomplete input:valid:focus ~ .nj-form-autocomplete__list {
  display: block;
}

.nj-form-autocomplete__list {
  max-height: 384px;
  max-height: 24rem;
  overflow-y: scroll;
}

.nj-form-autocomplete__list.nj-card {
  position: absolute;
  width: 100%;
}

.nj-form-autocomplete .nj-form-autocomplete__list:focus, .nj-form-autocomplete .nj-form-autocomplete__list:active {
  display: block;
}

.header .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-right: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
}
@media (min-width: 576px) {
  .header .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .header .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .header .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .header .container {
    max-width: 1140px;
  }
}
.header .container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-right: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-right: -1rem;
  margin-left: -16px;
  margin-left: -1rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 16px;
  padding-right: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.3333333333%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.material-icons {
  color: #757575;
}

.material-icons-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.material-icons-text .material-icons {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.material-icons.md-18 {
  font-size: 18px;
  font-size: 1.125rem;
}

.material-icons.md-24 {
  font-size: 24px;
  font-size: 1.5rem;
}

.material-icons.md-36 {
  font-size: 36px;
  font-size: 2.25rem;
}

.material-icons.md-48 {
  font-size: 48px;
}

.material-icons.md--blue-allports {
  color: #0b74c0;
}

.material-icons.md--blue-corporate {
  color: #009de9;
}

.material-icons.md--white {
  color: #fff;
}

.material-icons.md--green-java {
  color: #6ed2b1;
}

.material-icons.md--orange-crusta {
  color: #f78a31;
}

.material-icons.md--purple {
  color: #1f106d;
}

.material-icons.md--red-mandy {
  color: #e74a50;
}

.material-icons.md--yellow-bright-sun {
  color: #fbdb3c;
}

.material-icons.md--red {
  color: #c03;
}

.material-icons.md--green {
  color: #009934;
}

.material-icons.md--orange {
  color: #e07602;
}

.material-icons.md--blue-bigstone {
  color: #0f1e29;
}

.material-icons.md--blue-rhino {
  color: #2b485c;
}

.material-icons.md--blue-venice {
  color: #005288;
}

.material-icons.md--cerise {
  color: #e62b87;
}

.material-icons.md--green-fun {
  color: #69af23;
}

.material-icons.md--green-pine {
  color: #007873;
}

.material-icons.md--green-riogrande {
  color: #becd00;
}

.material-icons.md--violet-eggplant {
  color: #910f7d;
}

.material-icons.md--violet {
  color: #552382;
}

.material-icons.md--yellow {
  color: #faca08;
}

.material-icons.md--primary {
  color: #009de9;
}

.material-icons.md--success {
  color: #009934;
}

.material-icons.md--warning {
  color: #e07602;
}

.material-icons.md--danger {
  color: #c03;
}

.material-icons.md--light {
  color: #fff;
}

.material-icons.md--on-primary {
  color: var(--nj-color-text-background-base);
}

.material-icons.md--on-success {
  color: var(--nj-color-text-background-base);
}

.material-icons.md--on-warning {
  color: var(--nj-color-text-background-base);
}

.material-icons.md--on-danger {
  color: var(--nj-color-text-background-base);
}

.material-icons.md--on-light {
  color: var(--nj-color-text-background-light);
}

@font-face {
  font-weight: 400;
  font-family: iconfluid;
  font-style: normal;
  src: url(fonts/fonts/iconfluid.ttf) format("truetype"), url(fonts/fonts/iconfluid.woff) format("woff"), url(fonts/fonts/iconfluid.svg#iconfluid) format("svg");
}
.nj-icon {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #009de9;
  font-weight: 400;
  font-size: 96px;
  font-size: 6rem;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iconfluid" !important;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nj-icon::before {
  position: relative;
  z-index: 1;
  background: linear-gradient(135deg, #0af 0%, #23d2b5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nj-icon--blue-corporate {
  color: #009de9;
}

.nj-icon--blue-corporate::before {
  background: none;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}

.nj-icon--white {
  color: #fff;
}

.nj-icon--white::before {
  background: none;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}

.nj-link {
  position: relative;
  padding-bottom: 3px;
  color: #009de9;
}

.nj-link:not(.stretched-link)::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #009de9;
  opacity: 0.2;
  content: "";
}

.nj-link:not(.stretched-link)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  -webkit-transition-property: all;
  transition-property: all;
  content: "";
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.nj-link:hover {
  color: #009de9;
  text-decoration: none;
}

.nj-link:hover:not(.stretched-link)::after {
  width: 100%;
  background-color: #009de9;
}

.nj-link-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 1px;
}

.nj-link-icon i {
  margin-right: 8px;
  margin-right: 0.5rem;
  color: inherit;
  font-size: 18px;
}

.nj-link-icon i:hover {
  color: inherit;
}

.nj-link-icon span + i {
  margin-right: 0;
  margin-left: 8px;
  margin-left: 0.5rem;
}

.nj-link-icon:not(.stretched-link)::before {
  width: calc(100% - 18px - 0.5rem);
}

.nj-link-icon:not(.stretched-link):hover::after {
  width: calc(100% - 18px - 0.5rem);
}

.nj-link-icon--before:not(.stretched-link)::before {
  left: 26px;
  width: calc(100% - 18px - 0.5rem);
}

.nj-link-icon--before:not(.stretched-link)::after {
  left: 26px;
}

.nj-link-icon--before:not(.stretched-link):hover::after {
  width: calc(100% - 18px - 0.5rem);
}

.nj-link--primary:not(.stretched-link) {
  color: var(--nj-color-base-primary);
}

.nj-link--primary:not(.stretched-link) i {
  color: var(--nj-color-base-primary);
}

.nj-link--primary:not(.stretched-link)::before {
  background-color: var(--nj-color-base-primary);
}

.nj-link--primary:not(.stretched-link):hover {
  color: var(--nj-color-base-primary);
}

.nj-link--primary:not(.stretched-link):hover:not(.stretched-link)::after {
  background-color: var(--nj-color-base-primary);
}

.nj-link--success:not(.stretched-link) {
  color: var(--nj-color-base-success);
}

.nj-link--success:not(.stretched-link) i {
  color: var(--nj-color-base-success);
}

.nj-link--success:not(.stretched-link)::before {
  background-color: var(--nj-color-base-success);
}

.nj-link--success:not(.stretched-link):hover {
  color: var(--nj-color-base-success);
}

.nj-link--success:not(.stretched-link):hover:not(.stretched-link)::after {
  background-color: var(--nj-color-base-success);
}

.nj-link--warning:not(.stretched-link) {
  color: var(--nj-color-base-warning);
}

.nj-link--warning:not(.stretched-link) i {
  color: var(--nj-color-base-warning);
}

.nj-link--warning:not(.stretched-link)::before {
  background-color: var(--nj-color-base-warning);
}

.nj-link--warning:not(.stretched-link):hover {
  color: var(--nj-color-base-warning);
}

.nj-link--warning:not(.stretched-link):hover:not(.stretched-link)::after {
  background-color: var(--nj-color-base-warning);
}

.nj-link--danger:not(.stretched-link) {
  color: var(--nj-color-base-danger);
}

.nj-link--danger:not(.stretched-link) i {
  color: var(--nj-color-base-danger);
}

.nj-link--danger:not(.stretched-link)::before {
  background-color: var(--nj-color-base-danger);
}

.nj-link--danger:not(.stretched-link):hover {
  color: var(--nj-color-base-danger);
}

.nj-link--danger:not(.stretched-link):hover:not(.stretched-link)::after {
  background-color: var(--nj-color-base-danger);
}

.nj-link--light:not(.stretched-link) {
  color: var(--nj-color-base-light);
}

.nj-link--light:not(.stretched-link) i {
  color: var(--nj-color-base-light);
}

.nj-link--light:not(.stretched-link)::before {
  background-color: var(--nj-color-base-light);
}

.nj-link--light:not(.stretched-link):hover {
  color: var(--nj-color-base-light);
}

.nj-link--light:not(.stretched-link):hover:not(.stretched-link)::after {
  background-color: var(--nj-color-base-light);
}

.nj-list-group {
  --list-group-border-color: var(--nj-color-base-gray-300);
  --list-group-hover-color: var(--nj-color-base-gray-100);
  --list-group-icon-color: var(--nj-color-base-gray-600);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
  overflow: hidden;
  background-color: var(--nj-color-background-components);
}

[data-theme=dark] .nj-list-group, .nj-list-group[data-theme=dark] {
  --list-group-border-color: var(--nj-color-base-gray-400);
  --list-group-hover-color: var(--nj-color-base-gray-600);
  --list-group-icon-color: var(--nj-color-base-gray-400);
}

.nj-list-group--no-border .nj-list-group__item {
  border-bottom: 0;
}

.nj-list-group__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1.5rem 1.5rem 1.5rem calc(1.5rem - 2px);
  color: inherit;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: var(--nj-color-background-components);
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid var(--list-group-border-color);
  border-left: 2px solid transparent;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: color 0.15s, background 0.15s, border-color 0.15s;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-list-group__item {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-list-group__item h5 {
  font-weight: 700;
}

.nj-list-group__item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.nj-list-group__item:hover, .nj-list-group__item:focus {
  z-index: 1;
  text-decoration: none;
}

.nj-list-group__item.disabled, .nj-list-group__item:disabled {
  color: var(--nj-color-base-disabled);
  pointer-events: none;
}

.nj-list-group__item.active {
  z-index: 2;
  background-color: var(--nj-color-background-components-active);
  border-left-color: var(--nj-color-base-primary);
}

.nj-list-group__item.active,
.nj-list-group__item.active i {
  -webkit-transition: color 0.15s, background 0.15s, border-color 0.15s;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-list-group__item.active,
.nj-list-group__item.active i {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-list-group__item.active i {
  color: #009de9;
}

.nj-list-group__item .material-icons {
  color: var(--list-group-icon-color);
}

.nj-list-group a.nj-list-group__item,
.nj-list-group button.nj-list-group__item {
  width: 100%;
  text-align: inherit;
}

.nj-list-group a.nj-list-group__item:hover, .nj-list-group a.nj-list-group__item:focus,
.nj-list-group button.nj-list-group__item:hover,
.nj-list-group button.nj-list-group__item:focus {
  color: var(--nj-color-base-primary);
  text-decoration: none;
  background-color: var(--list-group-hover-color);
}

.nj-list-group a.nj-list-group__item:active,
.nj-list-group button.nj-list-group__item:active {
  z-index: 2;
  background-color: var(--nj-color-background-components-active);
  border-left-color: var(--nj-color-base-primary);
}

.nj-list-group a.nj-list-group__item:active,
.nj-list-group a.nj-list-group__item:active i,
.nj-list-group button.nj-list-group__item:active,
.nj-list-group button.nj-list-group__item:active i {
  -webkit-transition: color 0.15s, background 0.15s, border-color 0.15s;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-list-group a.nj-list-group__item:active,
.nj-list-group a.nj-list-group__item:active i,
.nj-list-group button.nj-list-group__item:active,
.nj-list-group button.nj-list-group__item:active i {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-list-group a.nj-list-group__item:active i,
.nj-list-group button.nj-list-group__item:active i {
  color: #009de9;
}

.nj-list-group--sm .nj-list-group__item {
  padding: 0.75rem 1rem 0.75rem calc(1rem - 2px);
}

.nj-modal {
  --modal-close-color: var(--nj-color-base-gray-900);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--nj-elevation-modal);
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

[data-theme=dark] .nj-modal, .nj-modal[data-theme=dark] {
  --modal-close-color: var(--nj-color-base-primary);
}

.nj-modal__dialog {
  position: relative;
  width: auto;
  max-width: 560px;
  margin: 8px;
  margin: 0.5rem;
  pointer-events: none;
}

@media (min-width: 576px) {
  .nj-modal__dialog {
    margin: 1.75rem auto;
  }
}
.nj-modal__dialog.nj-modal--sm {
  max-width: 440px;
}

.nj-modal.fade .nj-modal__dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-modal.fade .nj-modal__dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-modal.show .nj-modal__dialog {
  -webkit-transform: none;
  transform: none;
}

.nj-modal__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: var(--nj-color-background-components);
  background-clip: padding-box;
  outline: 0;
  -webkit-box-shadow: var(--nj-shadow-level-24-dp);
  box-shadow: var(--nj-shadow-level-24-dp);
  pointer-events: auto;
}

.nj-modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--nj-elevation-modal-backdrop);
  width: 100vw;
  height: 100vh;
  background-color: var(--nj-color-backdrop-modal);
}

.nj-modal__backdrop.fade {
  opacity: 0;
}

.nj-modal__backdrop.show {
  opacity: 0.5;
}

.nj-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 48px 48px 24px;
  padding: 3rem 3rem 1.5rem;
}

.nj-modal__header .nj-close {
  margin: 16px 16px 0 0;
  margin: 1rem 1rem 0 0;
  padding: 16px 16px;
  padding: 1rem 1rem;
}

.nj-modal__title {
  margin-bottom: 0;
  line-height: 1.5;
}

.nj-modal__close {
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
}

.nj-modal__close:hover {
  text-decoration: none;
}

.nj-modal__close:not(:disabled):not(.disabled):hover, .nj-modal__close:not(:disabled):not(.disabled):focus {
  opacity: 0.7;
}

a.nj-modal__close {
  pointer-events: none;
}

button.nj-modal__close {
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.nj-modal__close .close-icon {
  color: var(--modal-close-color);
}

.nj-modal__close-icon {
  display: block;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
}

.nj-modal__body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 48px;
  padding: 0 3rem;
}

.nj-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 48px;
  padding: 3rem;
}

.nj-modal__footer > :not(:first-child) {
  margin-left: 4px;
  margin-left: 0.25rem;
}

.nj-modal__footer > :not(:last-child) {
  margin-right: 4px;
  margin-right: 0.25rem;
}

.nj-navbar {
  --item-line-color: var(--nj-color-base-gray-300);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: baseline;
  align-content: baseline;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: var(--nj-size-navbar-height);
  padding: 0 32px;
  padding: 0 2rem;
  background-color: var(--nj-color-background-components);
  -webkit-transition: background-color 0.35s, height 350ms 100ms, -webkit-transform 350ms 100ms;
  transition: background-color 0.35s, height 350ms 100ms, -webkit-transform 350ms 100ms;
  transition: transform 350ms 100ms, background-color 0.35s, height 350ms 100ms;
  transition: transform 350ms 100ms, background-color 0.35s, height 350ms 100ms, -webkit-transform 350ms 100ms;
}

[data-theme=dark] .nj-navbar, .nj-navbar[data-theme=dark] {
  --item-line-color: var(--nj-color-base-gray-400);
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-navbar {
    -webkit-transition: none;
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .nj-navbar {
    min-height: var(--nj-size-navbar-height-sm);
    padding: 0 1rem;
  }
}
.nj-navbar--sm {
  min-height: var(--nj-size-navbar-height-sm);
}

.nj-navbar--sm .nj-navbar__brand,
.nj-navbar--sm .nj-navbar__nav-item,
.nj-navbar--sm .nj-navbar__nav-link {
  height: var(--nj-size-navbar-height-sm);
}

.nj-navbar--sm .nj-navbar__logo {
  width: 66px;
  width: 4.125rem;
}

.nj-navbar > .container,
.nj-navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nj-navbar__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--nj-size-navbar-height);
}

@media (max-width: 767.98px) {
  .nj-navbar__brand {
    height: var(--nj-size-navbar-height-sm);
  }
}
.nj-navbar__logo {
  display: block;
  max-width: 87px;
  max-width: 5.4375rem;
  height: calc(var(--nj-size-navbar-height) - 4rem);
  max-height: 100%;
  fill: #0af;
}

@media (max-width: 767.98px) {
  .nj-navbar__logo {
    max-width: 4.125rem;
    height: calc(var(--nj-size-navbar-height-sm) - 2rem);
  }
}
.nj-navbar__logo--white {
  fill: #fff;
}

.nj-navbar__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.nj-navbar__nav-item {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: var(--nj-size-navbar-height);
  border-bottom: 1px solid var(--item-line-color);
}

@media (max-width: 767.98px) {
  .nj-navbar__nav-item {
    height: calc(var(--nj-size-navbar-height-sm) + 1px);
  }
}
.nj-navbar__nav-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--nj-size-navbar-height);
  margin: 0;
  color: var(--nj-color-text-body);
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media (max-width: 767.98px) {
  .nj-navbar__nav-link {
    height: var(--nj-size-navbar-height-sm);
  }
}
.nj-navbar__nav-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  height: 0.125rem;
  background: #009de9;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  content: "";
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media (max-width: 991.98px) {
  .nj-navbar__nav-link::after {
    bottom: -2px;
  }
}
.nj-navbar__nav-link.active, .nj-navbar__nav-link:hover {
  color: var(--nj-color-text-body);
  text-decoration: none;
}

.nj-navbar__nav-link.active::after, .nj-navbar__nav-link:hover::after {
  opacity: 1;
}

.nj-navbar__nav-link.disabled {
  color: var(--nj-color-base-disabled);
  cursor: default;
  pointer-events: none;
}

.nj-navbar__nav-link--icon::after {
  content: none;
}

.nj-navbar__toggler {
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.nj-navbar__toggler-icon.material-icons {
  display: block;
  color: #009de9;
}

.nj-navbar__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0 32px;
  padding: 0 2rem;
  background-color: var(--nj-color-background-components);
}

.nj-navbar__search, .nj-navbar__search.nj-collapsing {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.nj-navbar__search.nj-collapsing, .nj-navbar__search.show {
  width: 100%;
}

.nj-navbar__search.show {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.nj-navbar--shadow {
  -webkit-box-shadow: var(--nj-shadow-level-4-dp);
  box-shadow: var(--nj-shadow-level-4-dp);
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) {
  background: transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link {
  color: #fff;
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link::after {
  background: #fff;
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__logo {
  fill: #fff;
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__toggler-icon {
  color: #fff;
}

.nj-navbar--transparent, .nj-navbar--transparent .nj-navbar--shown-collapse {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.nj-navbar--transparent .nj-navbar__logo, .nj-navbar--transparent .nj-navbar--shown-collapse .nj-navbar__logo {
  fill: var(--nj-color-base-primary);
}

.nj-navbar--collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 575.98px) {
  .nj-navbar--expand-sm > .container,
.nj-navbar--expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .nj-navbar--expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .nj-navbar--expand-sm .nj-navbar__nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .nj-navbar--expand-sm .nj-navbar__nav-item {
    border: 0;
  }

  .nj-navbar--expand-sm .nj-navbar__nav-link {
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .nj-navbar--expand-sm .nj-navbar__nav-link--icon {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .nj-navbar--expand-sm .nj-navbar__nav-link--icon i {
    pointer-events: none;
  }

  .nj-navbar--expand-sm > .container,
.nj-navbar--expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .nj-navbar--expand-sm .nj-navbar--collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .nj-navbar--expand-sm .nj-navbar__toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .nj-navbar--expand-md > .container,
.nj-navbar--expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .nj-navbar--expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .nj-navbar--expand-md .nj-navbar__nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .nj-navbar--expand-md .nj-navbar__nav-item {
    border: 0;
  }

  .nj-navbar--expand-md .nj-navbar__nav-link {
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .nj-navbar--expand-md .nj-navbar__nav-link--icon {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .nj-navbar--expand-md .nj-navbar__nav-link--icon i {
    pointer-events: none;
  }

  .nj-navbar--expand-md > .container,
.nj-navbar--expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .nj-navbar--expand-md .nj-navbar--collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .nj-navbar--expand-md .nj-navbar__toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .nj-navbar--expand-lg > .container,
.nj-navbar--expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .nj-navbar--expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .nj-navbar--expand-lg .nj-navbar__nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .nj-navbar--expand-lg .nj-navbar__nav-item {
    border: 0;
  }

  .nj-navbar--expand-lg .nj-navbar__nav-link {
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .nj-navbar--expand-lg .nj-navbar__nav-link--icon {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .nj-navbar--expand-lg .nj-navbar__nav-link--icon i {
    pointer-events: none;
  }

  .nj-navbar--expand-lg > .container,
.nj-navbar--expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .nj-navbar--expand-lg .nj-navbar--collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .nj-navbar--expand-lg .nj-navbar__toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .nj-navbar--expand-xl > .container,
.nj-navbar--expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .nj-navbar--expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .nj-navbar--expand-xl .nj-navbar__nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .nj-navbar--expand-xl .nj-navbar__nav-item {
    border: 0;
  }

  .nj-navbar--expand-xl .nj-navbar__nav-link {
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .nj-navbar--expand-xl .nj-navbar__nav-link--icon {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .nj-navbar--expand-xl .nj-navbar__nav-link--icon i {
    pointer-events: none;
  }

  .nj-navbar--expand-xl > .container,
.nj-navbar--expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .nj-navbar--expand-xl .nj-navbar--collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .nj-navbar--expand-xl .nj-navbar__toggler {
    display: none;
  }
}
.nj-navbar--expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.nj-navbar--expand > .container,
.nj-navbar--expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.nj-navbar--expand .nj-navbar__nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.nj-navbar--expand .nj-navbar__nav-item {
  border: 0;
}

.nj-navbar--expand .nj-navbar__nav-link {
  margin-right: 32px;
  margin-right: 2rem;
  margin-left: 32px;
  margin-left: 2rem;
}

.nj-navbar--expand .nj-navbar__nav-link--icon {
  margin-right: 16px;
  margin-right: 1rem;
  margin-left: 16px;
  margin-left: 1rem;
}

.nj-navbar--expand .nj-navbar__nav-link--icon i {
  pointer-events: none;
}

.nj-navbar--expand > .container,
.nj-navbar--expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.nj-navbar--expand .nj-navbar--collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.nj-navbar--expand .nj-navbar__toggler {
  display: none;
}

.nj-pagination {
  --pagination-nav-color: var(--nj-color-text-body);
  --pagination-background-color-hover: var(--nj-color-base-gray-200);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-top: 1rem;
  padding-left: 0;
  list-style: none;
}

[data-theme=dark] .nj-pagination, .nj-pagination[data-theme=dark] {
  --pagination-nav-color: var(--nj-color-base-primary);
  --pagination-background-color-hover: var(--nj-color-base-gray-500);
}

.nj-pagination__nav {
  color: var(--pagination-nav-color);
  line-height: 32px;
  line-height: 2rem;
}

.nj-pagination__item {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.nj-pagination__item--active .nj-pagination__link {
  z-index: 1;
  color: var(--nj-color-text-body-inverted);
  background-color: #009de9;
}

.nj-pagination__item--active .nj-pagination__link:hover {
  color: #fff;
  background-color: #009de9;
}

.nj-pagination__item--disabled .nj-pagination__link {
  cursor: default;
  pointer-events: none;
}

.nj-pagination__item--disabled .nj-pagination__nav {
  color: #e0e0e0;
}

.nj-pagination__link {
  position: relative;
  display: block;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  color: var(--nj-color-text-body);
  font-weight: 400;
  line-height: 32px;
  line-height: 2rem;
  text-align: center;
  border-radius: 0;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.nj-pagination__link:hover, .nj-pagination__link:focus {
  z-index: 2;
  text-decoration: none;
  outline: none;
}

.nj-pagination__link:hover {
  color: var(--nj-color-text-body);
  background-color: var(--pagination-background-color-hover);
}

.nj-pagination__link:focus {
  color: var(--nj-color-text-body-inverted);
  background-color: #009de9;
}

.nj-pagination__link:focus .nj-pagination__nav {
  color: var(--nj-color-text-body-inverted);
}

.nj-pagination__link--prev:hover, .nj-pagination__link--prev:focus, .nj-pagination__link--next:hover, .nj-pagination__link--next:focus {
  color: #009de9;
  background: none;
}

.nj-pagination__link--prev:hover .nj-pagination__nav, .nj-pagination__link--prev:focus .nj-pagination__nav, .nj-pagination__link--next:hover .nj-pagination__nav, .nj-pagination__link--next:focus .nj-pagination__nav {
  color: #009de9;
}

.nj-progress {
  position: relative;
  height: 8px;
  height: 0.5rem;
  background-color: var(--nj-color-background-progress-track);
  border-radius: var(--nj-size-border-radius);
}

.nj-progress,
.nj-progress :root {
  --nj-color-background-progress-track: var(--nj-color-base-gray-200);
  --nj-color-text-progress: var(--nj-color-base-gray-500);
}

[data-theme=dark] .nj-progress, .nj-progress[data-theme=dark] {
  --nj-color-background-progress-track: var(--nj-color-base-gray-500);
  --nj-color-text-progress: var(--nj-color-base-white-500);
}

.nj-progress__bar {
  width: 0;
  height: 8px;
  height: 0.5rem;
  background-color: var(--nj-color-base-primary);
  border-radius: var(--nj-size-border-radius);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-progress__bar {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-progress__text {
  width: 100%;
  margin-top: 6.4px;
  margin-top: 0.4rem;
  color: var(--nj-color-text-progress);
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}

.nj-progress--blue-allports .nj-progress__bar {
  background-color: var(--nj-color-base-blue-allports);
}

.nj-progress--blue-corporate .nj-progress__bar {
  background-color: var(--nj-color-base-blue-corporate);
}

.nj-progress--white .nj-progress__bar {
  background-color: var(--nj-color-base-white);
}

.nj-progress--green-java .nj-progress__bar {
  background-color: var(--nj-color-base-green-java);
}

.nj-progress--orange-crusta .nj-progress__bar {
  background-color: var(--nj-color-base-orange-crusta);
}

.nj-progress--purple .nj-progress__bar {
  background-color: var(--nj-color-base-purple);
}

.nj-progress--red-mandy .nj-progress__bar {
  background-color: var(--nj-color-base-red-mandy);
}

.nj-progress--yellow-bright-sun .nj-progress__bar {
  background-color: var(--nj-color-base-yellow-bright-sun);
}

.nj-progress--red .nj-progress__bar {
  background-color: var(--nj-color-base-red);
}

.nj-progress--green .nj-progress__bar {
  background-color: var(--nj-color-base-green);
}

.nj-progress--orange .nj-progress__bar {
  background-color: var(--nj-color-base-orange);
}

.nj-progress--blue-bigstone .nj-progress__bar {
  background-color: var(--nj-color-base-blue-bigstone);
}

.nj-progress--blue-rhino .nj-progress__bar {
  background-color: var(--nj-color-base-blue-rhino);
}

.nj-progress--blue-venice .nj-progress__bar {
  background-color: var(--nj-color-base-blue-venice);
}

.nj-progress--cerise .nj-progress__bar {
  background-color: var(--nj-color-base-cerise);
}

.nj-progress--green-fun .nj-progress__bar {
  background-color: var(--nj-color-base-green-fun);
}

.nj-progress--green-pine .nj-progress__bar {
  background-color: var(--nj-color-base-green-pine);
}

.nj-progress--green-riogrande .nj-progress__bar {
  background-color: var(--nj-color-base-green-riogrande);
}

.nj-progress--violet-eggplant .nj-progress__bar {
  background-color: var(--nj-color-base-violet-eggplant);
}

.nj-progress--violet .nj-progress__bar {
  background-color: var(--nj-color-base-violet);
}

.nj-progress--yellow .nj-progress__bar {
  background-color: var(--nj-color-base-yellow);
}

.nj-radio {
  --radio-border-color: var(--nj-color-base-gray-600);
  position: relative;
  padding-left: 36px;
  padding-left: 2.25rem;
}

[data-theme=dark] .nj-radio, .nj-radio[data-theme=dark] {
  --radio-border-color: var(--nj-color-base-gray-100);
}

.nj-radio__decorator {
  position: absolute;
  top: 2px;
  top: 0.125rem;
  left: 0;
  display: inline-block;
  margin: -8px -16px;
  margin: -0.5rem -1rem;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  line-height: 0.7;
  border-radius: 100%;
}

.nj-radio__decorator::after {
  display: inline-block;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  border: 2px solid var(--radio-border-color);
  border: 0.125rem solid var(--radio-border-color);
  border-radius: 50%;
  cursor: pointer;
  content: "";
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-radio__decorator::after {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-radio__decorator::before {
  position: absolute;
  display: inline-block;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  background-color: var(--nj-color-base-primary);
  border-radius: 50%;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  content: "";
  -webkit-transition: -webkit-transform ease 0.28s;
  transition: -webkit-transform ease 0.28s;
  transition: transform ease 0.28s;
  transition: transform ease 0.28s, -webkit-transform ease 0.28s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-radio__decorator::before {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-radio label {
  cursor: pointer;
}

.nj-radio input[type=radio] {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.nj-radio input[type=radio]:checked + .nj-radio__decorator::after {
  border-color: var(--nj-color-base-primary);
}

.nj-radio input[type=radio]:checked + .nj-radio__decorator::before {
  background-color: var(--nj-color-base-primary);
}

.nj-radio input[type=radio]:checked + .nj-radio__decorator::before {
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
}

.nj-radio input[type=radio]:invalid + .nj-radio__decorator::after, .has-danger .nj-radio input[type=radio] + .nj-radio__decorator::after {
  border-color: #c03;
}

.nj-radio input[type=radio]:invalid + .nj-radio__decorator::before, .has-danger .nj-radio input[type=radio] + .nj-radio__decorator::before {
  background-color: #c03;
}

.has-warning .nj-radio input[type=radio] + .nj-radio__decorator::after {
  border-color: #e07602;
}

.has-warning .nj-radio input[type=radio] + .nj-radio__decorator::before {
  background-color: #e07602;
}

.has-success .nj-radio input[type=radio] + .nj-radio__decorator::after {
  border-color: #009934;
}

.has-success .nj-radio input[type=radio] + .nj-radio__decorator::before {
  background-color: #009934;
}

.nj-radio input[type=radio][disabled] + .nj-radio__decorator::after, .nj-radio input[type=radio]:disabled + .nj-radio__decorator::after, fieldset[disabled] .nj-radio input[type=radio] + .nj-radio__decorator::after {
  border-color: var(--nj-color-base-disabled);
}

.nj-radio input[type=radio][disabled] + .nj-radio__decorator::before, .nj-radio input[type=radio]:disabled + .nj-radio__decorator::before, fieldset[disabled] .nj-radio input[type=radio] + .nj-radio__decorator::before {
  background-color: var(--nj-color-base-disabled);
}

.nj-radio input[type=radio][disabled] + .nj-radio__decorator::after, .nj-radio input[type=radio]:disabled + .nj-radio__decorator::after, fieldset[disabled] .nj-radio input[type=radio] + .nj-radio__decorator::after {
  cursor: not-allowed;
}

.nj-radio--disabled label {
  color: var(--nj-color-base-disabled);
  cursor: not-allowed;
}

.nj-radio--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 24px;
  margin-right: 1.5rem;
}

select {
  margin-right: 25px;
  margin-right: 1.5625rem;
}

select, select.nj-form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select[size], select[multiple], select.nj-form-control[size], select.nj-form-control[multiple] {
  height: auto;
}

select ~ .material-icons {
  position: absolute;
  right: 0;
  bottom: 5px;
  z-index: 0;
  pointer-events: none;
}

select .nj-form-control:focus::-ms-value {
  color: #212121;
  background-color: #fff;
}

.nj-sidebar {
  --nj-sidebar-width: 300px;
  --nj-sidebar-width-folded: 72px;
  --nj-sidebar-sm-width-folded: 58px;
  position: fixed;
  top: 0;
  z-index: calc(var(--nj-elevation-fixed) - 1);
  display: block;
  width: var(--nj-sidebar-width);
  height: 100vh;
  overflow-x: hidden;
  background-color: var(--nj-color-background-components);
  border-right: 1px solid var(--nj-color-base-gray-200);
  -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme=dark] .nj-sidebar, .nj-sidebar[data-theme=dark] {
  border: none;
}

.nj-sidebar__brand {
  display: block;
  margin: 32px auto;
  margin: 2rem auto;
  text-align: center;
}

.nj-sidebar__logo {
  display: inline-block;
}

.nj-sidebar__logo--folded {
  display: none;
}

.nj-sidebar__navigation {
  width: var(--nj-sidebar-width);
  margin: 0;
}

.nj-sidebar__navigation.nj-list-group .nj-list-group__item:hover, .nj-sidebar__navigation.nj-list-group .nj-list-group__item:active, .nj-sidebar__navigation.nj-list-group .nj-list-group__item:focus {
  color: inherit;
}

.nj-sidebar--folded {
  width: var(--nj-sidebar-width-folded);
}

.nj-sidebar--folded.nj-sidebar--sm {
  width: var(--nj-sidebar-sm-width-folded);
}

.nj-sidebar--folded .nj-sidebar__fold-btn .material-icons {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.nj-sidebar--folded .nj-sidebar__logo {
  display: none;
}

.nj-sidebar--folded .nj-sidebar__logo--folded {
  display: inline-block;
}

.nj-sidebar--folded + .nj-sidebar-content {
  margin-left: 72px;
}

.nj-sidebar--navbar {
  top: var(--nj-size-navbar-height);
  height: calc(100vh - var(--nj-size-navbar-height));
}

@media (max-width: 767.98px) {
  .nj-sidebar--navbar {
    top: var(--nj-size-navbar-height-sm);
    min-height: calc(100vh - var(--nj-size-navbar-height-sm));
  }
}
.nj-sidebar-content {
  margin-left: 300px;
  -webkit-transition: margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

nj-sidebar[folded] + .nj-sidebar-content {
  /* stylelint-disable-line */
  margin-left: 72px;
}

.nj-slider {
  --slider-track-bg:var(--nj-color-base-gray-200);
  --slider-track-position: 50% 100%;
  position: relative;
}

[data-theme=dark] .nj-slider, .nj-slider[data-theme=dark] {
  --slider-track-bg:var(--nj-color-base-gray-500);
}

.nj-slider input[type=range] {
  display: block;
  width: 100%;
  height: calc(16px + 0.4rem);
  padding: 0;
  background-color: transparent;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}

.nj-slider input[type=range]:focus {
  outline: none;
}

.nj-slider input[type=range]:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 157, 233, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 157, 233, 0.25);
}

.nj-slider input[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 157, 233, 0.25);
}

.nj-slider input[type=range]:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 157, 233, 0.25);
}

.nj-slider input[type=range]::-moz-focus-outer {
  border: 0;
}

.nj-slider input[type=range]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  margin-top: calc((0.2rem - 16px) / 2);
  background-color: #009de9;
  border: 0;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-slider input[type=range]::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-slider input[type=range]::-webkit-slider-thumb:active {
  background-color: #0074ac;
}

.nj-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3.2px;
  height: 0.2rem;
  color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#009de9), to(#009de9)) no-repeat var(--slider-track-bg);
  background: linear-gradient(#009de9, #009de9) no-repeat var(--slider-track-bg);
  background-size: var(--slider-track-position);
  border-color: transparent;
  border-radius: 1rem;
  -webkit-box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.nj-slider input[type=range]::-moz-range-track {
  width: 100%;
  height: 3.2px;
  height: 0.2rem;
  color: transparent;
  background: linear-gradient(#009de9, #009de9) no-repeat var(--slider-track-bg);
  background-size: var(--slider-track-position);
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.nj-slider input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: #009de9;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-slider input[type=range]::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.nj-slider input[type=range]::-moz-range-thumb:active {
  background-color: #0074ac;
}

.nj-slider input[type=range]::-ms-thumb {
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 3.2px;
  margin-right: 0.2rem;
  margin-left: 3.2px;
  margin-left: 0.2rem;
  background-color: #009de9;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-slider input[type=range]::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.nj-slider input[type=range]::-ms-thumb:active {
  background-color: #0074ac;
}

.nj-slider input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  color: transparent;
  background: linear-gradient(#009de9, #009de9) no-repeat transparent;
  background-size: var(--slider-track-position);
  border-color: transparent;
  cursor: pointer;
}

.nj-slider input[type=range]::-ms-fill-upper {
  background-color: var(--slider-track-bg);
  border-radius: 1rem;
}

.nj-slider input[type=range]:disabled::-webkit-slider-thumb {
  background-color: #9e9e9e;
}

.nj-slider input[type=range]:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.nj-slider input[type=range]:disabled::-moz-range-thumb {
  background-color: #9e9e9e;
}

.nj-slider input[type=range]:disabled::-moz-range-track {
  cursor: default;
}

.nj-slider input[type=range]:disabled::-ms-thumb {
  background-color: #9e9e9e;
}

.nj-slider[data-tooltip=true] input[type=range] {
  margin-top: 38px;
}

.nj-slider .nj-tooltip {
  bottom: 24px;
}

.nj-slider .nj-tooltip .nj-tooltip__arrow {
  left: calc(50% - 0.4rem);
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
.nj-spinner {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M32%2063.9C14.4%2063.9.1%2049.6.1%2032S14.4.1%2032%20.1%2063.9%2014.4%2063.9%2032%2049.6%2063.9%2032%2063.9zm0-57.8C17.7%206.1%206.1%2017.7%206.1%2032S17.7%2057.9%2032%2057.9%2057.9%2046.3%2057.9%2032%2046.3%206.1%2032%206.1z%22%20fill%3D%22%23f5f5f5%22%20fill-opacity%3D%221%22%2F%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2263.928%22%20y1%3D%2246.464%22%20x2%3D%2229%22%20y2%3D%2246.464%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2323d2b5%22%2F%3E%3Cstop%20offset%3D%22.348%22%20stop-color%3D%22%2312b9ce%22%2F%3E%3Cstop%20offset%3D%22.715%22%20stop-color%3D%22%2305a4e2%22%2F%3E%3Cstop%20offset%3D%22.961%22%20stop-color%3D%22%23009de9%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20d%3D%22M32%2063.9c-1.7%200-3-1.3-3-3s1.3-3%203-3c14.3%200%2025.9-11.6%2025.9-25.9%200-1.7%201.3-3%203-3s3%201.3%203%203c0%2017.6-14.3%2031.9-31.9%2031.9z%22%20fill%3D%22url%28%23a%29%22%2F%3E%3C%2Fsvg%3E");
  -webkit-animation: spin 2s cubic-bezier(0.45, 0.15, 0.57, 0.92) infinite;
  animation: spin 2s cubic-bezier(0.45, 0.15, 0.57, 0.92) infinite;
}

[data-theme=dark] .nj-spinner, .nj-spinner[data-theme=dark] {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M32%2063.9C14.4%2063.9.1%2049.6.1%2032S14.4.1%2032%20.1%2063.9%2014.4%2063.9%2032%2049.6%2063.9%2032%2063.9zm0-57.8C17.7%206.1%206.1%2017.7%206.1%2032S17.7%2057.9%2032%2057.9%2057.9%2046.3%2057.9%2032%2046.3%206.1%2032%206.1z%22%20fill%3D%22%23304759%22%20fill-opacity%3D%221%22%2F%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2263.928%22%20y1%3D%2246.464%22%20x2%3D%2229%22%20y2%3D%2246.464%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2323d2b5%22%2F%3E%3Cstop%20offset%3D%22.348%22%20stop-color%3D%22%2312b9ce%22%2F%3E%3Cstop%20offset%3D%22.715%22%20stop-color%3D%22%2305a4e2%22%2F%3E%3Cstop%20offset%3D%22.961%22%20stop-color%3D%22%23009de9%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20d%3D%22M32%2063.9c-1.7%200-3-1.3-3-3s1.3-3%203-3c14.3%200%2025.9-11.6%2025.9-25.9%200-1.7%201.3-3%203-3s3%201.3%203%203c0%2017.6-14.3%2031.9-31.9%2031.9z%22%20fill%3D%22url%28%23a%29%22%2F%3E%3C%2Fsvg%3E");
}

.nj-spinner--light {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M32%2063.9C14.4%2063.9.1%2049.6.1%2032S14.4.1%2032%20.1%2063.9%2014.4%2063.9%2032%2049.6%2063.9%2032%2063.9zm0-57.8C17.7%206.1%206.1%2017.7%206.1%2032S17.7%2057.9%2032%2057.9%2057.9%2046.3%2057.9%2032%2046.3%206.1%2032%206.1z%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.5%22%2F%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2263.928%22%20y1%3D%2246.464%22%20x2%3D%2229%22%20y2%3D%2246.464%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2323d2b5%22%2F%3E%3Cstop%20offset%3D%22.348%22%20stop-color%3D%22%2312b9ce%22%2F%3E%3Cstop%20offset%3D%22.715%22%20stop-color%3D%22%2305a4e2%22%2F%3E%3Cstop%20offset%3D%22.961%22%20stop-color%3D%22%23009de9%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20d%3D%22M32%2063.9c-1.7%200-3-1.3-3-3s1.3-3%203-3c14.3%200%2025.9-11.6%2025.9-25.9%200-1.7%201.3-3%203-3s3%201.3%203%203c0%2017.6-14.3%2031.9-31.9%2031.9z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.nj-spinner--gray {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M32%2063.9C14.4%2063.9.1%2049.6.1%2032S14.4.1%2032%20.1%2063.9%2014.4%2063.9%2032%2049.6%2063.9%2032%2063.9zm0-57.8C17.7%206.1%206.1%2017.7%206.1%2032S17.7%2057.9%2032%2057.9%2057.9%2046.3%2057.9%2032%2046.3%206.1%2032%206.1z%22%20fill%3D%22%23757575%22%20fill-opacity%3D%220.5%22%2F%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2263.928%22%20y1%3D%2246.464%22%20x2%3D%2229%22%20y2%3D%2246.464%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2323d2b5%22%2F%3E%3Cstop%20offset%3D%22.348%22%20stop-color%3D%22%2312b9ce%22%2F%3E%3Cstop%20offset%3D%22.715%22%20stop-color%3D%22%2305a4e2%22%2F%3E%3Cstop%20offset%3D%22.961%22%20stop-color%3D%22%23009de9%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20d%3D%22M32%2063.9c-1.7%200-3-1.3-3-3s1.3-3%203-3c14.3%200%2025.9-11.6%2025.9-25.9%200-1.7%201.3-3%203-3s3%201.3%203%203c0%2017.6-14.3%2031.9-31.9%2031.9z%22%20fill%3D%22%23757575%22%2F%3E%3C%2Fsvg%3E");
}

.nj-spinner--xs {
  width: 24px;
  height: 24px;
}

.nj-spinner--sm {
  width: 32px;
  height: 32px;
}

.nj-spinner--md {
  width: 48px;
  height: 48px;
}

.nj-spinner--lg {
  width: 64px;
  height: 64px;
}

.nj-stamp {
  width: 170px;
  height: 170px;
  border-radius: 50%;
}

.nj-stamp__text {
  font-weight: 900;
  font-family: Lato, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
}

.nj-stamp__overlay {
  opacity: 1;
  fill: #fff;
}

.nj-stamp--shadow {
  -webkit-box-shadow: var(--nj-shadow-level-8-dp);
  box-shadow: var(--nj-shadow-level-8-dp);
}

.nj-switch {
  --switch-checked-part-color: var(--nj-color-text-body-inverted);
  --switch-unchecked-part-color: var(--nj-color-base-primary);
  --switch-checked-part-color-disabled: var(--nj-color-base-gray-200);
  --switch-unchecked-part-color-disabled: var(--nj-color-base-gray-400);
  --switch-ckecked-background-color-disabled: var(--nj-color-base-gray-400);
  --switch-unckecked-background-color-disabled: var(--nj-color-base-gray-200);
  --switch-slider-color: var(--nj-color-base-gray-200);
}

[data-theme=dark] .nj-switch, .nj-switch[data-theme=dark] {
  --switch-checked-part-color-disabled: var(--nj-color-base-gray-300);
  --switch-unchecked-part-color-disabled: var(--nj-color-base-gray-400);
  --switch-ckecked-background-color-disabled: var(--nj-color-base-gray-400);
  --switch-unckecked-background-color-disabled: var(--nj-color-base-gray-500);
  --switch-slider-color: var(--nj-color-base-gray-800);
}

.nj-switch__slider {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  height: 2rem;
  overflow: hidden;
  background-color: var(--switch-slider-color);
  border-radius: 6.25rem;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-switch__slider {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-switch__slider-left, .nj-switch__slider-right {
  position: relative;
  padding: 0 16px;
  padding: 0 1rem;
  font-weight: 700;
  font-size: 13px;
  line-height: 32px;
  line-height: 2rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-switch__slider-left, .nj-switch__slider-right {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-switch__slider-left::before, .nj-switch__slider-right::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 32px;
  height: 2rem;
  background: var(--nj-color-base-primary);
  border-radius: 6.25rem;
  content: "";
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .nj-switch__slider-left::before, .nj-switch__slider-right::before {
    -webkit-transition: none;
    transition: none;
  }
}
.nj-switch__slider-left i, .nj-switch__slider-right i {
  color: inherit;
  line-height: inherit;
}

.nj-switch__slider-left {
  color: var(--switch-checked-part-color);
}

.nj-switch__slider-right {
  color: var(--switch-unchecked-part-color);
}

.nj-switch__slider-right::before {
  left: -100%;
}

.nj-switch input {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
}

.nj-switch input:checked + .nj-switch__slider .nj-switch__slider-left, .nj-switch input:checked + .nj-switch__slider .nj-switch__slider-right {
  color: var(--switch-unchecked-part-color);
}

.nj-switch input:checked + .nj-switch__slider .nj-switch__slider-left::before, .nj-switch input:checked + .nj-switch__slider .nj-switch__slider-right::before {
  left: 100%;
}

.nj-switch input:checked + .nj-switch__slider .nj-switch__slider-right {
  color: var(--switch-checked-part-color);
}

.nj-switch input:checked + .nj-switch__slider .nj-switch__slider-right::before {
  left: 0;
}

.nj-switch input:disabled + .nj-switch__slider {
  background-color: var(--switch-unckecked-background-color-disabled);
  cursor: not-allowed;
}

.nj-switch input:disabled + .nj-switch__slider .nj-switch__slider-left::before, .nj-switch input:disabled + .nj-switch__slider .nj-switch__slider-right::before {
  background: var(--switch-ckecked-background-color-disabled);
}

.nj-switch input:disabled + .nj-switch__slider .nj-switch__slider-left {
  color: var(--switch-checked-part-color-disabled);
}

.nj-switch input:disabled + .nj-switch__slider .nj-switch__slider-right {
  color: var(--switch-unchecked-part-color-disabled);
}

.nj-switch input:disabled:checked + .nj-switch__slider .nj-switch__slider-left {
  color: var(--switch-unchecked-part-color-disabled);
}

.nj-switch input:disabled:checked + .nj-switch__slider .nj-switch__slider-right {
  color: var(--switch-checked-part-color-disabled);
}

.nj-switch--primary .nj-switch__slider-left::before, .nj-switch--primary .nj-switch__slider-right::before {
  background: var(--nj-color-base-primary);
}

.nj-switch--primary .nj-switch__slider-right {
  color: var(--nj-color-base-primary);
}

.nj-switch--primary input:checked + .nj-switch__slider .nj-switch__slider-left {
  color: var(--nj-color-base-primary);
}

.nj-switch--success .nj-switch__slider-left::before, .nj-switch--success .nj-switch__slider-right::before {
  background: var(--nj-color-base-success);
}

.nj-switch--success .nj-switch__slider-right {
  color: var(--nj-color-base-success);
}

.nj-switch--success input:checked + .nj-switch__slider .nj-switch__slider-left {
  color: var(--nj-color-base-success);
}

.nj-switch--warning .nj-switch__slider-left::before, .nj-switch--warning .nj-switch__slider-right::before {
  background: var(--nj-color-base-warning);
}

.nj-switch--warning .nj-switch__slider-right {
  color: var(--nj-color-base-warning);
}

.nj-switch--warning input:checked + .nj-switch__slider .nj-switch__slider-left {
  color: var(--nj-color-base-warning);
}

.nj-switch--danger .nj-switch__slider-left::before, .nj-switch--danger .nj-switch__slider-right::before {
  background: var(--nj-color-base-danger);
}

.nj-switch--danger .nj-switch__slider-right {
  color: var(--nj-color-base-danger);
}

.nj-switch--danger input:checked + .nj-switch__slider .nj-switch__slider-left {
  color: var(--nj-color-base-danger);
}

.nj-table {
  --table-background-color: transparent;
  --table-border-color: var(--nj-color-base-gray-300);
  --table-stripped-background-color: var(--nj-color-base-gray-100);
  --table-hoverable-background-color: var(--nj-color-base-gray-200);
  width: 100%;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  background-color: var(--table-background-color);
}

[data-theme=dark] .nj-table, .nj-table[data-theme=dark] {
  --table-background-color: var(--nj-color-background-components);
  --table-border-color: var(--nj-color-base-gray-400);
  --table-stripped-background-color: var(--nj-color-base-gray-900);
  --table-hoverable-background-color: var(--nj-color-base-gray-800);
}

.nj-table th,
.nj-table td {
  padding: 12px;
  padding: 0.75rem;
  font-weight: 400;
  vertical-align: top;
  border-top: var(--nj-size-border-width) solid var(--table-border-color);
  font-size: 14px;
  font-size: 0.875rem;
}

.nj-table thead tr th {
  text-transform: uppercase;
  vertical-align: bottom;
  border-top-width: 0;
  border-bottom-width: var(--nj-size-border-width);
  font-size: 12px;
  font-size: 0.75rem;
}

.nj-table tbody + tbody {
  border-top: calc(2 * var(--nj-size-border-width)) solid var(--table-border-color);
}

.nj-table--striped tbody tr:nth-of-type(odd) {
  background-color: var(--table-stripped-background-color);
}

.nj-table--striped th,
.nj-table--striped td {
  border: 0;
}

.nj-table--hover tbody tr:hover {
  background-color: var(--table-hoverable-background-color);
}

.nj-tag {
  --tag-text-color: var(--nj-color-base-gray-600);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 22px;
  padding: 0 16px;
  padding: 0 1rem;
  overflow: hidden;
  color: var(--tag-text-color);
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
  white-space: nowrap;
  text-align: center;
  text-transform: lowercase;
  border-radius: 10rem;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

[data-theme=dark] .nj-tag, .nj-tag[data-theme=dark] {
  --tag-text-color: var(--nj-color-base-gray-100);
}

.nj-tag:empty {
  display: none;
}

.nj-tag:not(:last-child) {
  margin-right: calc(0.5rem - 4px);
}

.nj-tag__icon.material-icons {
  margin-right: -16px;
  margin-right: -1rem;
  margin-left: 8px;
  margin-left: 0.5rem;
  padding: 1px 4px 1px 2px;
  color: var(--tag-text-color);
  background-color: var(--nj-color-text-background-base);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.nj-tag.disabled {
  color: var(--nj-color-text-disabled);
  background-color: var(--nj-color-background-disabled);
  border-color: transparent;
  cursor: default;
}

.nj-tag.disabled .nj-tag__icon.material-icons {
  color: var(--nj-color-text-disabled);
  background-color: transparent;
}

.nj-tag.disabled:hover {
  color: var(--nj-color-text-disabled);
}

.nj-tag--filled-blue-allports {
  color: var(--nj-color-text-background-blue-allports);
  background-color: var(--nj-color-base-blue-allports);
  border: 1px solid var(--nj-color-base-blue-allports);
}

.nj-tag--filled-blue-allports:hover {
  text-decoration: none;
}

.nj-tag--filled-blue-allports:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-allports);
  background-color: var(--nj-color-base-blue-allports-hover);
  border-color: var(--nj-color-base-blue-allports-hover);
}

.nj-tag--filled-blue-allports:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-allports);
  background-color: var(--nj-color-base-blue-allports-active);
  border-color: var(--nj-color-base-blue-allports-active);
}

.nj-tag--filled-blue-allports:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-blue-allports:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-allports-hover);
}

.nj-tag--filled-blue-allports:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-allports-active);
}

.nj-tag--filled-blue-corporate {
  color: var(--nj-color-text-background-blue-corporate);
  background-color: var(--nj-color-base-blue-corporate);
  border: 1px solid var(--nj-color-base-blue-corporate);
}

.nj-tag--filled-blue-corporate:hover {
  text-decoration: none;
}

.nj-tag--filled-blue-corporate:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-corporate);
  background-color: var(--nj-color-base-blue-corporate-hover);
  border-color: var(--nj-color-base-blue-corporate-hover);
}

.nj-tag--filled-blue-corporate:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-corporate);
  background-color: var(--nj-color-base-blue-corporate-active);
  border-color: var(--nj-color-base-blue-corporate-active);
}

.nj-tag--filled-blue-corporate:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-blue-corporate:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-corporate-hover);
}

.nj-tag--filled-blue-corporate:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-corporate-active);
}

.nj-tag--filled-white {
  color: var(--nj-color-text-background-white);
  background-color: var(--nj-color-base-white);
  border: 1px solid var(--nj-color-base-white);
}

.nj-tag--filled-white:hover {
  text-decoration: none;
}

.nj-tag--filled-white:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-white);
  background-color: var(--nj-color-base-white-hover);
  border-color: var(--nj-color-base-white-hover);
}

.nj-tag--filled-white:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-white);
  background-color: var(--nj-color-base-white-active);
  border-color: var(--nj-color-base-white-active);
}

.nj-tag--filled-white:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-white:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-white-hover);
}

.nj-tag--filled-white:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-white-active);
}

.nj-tag--filled-green-java {
  color: var(--nj-color-text-background-green-java);
  background-color: var(--nj-color-base-green-java);
  border: 1px solid var(--nj-color-base-green-java);
}

.nj-tag--filled-green-java:hover {
  text-decoration: none;
}

.nj-tag--filled-green-java:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green-java);
  background-color: var(--nj-color-base-green-java-hover);
  border-color: var(--nj-color-base-green-java-hover);
}

.nj-tag--filled-green-java:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green-java);
  background-color: var(--nj-color-base-green-java-active);
  border-color: var(--nj-color-base-green-java-active);
}

.nj-tag--filled-green-java:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-green-java:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-java-hover);
}

.nj-tag--filled-green-java:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-java-active);
}

.nj-tag--filled-orange-crusta {
  color: var(--nj-color-text-background-orange-crusta);
  background-color: var(--nj-color-base-orange-crusta);
  border: 1px solid var(--nj-color-base-orange-crusta);
}

.nj-tag--filled-orange-crusta:hover {
  text-decoration: none;
}

.nj-tag--filled-orange-crusta:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-orange-crusta);
  background-color: var(--nj-color-base-orange-crusta-hover);
  border-color: var(--nj-color-base-orange-crusta-hover);
}

.nj-tag--filled-orange-crusta:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-orange-crusta);
  background-color: var(--nj-color-base-orange-crusta-active);
  border-color: var(--nj-color-base-orange-crusta-active);
}

.nj-tag--filled-orange-crusta:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-orange-crusta:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-orange-crusta-hover);
}

.nj-tag--filled-orange-crusta:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-orange-crusta-active);
}

.nj-tag--filled-purple {
  color: var(--nj-color-text-background-purple);
  background-color: var(--nj-color-base-purple);
  border: 1px solid var(--nj-color-base-purple);
}

.nj-tag--filled-purple:hover {
  text-decoration: none;
}

.nj-tag--filled-purple:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-purple);
  background-color: var(--nj-color-base-purple-hover);
  border-color: var(--nj-color-base-purple-hover);
}

.nj-tag--filled-purple:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-purple);
  background-color: var(--nj-color-base-purple-active);
  border-color: var(--nj-color-base-purple-active);
}

.nj-tag--filled-purple:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-purple:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-purple-hover);
}

.nj-tag--filled-purple:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-purple-active);
}

.nj-tag--filled-red-mandy {
  color: var(--nj-color-text-background-red-mandy);
  background-color: var(--nj-color-base-red-mandy);
  border: 1px solid var(--nj-color-base-red-mandy);
}

.nj-tag--filled-red-mandy:hover {
  text-decoration: none;
}

.nj-tag--filled-red-mandy:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-red-mandy);
  background-color: var(--nj-color-base-red-mandy-hover);
  border-color: var(--nj-color-base-red-mandy-hover);
}

.nj-tag--filled-red-mandy:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-red-mandy);
  background-color: var(--nj-color-base-red-mandy-active);
  border-color: var(--nj-color-base-red-mandy-active);
}

.nj-tag--filled-red-mandy:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-red-mandy:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-red-mandy-hover);
}

.nj-tag--filled-red-mandy:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-red-mandy-active);
}

.nj-tag--filled-yellow-bright-sun {
  color: var(--nj-color-text-background-yellow-bright-sun);
  background-color: var(--nj-color-base-yellow-bright-sun);
  border: 1px solid var(--nj-color-base-yellow-bright-sun);
}

.nj-tag--filled-yellow-bright-sun:hover {
  text-decoration: none;
}

.nj-tag--filled-yellow-bright-sun:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-yellow-bright-sun);
  background-color: var(--nj-color-base-yellow-bright-sun-hover);
  border-color: var(--nj-color-base-yellow-bright-sun-hover);
}

.nj-tag--filled-yellow-bright-sun:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-yellow-bright-sun);
  background-color: var(--nj-color-base-yellow-bright-sun-active);
  border-color: var(--nj-color-base-yellow-bright-sun-active);
}

.nj-tag--filled-yellow-bright-sun:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-yellow-bright-sun:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-yellow-bright-sun-hover);
}

.nj-tag--filled-yellow-bright-sun:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-yellow-bright-sun-active);
}

.nj-tag--filled-red {
  color: var(--nj-color-text-background-red);
  background-color: var(--nj-color-base-red);
  border: 1px solid var(--nj-color-base-red);
}

.nj-tag--filled-red:hover {
  text-decoration: none;
}

.nj-tag--filled-red:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-red);
  background-color: var(--nj-color-base-red-hover);
  border-color: var(--nj-color-base-red-hover);
}

.nj-tag--filled-red:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-red);
  background-color: var(--nj-color-base-red-active);
  border-color: var(--nj-color-base-red-active);
}

.nj-tag--filled-red:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-red:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-red-hover);
}

.nj-tag--filled-red:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-red-active);
}

.nj-tag--filled-green {
  color: var(--nj-color-text-background-green);
  background-color: var(--nj-color-base-green);
  border: 1px solid var(--nj-color-base-green);
}

.nj-tag--filled-green:hover {
  text-decoration: none;
}

.nj-tag--filled-green:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green);
  background-color: var(--nj-color-base-green-hover);
  border-color: var(--nj-color-base-green-hover);
}

.nj-tag--filled-green:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green);
  background-color: var(--nj-color-base-green-active);
  border-color: var(--nj-color-base-green-active);
}

.nj-tag--filled-green:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-green:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-hover);
}

.nj-tag--filled-green:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-active);
}

.nj-tag--filled-orange {
  color: var(--nj-color-text-background-orange);
  background-color: var(--nj-color-base-orange);
  border: 1px solid var(--nj-color-base-orange);
}

.nj-tag--filled-orange:hover {
  text-decoration: none;
}

.nj-tag--filled-orange:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-orange);
  background-color: var(--nj-color-base-orange-hover);
  border-color: var(--nj-color-base-orange-hover);
}

.nj-tag--filled-orange:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-orange);
  background-color: var(--nj-color-base-orange-active);
  border-color: var(--nj-color-base-orange-active);
}

.nj-tag--filled-orange:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-orange:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-orange-hover);
}

.nj-tag--filled-orange:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-orange-active);
}

.nj-tag--filled-blue-bigstone {
  color: var(--nj-color-text-background-blue-bigstone);
  background-color: var(--nj-color-base-blue-bigstone);
  border: 1px solid var(--nj-color-base-blue-bigstone);
}

.nj-tag--filled-blue-bigstone:hover {
  text-decoration: none;
}

.nj-tag--filled-blue-bigstone:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-bigstone);
  background-color: var(--nj-color-base-blue-bigstone-hover);
  border-color: var(--nj-color-base-blue-bigstone-hover);
}

.nj-tag--filled-blue-bigstone:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-bigstone);
  background-color: var(--nj-color-base-blue-bigstone-active);
  border-color: var(--nj-color-base-blue-bigstone-active);
}

.nj-tag--filled-blue-bigstone:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-blue-bigstone:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-bigstone-hover);
}

.nj-tag--filled-blue-bigstone:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-bigstone-active);
}

.nj-tag--filled-blue-rhino {
  color: var(--nj-color-text-background-blue-rhino);
  background-color: var(--nj-color-base-blue-rhino);
  border: 1px solid var(--nj-color-base-blue-rhino);
}

.nj-tag--filled-blue-rhino:hover {
  text-decoration: none;
}

.nj-tag--filled-blue-rhino:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-rhino);
  background-color: var(--nj-color-base-blue-rhino-hover);
  border-color: var(--nj-color-base-blue-rhino-hover);
}

.nj-tag--filled-blue-rhino:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-rhino);
  background-color: var(--nj-color-base-blue-rhino-active);
  border-color: var(--nj-color-base-blue-rhino-active);
}

.nj-tag--filled-blue-rhino:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-blue-rhino:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-rhino-hover);
}

.nj-tag--filled-blue-rhino:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-rhino-active);
}

.nj-tag--filled-blue-venice {
  color: var(--nj-color-text-background-blue-venice);
  background-color: var(--nj-color-base-blue-venice);
  border: 1px solid var(--nj-color-base-blue-venice);
}

.nj-tag--filled-blue-venice:hover {
  text-decoration: none;
}

.nj-tag--filled-blue-venice:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-venice);
  background-color: var(--nj-color-base-blue-venice-hover);
  border-color: var(--nj-color-base-blue-venice-hover);
}

.nj-tag--filled-blue-venice:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-venice);
  background-color: var(--nj-color-base-blue-venice-active);
  border-color: var(--nj-color-base-blue-venice-active);
}

.nj-tag--filled-blue-venice:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-blue-venice:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-venice-hover);
}

.nj-tag--filled-blue-venice:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-venice-active);
}

.nj-tag--filled-cerise {
  color: var(--nj-color-text-background-cerise);
  background-color: var(--nj-color-base-cerise);
  border: 1px solid var(--nj-color-base-cerise);
}

.nj-tag--filled-cerise:hover {
  text-decoration: none;
}

.nj-tag--filled-cerise:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-cerise);
  background-color: var(--nj-color-base-cerise-hover);
  border-color: var(--nj-color-base-cerise-hover);
}

.nj-tag--filled-cerise:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-cerise);
  background-color: var(--nj-color-base-cerise-active);
  border-color: var(--nj-color-base-cerise-active);
}

.nj-tag--filled-cerise:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-cerise:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-cerise-hover);
}

.nj-tag--filled-cerise:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-cerise-active);
}

.nj-tag--filled-green-fun {
  color: var(--nj-color-text-background-green-fun);
  background-color: var(--nj-color-base-green-fun);
  border: 1px solid var(--nj-color-base-green-fun);
}

.nj-tag--filled-green-fun:hover {
  text-decoration: none;
}

.nj-tag--filled-green-fun:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green-fun);
  background-color: var(--nj-color-base-green-fun-hover);
  border-color: var(--nj-color-base-green-fun-hover);
}

.nj-tag--filled-green-fun:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green-fun);
  background-color: var(--nj-color-base-green-fun-active);
  border-color: var(--nj-color-base-green-fun-active);
}

.nj-tag--filled-green-fun:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-green-fun:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-fun-hover);
}

.nj-tag--filled-green-fun:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-fun-active);
}

.nj-tag--filled-green-pine {
  color: var(--nj-color-text-background-green-pine);
  background-color: var(--nj-color-base-green-pine);
  border: 1px solid var(--nj-color-base-green-pine);
}

.nj-tag--filled-green-pine:hover {
  text-decoration: none;
}

.nj-tag--filled-green-pine:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green-pine);
  background-color: var(--nj-color-base-green-pine-hover);
  border-color: var(--nj-color-base-green-pine-hover);
}

.nj-tag--filled-green-pine:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green-pine);
  background-color: var(--nj-color-base-green-pine-active);
  border-color: var(--nj-color-base-green-pine-active);
}

.nj-tag--filled-green-pine:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-green-pine:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-pine-hover);
}

.nj-tag--filled-green-pine:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-pine-active);
}

.nj-tag--filled-green-riogrande {
  color: var(--nj-color-text-background-green-riogrande);
  background-color: var(--nj-color-base-green-riogrande);
  border: 1px solid var(--nj-color-base-green-riogrande);
}

.nj-tag--filled-green-riogrande:hover {
  text-decoration: none;
}

.nj-tag--filled-green-riogrande:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green-riogrande);
  background-color: var(--nj-color-base-green-riogrande-hover);
  border-color: var(--nj-color-base-green-riogrande-hover);
}

.nj-tag--filled-green-riogrande:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green-riogrande);
  background-color: var(--nj-color-base-green-riogrande-active);
  border-color: var(--nj-color-base-green-riogrande-active);
}

.nj-tag--filled-green-riogrande:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-green-riogrande:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-riogrande-hover);
}

.nj-tag--filled-green-riogrande:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-riogrande-active);
}

.nj-tag--filled-violet-eggplant {
  color: var(--nj-color-text-background-violet-eggplant);
  background-color: var(--nj-color-base-violet-eggplant);
  border: 1px solid var(--nj-color-base-violet-eggplant);
}

.nj-tag--filled-violet-eggplant:hover {
  text-decoration: none;
}

.nj-tag--filled-violet-eggplant:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-violet-eggplant);
  background-color: var(--nj-color-base-violet-eggplant-hover);
  border-color: var(--nj-color-base-violet-eggplant-hover);
}

.nj-tag--filled-violet-eggplant:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-violet-eggplant);
  background-color: var(--nj-color-base-violet-eggplant-active);
  border-color: var(--nj-color-base-violet-eggplant-active);
}

.nj-tag--filled-violet-eggplant:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-violet-eggplant:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-violet-eggplant-hover);
}

.nj-tag--filled-violet-eggplant:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-violet-eggplant-active);
}

.nj-tag--filled-violet {
  color: var(--nj-color-text-background-violet);
  background-color: var(--nj-color-base-violet);
  border: 1px solid var(--nj-color-base-violet);
}

.nj-tag--filled-violet:hover {
  text-decoration: none;
}

.nj-tag--filled-violet:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-violet);
  background-color: var(--nj-color-base-violet-hover);
  border-color: var(--nj-color-base-violet-hover);
}

.nj-tag--filled-violet:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-violet);
  background-color: var(--nj-color-base-violet-active);
  border-color: var(--nj-color-base-violet-active);
}

.nj-tag--filled-violet:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-violet:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-violet-hover);
}

.nj-tag--filled-violet:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-violet-active);
}

.nj-tag--filled-yellow {
  color: var(--nj-color-text-background-yellow);
  background-color: var(--nj-color-base-yellow);
  border: 1px solid var(--nj-color-base-yellow);
}

.nj-tag--filled-yellow:hover {
  text-decoration: none;
}

.nj-tag--filled-yellow:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-yellow);
  background-color: var(--nj-color-base-yellow-hover);
  border-color: var(--nj-color-base-yellow-hover);
}

.nj-tag--filled-yellow:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-yellow);
  background-color: var(--nj-color-base-yellow-active);
  border-color: var(--nj-color-base-yellow-active);
}

.nj-tag--filled-yellow:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--filled-yellow:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-yellow-hover);
}

.nj-tag--filled-yellow:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-yellow-active);
}

.nj-tag--blue-allports {
  border: 1px solid var(--nj-color-base-blue-allports);
}

.nj-tag--blue-allports:hover {
  text-decoration: none;
}

.nj-tag--blue-allports:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-allports);
  background-color: var(--nj-color-base-blue-allports);
  border-color: var(--nj-color-base-blue-allports);
}

.nj-tag--blue-allports:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-allports);
  background-color: var(--nj-color-base-blue-allports-active);
  border-color: var(--nj-color-base-blue-allports-active);
}

.nj-tag--blue-allports:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--blue-allports:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-allports);
}

.nj-tag--blue-allports:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-allports-active);
}

.nj-tag--blue-corporate {
  border: 1px solid var(--nj-color-base-blue-corporate);
}

.nj-tag--blue-corporate:hover {
  text-decoration: none;
}

.nj-tag--blue-corporate:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-corporate);
  background-color: var(--nj-color-base-blue-corporate);
  border-color: var(--nj-color-base-blue-corporate);
}

.nj-tag--blue-corporate:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-corporate);
  background-color: var(--nj-color-base-blue-corporate-active);
  border-color: var(--nj-color-base-blue-corporate-active);
}

.nj-tag--blue-corporate:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--blue-corporate:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-corporate);
}

.nj-tag--blue-corporate:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-corporate-active);
}

.nj-tag--white {
  border: 1px solid var(--nj-color-base-white);
}

.nj-tag--white:hover {
  text-decoration: none;
}

.nj-tag--white:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-white);
  background-color: var(--nj-color-base-white);
  border-color: var(--nj-color-base-white);
}

.nj-tag--white:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-white);
  background-color: var(--nj-color-base-white-active);
  border-color: var(--nj-color-base-white-active);
}

.nj-tag--white:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--white:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-white);
}

.nj-tag--white:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-white-active);
}

.nj-tag--green-java {
  border: 1px solid var(--nj-color-base-green-java);
}

.nj-tag--green-java:hover {
  text-decoration: none;
}

.nj-tag--green-java:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green-java);
  background-color: var(--nj-color-base-green-java);
  border-color: var(--nj-color-base-green-java);
}

.nj-tag--green-java:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green-java);
  background-color: var(--nj-color-base-green-java-active);
  border-color: var(--nj-color-base-green-java-active);
}

.nj-tag--green-java:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--green-java:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-java);
}

.nj-tag--green-java:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-java-active);
}

.nj-tag--orange-crusta {
  border: 1px solid var(--nj-color-base-orange-crusta);
}

.nj-tag--orange-crusta:hover {
  text-decoration: none;
}

.nj-tag--orange-crusta:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-orange-crusta);
  background-color: var(--nj-color-base-orange-crusta);
  border-color: var(--nj-color-base-orange-crusta);
}

.nj-tag--orange-crusta:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-orange-crusta);
  background-color: var(--nj-color-base-orange-crusta-active);
  border-color: var(--nj-color-base-orange-crusta-active);
}

.nj-tag--orange-crusta:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--orange-crusta:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-orange-crusta);
}

.nj-tag--orange-crusta:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-orange-crusta-active);
}

.nj-tag--purple {
  border: 1px solid var(--nj-color-base-purple);
}

.nj-tag--purple:hover {
  text-decoration: none;
}

.nj-tag--purple:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-purple);
  background-color: var(--nj-color-base-purple);
  border-color: var(--nj-color-base-purple);
}

.nj-tag--purple:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-purple);
  background-color: var(--nj-color-base-purple-active);
  border-color: var(--nj-color-base-purple-active);
}

.nj-tag--purple:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--purple:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-purple);
}

.nj-tag--purple:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-purple-active);
}

.nj-tag--red-mandy {
  border: 1px solid var(--nj-color-base-red-mandy);
}

.nj-tag--red-mandy:hover {
  text-decoration: none;
}

.nj-tag--red-mandy:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-red-mandy);
  background-color: var(--nj-color-base-red-mandy);
  border-color: var(--nj-color-base-red-mandy);
}

.nj-tag--red-mandy:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-red-mandy);
  background-color: var(--nj-color-base-red-mandy-active);
  border-color: var(--nj-color-base-red-mandy-active);
}

.nj-tag--red-mandy:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--red-mandy:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-red-mandy);
}

.nj-tag--red-mandy:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-red-mandy-active);
}

.nj-tag--yellow-bright-sun {
  border: 1px solid var(--nj-color-base-yellow-bright-sun);
}

.nj-tag--yellow-bright-sun:hover {
  text-decoration: none;
}

.nj-tag--yellow-bright-sun:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-yellow-bright-sun);
  background-color: var(--nj-color-base-yellow-bright-sun);
  border-color: var(--nj-color-base-yellow-bright-sun);
}

.nj-tag--yellow-bright-sun:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-yellow-bright-sun);
  background-color: var(--nj-color-base-yellow-bright-sun-active);
  border-color: var(--nj-color-base-yellow-bright-sun-active);
}

.nj-tag--yellow-bright-sun:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--yellow-bright-sun:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-yellow-bright-sun);
}

.nj-tag--yellow-bright-sun:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-yellow-bright-sun-active);
}

.nj-tag--red {
  border: 1px solid var(--nj-color-base-red);
}

.nj-tag--red:hover {
  text-decoration: none;
}

.nj-tag--red:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-red);
  background-color: var(--nj-color-base-red);
  border-color: var(--nj-color-base-red);
}

.nj-tag--red:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-red);
  background-color: var(--nj-color-base-red-active);
  border-color: var(--nj-color-base-red-active);
}

.nj-tag--red:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--red:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-red);
}

.nj-tag--red:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-red-active);
}

.nj-tag--green {
  border: 1px solid var(--nj-color-base-green);
}

.nj-tag--green:hover {
  text-decoration: none;
}

.nj-tag--green:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green);
  background-color: var(--nj-color-base-green);
  border-color: var(--nj-color-base-green);
}

.nj-tag--green:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green);
  background-color: var(--nj-color-base-green-active);
  border-color: var(--nj-color-base-green-active);
}

.nj-tag--green:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--green:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green);
}

.nj-tag--green:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-active);
}

.nj-tag--orange {
  border: 1px solid var(--nj-color-base-orange);
}

.nj-tag--orange:hover {
  text-decoration: none;
}

.nj-tag--orange:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-orange);
  background-color: var(--nj-color-base-orange);
  border-color: var(--nj-color-base-orange);
}

.nj-tag--orange:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-orange);
  background-color: var(--nj-color-base-orange-active);
  border-color: var(--nj-color-base-orange-active);
}

.nj-tag--orange:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--orange:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-orange);
}

.nj-tag--orange:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-orange-active);
}

.nj-tag--blue-bigstone {
  border: 1px solid var(--nj-color-base-blue-bigstone);
}

.nj-tag--blue-bigstone:hover {
  text-decoration: none;
}

.nj-tag--blue-bigstone:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-bigstone);
  background-color: var(--nj-color-base-blue-bigstone);
  border-color: var(--nj-color-base-blue-bigstone);
}

.nj-tag--blue-bigstone:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-bigstone);
  background-color: var(--nj-color-base-blue-bigstone-active);
  border-color: var(--nj-color-base-blue-bigstone-active);
}

.nj-tag--blue-bigstone:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--blue-bigstone:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-bigstone);
}

.nj-tag--blue-bigstone:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-bigstone-active);
}

.nj-tag--blue-rhino {
  border: 1px solid var(--nj-color-base-blue-rhino);
}

.nj-tag--blue-rhino:hover {
  text-decoration: none;
}

.nj-tag--blue-rhino:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-rhino);
  background-color: var(--nj-color-base-blue-rhino);
  border-color: var(--nj-color-base-blue-rhino);
}

.nj-tag--blue-rhino:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-rhino);
  background-color: var(--nj-color-base-blue-rhino-active);
  border-color: var(--nj-color-base-blue-rhino-active);
}

.nj-tag--blue-rhino:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--blue-rhino:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-rhino);
}

.nj-tag--blue-rhino:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-rhino-active);
}

.nj-tag--blue-venice {
  border: 1px solid var(--nj-color-base-blue-venice);
}

.nj-tag--blue-venice:hover {
  text-decoration: none;
}

.nj-tag--blue-venice:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-blue-venice);
  background-color: var(--nj-color-base-blue-venice);
  border-color: var(--nj-color-base-blue-venice);
}

.nj-tag--blue-venice:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-blue-venice);
  background-color: var(--nj-color-base-blue-venice-active);
  border-color: var(--nj-color-base-blue-venice-active);
}

.nj-tag--blue-venice:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--blue-venice:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-blue-venice);
}

.nj-tag--blue-venice:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-blue-venice-active);
}

.nj-tag--cerise {
  border: 1px solid var(--nj-color-base-cerise);
}

.nj-tag--cerise:hover {
  text-decoration: none;
}

.nj-tag--cerise:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-cerise);
  background-color: var(--nj-color-base-cerise);
  border-color: var(--nj-color-base-cerise);
}

.nj-tag--cerise:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-cerise);
  background-color: var(--nj-color-base-cerise-active);
  border-color: var(--nj-color-base-cerise-active);
}

.nj-tag--cerise:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--cerise:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-cerise);
}

.nj-tag--cerise:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-cerise-active);
}

.nj-tag--green-fun {
  border: 1px solid var(--nj-color-base-green-fun);
}

.nj-tag--green-fun:hover {
  text-decoration: none;
}

.nj-tag--green-fun:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green-fun);
  background-color: var(--nj-color-base-green-fun);
  border-color: var(--nj-color-base-green-fun);
}

.nj-tag--green-fun:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green-fun);
  background-color: var(--nj-color-base-green-fun-active);
  border-color: var(--nj-color-base-green-fun-active);
}

.nj-tag--green-fun:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--green-fun:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-fun);
}

.nj-tag--green-fun:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-fun-active);
}

.nj-tag--green-pine {
  border: 1px solid var(--nj-color-base-green-pine);
}

.nj-tag--green-pine:hover {
  text-decoration: none;
}

.nj-tag--green-pine:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green-pine);
  background-color: var(--nj-color-base-green-pine);
  border-color: var(--nj-color-base-green-pine);
}

.nj-tag--green-pine:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green-pine);
  background-color: var(--nj-color-base-green-pine-active);
  border-color: var(--nj-color-base-green-pine-active);
}

.nj-tag--green-pine:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--green-pine:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-pine);
}

.nj-tag--green-pine:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-pine-active);
}

.nj-tag--green-riogrande {
  border: 1px solid var(--nj-color-base-green-riogrande);
}

.nj-tag--green-riogrande:hover {
  text-decoration: none;
}

.nj-tag--green-riogrande:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-green-riogrande);
  background-color: var(--nj-color-base-green-riogrande);
  border-color: var(--nj-color-base-green-riogrande);
}

.nj-tag--green-riogrande:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-green-riogrande);
  background-color: var(--nj-color-base-green-riogrande-active);
  border-color: var(--nj-color-base-green-riogrande-active);
}

.nj-tag--green-riogrande:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--green-riogrande:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-green-riogrande);
}

.nj-tag--green-riogrande:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-green-riogrande-active);
}

.nj-tag--violet-eggplant {
  border: 1px solid var(--nj-color-base-violet-eggplant);
}

.nj-tag--violet-eggplant:hover {
  text-decoration: none;
}

.nj-tag--violet-eggplant:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-violet-eggplant);
  background-color: var(--nj-color-base-violet-eggplant);
  border-color: var(--nj-color-base-violet-eggplant);
}

.nj-tag--violet-eggplant:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-violet-eggplant);
  background-color: var(--nj-color-base-violet-eggplant-active);
  border-color: var(--nj-color-base-violet-eggplant-active);
}

.nj-tag--violet-eggplant:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--violet-eggplant:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-violet-eggplant);
}

.nj-tag--violet-eggplant:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-violet-eggplant-active);
}

.nj-tag--violet {
  border: 1px solid var(--nj-color-base-violet);
}

.nj-tag--violet:hover {
  text-decoration: none;
}

.nj-tag--violet:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-violet);
  background-color: var(--nj-color-base-violet);
  border-color: var(--nj-color-base-violet);
}

.nj-tag--violet:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-violet);
  background-color: var(--nj-color-base-violet-active);
  border-color: var(--nj-color-base-violet-active);
}

.nj-tag--violet:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--violet:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-violet);
}

.nj-tag--violet:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-violet-active);
}

.nj-tag--yellow {
  border: 1px solid var(--nj-color-base-yellow);
}

.nj-tag--yellow:hover {
  text-decoration: none;
}

.nj-tag--yellow:not(.disabled)[href]:hover {
  color: var(--nj-color-text-background-yellow);
  background-color: var(--nj-color-base-yellow);
  border-color: var(--nj-color-base-yellow);
}

.nj-tag--yellow:not(.disabled)[href]:active {
  color: var(--nj-color-text-background-yellow);
  background-color: var(--nj-color-base-yellow-active);
  border-color: var(--nj-color-base-yellow-active);
}

.nj-tag--yellow:not(.disabled) .nj-tag__icon.material-icons {
  color: var(--tag-text-color);
  cursor: pointer;
}

.nj-tag--yellow:not(.disabled) .nj-tag__icon.material-icons:hover {
  color: var(--nj-color-text-background-base);
  background-color: var(--nj-color-base-yellow);
}

.nj-tag--yellow:not(.disabled) .nj-tag__icon.material-icons:active {
  background-color: var(--nj-color-base-yellow-active);
}

.nj-toggle,
.nj-toggle :root {
  --toggle-background-color: var(--nj-color-base-gray-400);
}

[data-theme=dark] .nj-toggle, .nj-toggle[data-theme=dark] {
  --toggle-background-color: var(--nj-color-base-gray-200);
}

.nj-toggle label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
}

.nj-toggle input[type=checkbox] {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.nj-toggle input[type=checkbox]:checked ~ .nj-toggle__track::before {
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}

.nj-toggle input[type=checkbox]:checked ~ .nj-toggle__track {
  background-color: var(--nj-color-base-primary);
}

.nj-toggle__track {
  position: relative;
  display: block;
  width: 32px;
  height: 16px;
  background-color: var(--toggle-background-color);
  border-radius: 16px;
  -webkit-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}

.nj-toggle__track::before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: var(--nj-color-background-components);
  border-radius: 16px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  content: "";
}

.nj-toggle__icon-dm {
  display: block;
  width: 16px;
  height: 16px;
  fill: var(--nj-color-text-body);
}

.nj-toggle--primary input[type=checkbox]:checked ~ .nj-toggle__track {
  background-color: #009de9;
}

.nj-toggle--success input[type=checkbox]:checked ~ .nj-toggle__track {
  background-color: #009934;
}

.nj-toggle--warning input[type=checkbox]:checked ~ .nj-toggle__track {
  background-color: #e07602;
}

.nj-toggle--danger input[type=checkbox]:checked ~ .nj-toggle__track {
  background-color: #c03;
}

.nj-toggle--light input[type=checkbox]:checked ~ .nj-toggle__track {
  background-color: #fff;
}

.nj-tooltip {
  --tooltip-text: var(--nj-color-base-white);
  --tooltip-bg: var(--nj-color-base-blue-bigstone);
  position: absolute;
  z-index: var(--nj-elevation-tooltip);
  display: block;
  margin: 0;
  font-weight: 400;
  font-family: "Lato", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  white-space: normal;
  text-align: left;
  text-align: start;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  word-break: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 12px;
  font-size: 0.75rem;
  word-wrap: break-word;
  opacity: 0;
}

[data-theme=dark] .nj-tooltip, .nj-tooltip[data-theme=dark] {
  --tooltip-text: var(--nj-color-base-gray-100);
  --tooltip-bg: var(--nj-color-base-gray-500);
}

.nj-tooltip.show {
  opacity: 1;
}

.nj-tooltip.nj-tooltip--without-arrow .nj-tooltip__arrow {
  display: none;
}

.nj-tooltip.nj-tooltip--top, .nj-tooltip.nj-tooltip--auto[x-placement^=top] {
  padding: 6.4px 0;
  padding: 0.4rem 0;
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow {
  bottom: 0;
}

.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow::before {
  top: 0;
  border-width: 6.4px 6.4px 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--tooltip-bg);
}

.nj-tooltip.nj-tooltip--right, .nj-tooltip.nj-tooltip--auto[x-placement^=right] {
  padding: 0 6.4px;
  padding: 0 0.4rem;
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow {
  left: 0;
  width: 6.4px;
  width: 0.4rem;
  height: 12.8px;
  height: 0.8rem;
}

.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow::before {
  right: 0;
  border-width: 6.4px 6.4px 6.4px 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: var(--tooltip-bg);
}

.nj-tooltip.nj-tooltip--bottom, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] {
  padding: 6.4px 0;
  padding: 0.4rem 0;
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow {
  top: 0;
}

.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow::before {
  bottom: 0;
  border-width: 0 6.4px 6.4px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--tooltip-bg);
}

.nj-tooltip.nj-tooltip--left, .nj-tooltip.nj-tooltip--auto[x-placement^=left] {
  padding: 0 6.4px;
  padding: 0 0.4rem;
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow {
  right: 0;
  width: 6.4px;
  width: 0.4rem;
  height: 12.8px;
  height: 0.8rem;
}

.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow::before, .nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow::before {
  left: 0;
  border-width: 6.4px 0 6.4px 6.4px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: var(--tooltip-bg);
}

.nj-tooltip .nj-tooltip__arrow {
  position: absolute;
  display: block;
  width: 12.8px;
  width: 0.8rem;
  height: 6.4px;
  height: 0.4rem;
}

.nj-tooltip .nj-tooltip__arrow::before {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  content: "";
}

.nj-tooltip .nj-tooltip__inner {
  max-width: 200px;
  padding: 4px 12px;
  padding: 0.25rem 0.75rem;
  color: var(--tooltip-text);
  text-align: center;
  background-color: var(--tooltip-bg);
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-blue-allports {
  background-color: var(--nj-color-base-blue-allports) !important;
}

.bg-blue-corporate {
  background-color: var(--nj-color-base-blue-corporate) !important;
}

.bg-white {
  background-color: var(--nj-color-base-white) !important;
}

.bg-green-java {
  background-color: var(--nj-color-base-green-java) !important;
}

.bg-orange-crusta {
  background-color: var(--nj-color-base-orange-crusta) !important;
}

.bg-purple {
  background-color: var(--nj-color-base-purple) !important;
}

.bg-red-mandy {
  background-color: var(--nj-color-base-red-mandy) !important;
}

.bg-yellow-bright-sun {
  background-color: var(--nj-color-base-yellow-bright-sun) !important;
}

.bg-red {
  background-color: var(--nj-color-base-red) !important;
}

.bg-green {
  background-color: var(--nj-color-base-green) !important;
}

.bg-orange {
  background-color: var(--nj-color-base-orange) !important;
}

.bg-blue-bigstone {
  background-color: var(--nj-color-base-blue-bigstone) !important;
}

.bg-blue-rhino {
  background-color: var(--nj-color-base-blue-rhino) !important;
}

.bg-blue-venice {
  background-color: var(--nj-color-base-blue-venice) !important;
}

.bg-cerise {
  background-color: var(--nj-color-base-cerise) !important;
}

.bg-green-fun {
  background-color: var(--nj-color-base-green-fun) !important;
}

.bg-green-pine {
  background-color: var(--nj-color-base-green-pine) !important;
}

.bg-green-riogrande {
  background-color: var(--nj-color-base-green-riogrande) !important;
}

.bg-violet-eggplant {
  background-color: var(--nj-color-base-violet-eggplant) !important;
}

.bg-violet {
  background-color: var(--nj-color-base-violet) !important;
}

.bg-yellow {
  background-color: var(--nj-color-base-yellow) !important;
}

.bg-primary {
  background-color: var(--nj-color-base-primary) !important;
}

.bg-success {
  background-color: var(--nj-color-base-success) !important;
}

.bg-warning {
  background-color: var(--nj-color-base-warning) !important;
}

.bg-danger {
  background-color: var(--nj-color-base-danger) !important;
}

.bg-light {
  background-color: var(--nj-color-base-light) !important;
}

.bg-gray-100 {
  background-color: var(--nj-color-base-gray-100) !important;
}

.bg-gray-200 {
  background-color: var(--nj-color-base-gray-200) !important;
}

.bg-gray-300 {
  background-color: var(--nj-color-base-gray-300) !important;
}

.bg-gray-400 {
  background-color: var(--nj-color-base-gray-400) !important;
}

.bg-gray-500 {
  background-color: var(--nj-color-base-gray-500) !important;
}

.bg-gray-600 {
  background-color: var(--nj-color-base-gray-600) !important;
}

.bg-gray-700 {
  background-color: var(--nj-color-base-gray-700) !important;
}

.bg-gray-800 {
  background-color: var(--nj-color-base-gray-800) !important;
}

.bg-gray-900 {
  background-color: var(--nj-color-base-gray-900) !important;
}

.bg-gray-light-100 {
  background-color: #f5f5f5 !important;
}

.bg-gray-light-200 {
  background-color: #eee !important;
}

.bg-gray-light-300 {
  background-color: #e0e0e0 !important;
}

.bg-gray-light-400 {
  background-color: #bdbdbd !important;
}

.bg-gray-light-500 {
  background-color: #9e9e9e !important;
}

.bg-gray-light-600 {
  background-color: #757575 !important;
}

.bg-gray-light-700 {
  background-color: #616161 !important;
}

.bg-gray-light-800 {
  background-color: #424242 !important;
}

.bg-gray-light-900 {
  background-color: #212121 !important;
}

.bg-gray-dark-100 {
  background-color: #e0e0e0 !important;
}

.bg-gray-dark-200 {
  background-color: #b8bfc3 !important;
}

.bg-gray-dark-300 {
  background-color: #758590 !important;
}

.bg-gray-dark-400 {
  background-color: #485d6c !important;
}

.bg-gray-dark-500 {
  background-color: #304759 !important;
}

.bg-gray-dark-600 {
  background-color: #1a3447 !important;
}

.bg-gray-dark-700 {
  background-color: #142938 !important;
}

.bg-gray-dark-800 {
  background-color: #0f1e29 !important;
}

.bg-gray-dark-900 {
  background-color: #081016 !important;
}

.bg-gradient-primary {
  background: linear-gradient(135deg, #0af 0%, #23d2b5 100%);
}

.bg-transparent {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: transparent !important;
}

.border,
.border-top,
.border-right,
.border-bottom,
.border-left {
  --border-color: var(--nj-color-base-black-100);
}

.border {
  border: var(--nj-size-border-width) solid var(--border-color) !important;
}

.border-top {
  border-top: var(--nj-size-border-width) solid var(--border-color) !important;
}

.border-right {
  border-right: var(--nj-size-border-width) solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: var(--nj-size-border-width) solid var(--border-color) !important;
}

.border-left {
  border-left: var(--nj-size-border-width) solid var(--border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: var(--nj-color-base-primary) !important;
}

.border-success {
  border-color: var(--nj-color-base-success) !important;
}

.border-warning {
  border-color: var(--nj-color-base-warning) !important;
}

.border-danger {
  border-color: var(--nj-color-base-danger) !important;
}

.border-light {
  border-color: var(--nj-color-base-light) !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: var(--nj-size-border-radius) !important;
}

.rounded--sm {
  border-radius: 0.125rem !important;
}

.rounded--lg {
  border-radius: 0.5rem !important;
}

.rounded-top {
  border-top-left-radius: var(--nj-size-border-radius) !important;
  border-top-right-radius: var(--nj-size-border-radius) !important;
}

.rounded-right {
  border-top-right-radius: var(--nj-size-border-radius) !important;
  border-bottom-right-radius: var(--nj-size-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--nj-size-border-radius) !important;
  border-bottom-left-radius: var(--nj-size-border-radius) !important;
}

.rounded-left {
  border-top-left-radius: var(--nj-size-border-radius) !important;
  border-bottom-left-radius: var(--nj-size-border-radius) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-keep {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-sm-keep {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
  }

  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-md-keep {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
  }

  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-lg-keep {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
  }

  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xl-keep {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
  }

  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: var(--nj-elevation-fixed);
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--nj-elevation-fixed);
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: var(--nj-elevation-sticky);
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  white-space: normal;
  clip: auto;
}

.nj-shadow-2dp {
  -webkit-box-shadow: var(--nj-shadow-level-2-dp);
  box-shadow: var(--nj-shadow-level-2-dp);
}

.nj-shadow-4dp {
  -webkit-box-shadow: var(--nj-shadow-level-4-dp);
  box-shadow: var(--nj-shadow-level-4-dp);
}

.nj-shadow-6dp {
  -webkit-box-shadow: var(--nj-shadow-level-6-dp);
  box-shadow: var(--nj-shadow-level-6-dp);
}

.nj-shadow-8dp {
  -webkit-box-shadow: var(--nj-shadow-level-8-dp);
  box-shadow: var(--nj-shadow-level-8-dp);
}

.nj-shadow-16dp {
  -webkit-box-shadow: var(--nj-shadow-level-16-dp);
  box-shadow: var(--nj-shadow-level-16-dp);
}

.nj-shadow-24dp {
  -webkit-box-shadow: var(--nj-shadow-level-24-dp);
  box-shadow: var(--nj-shadow-level-24-dp);
}

.nj-shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 8px !important;
  margin: 0.5rem !important;
}

.mt-1,
.my-1 {
  margin-top: 8px !important;
  margin-top: 0.5rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 8px !important;
  margin-right: 0.5rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 8px !important;
  margin-bottom: 0.5rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 8px !important;
  margin-left: 0.5rem !important;
}

.m-2 {
  margin: 16px !important;
  margin: 1rem !important;
}

.mt-2,
.my-2 {
  margin-top: 16px !important;
  margin-top: 1rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 16px !important;
  margin-right: 1rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 16px !important;
  margin-bottom: 1rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 16px !important;
  margin-left: 1rem !important;
}

.m-3 {
  margin: 24px !important;
  margin: 1.5rem !important;
}

.mt-3,
.my-3 {
  margin-top: 24px !important;
  margin-top: 1.5rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 24px !important;
  margin-right: 1.5rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 24px !important;
  margin-bottom: 1.5rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 24px !important;
  margin-left: 1.5rem !important;
}

.m-4 {
  margin: 32px !important;
  margin: 2rem !important;
}

.mt-4,
.my-4 {
  margin-top: 32px !important;
  margin-top: 2rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 32px !important;
  margin-right: 2rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 32px !important;
  margin-bottom: 2rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 32px !important;
  margin-left: 2rem !important;
}

.m-5 {
  margin: 48px !important;
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 48px !important;
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 48px !important;
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 48px !important;
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 48px !important;
  margin-left: 3rem !important;
}

.m-6 {
  margin: 64px !important;
  margin: 4rem !important;
}

.mt-6,
.my-6 {
  margin-top: 64px !important;
  margin-top: 4rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 64px !important;
  margin-right: 4rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 64px !important;
  margin-bottom: 4rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 64px !important;
  margin-left: 4rem !important;
}

.m-7 {
  margin: 96px !important;
  margin: 6rem !important;
}

.mt-7,
.my-7 {
  margin-top: 96px !important;
  margin-top: 6rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 96px !important;
  margin-right: 6rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 96px !important;
  margin-bottom: 6rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 96px !important;
  margin-left: 6rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 8px !important;
  padding: 0.5rem !important;
}

.pt-1,
.py-1 {
  padding-top: 8px !important;
  padding-top: 0.5rem !important;
}

.pr-1,
.px-1 {
  padding-right: 8px !important;
  padding-right: 0.5rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 8px !important;
  padding-bottom: 0.5rem !important;
}

.pl-1,
.px-1 {
  padding-left: 8px !important;
  padding-left: 0.5rem !important;
}

.p-2 {
  padding: 16px !important;
  padding: 1rem !important;
}

.pt-2,
.py-2 {
  padding-top: 16px !important;
  padding-top: 1rem !important;
}

.pr-2,
.px-2 {
  padding-right: 16px !important;
  padding-right: 1rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 16px !important;
  padding-bottom: 1rem !important;
}

.pl-2,
.px-2 {
  padding-left: 16px !important;
  padding-left: 1rem !important;
}

.p-3 {
  padding: 24px !important;
  padding: 1.5rem !important;
}

.pt-3,
.py-3 {
  padding-top: 24px !important;
  padding-top: 1.5rem !important;
}

.pr-3,
.px-3 {
  padding-right: 24px !important;
  padding-right: 1.5rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 24px !important;
  padding-bottom: 1.5rem !important;
}

.pl-3,
.px-3 {
  padding-left: 24px !important;
  padding-left: 1.5rem !important;
}

.p-4 {
  padding: 32px !important;
  padding: 2rem !important;
}

.pt-4,
.py-4 {
  padding-top: 32px !important;
  padding-top: 2rem !important;
}

.pr-4,
.px-4 {
  padding-right: 32px !important;
  padding-right: 2rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 32px !important;
  padding-bottom: 2rem !important;
}

.pl-4,
.px-4 {
  padding-left: 32px !important;
  padding-left: 2rem !important;
}

.p-5 {
  padding: 48px !important;
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 48px !important;
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 48px !important;
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 48px !important;
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 48px !important;
  padding-left: 3rem !important;
}

.p-6 {
  padding: 64px !important;
  padding: 4rem !important;
}

.pt-6,
.py-6 {
  padding-top: 64px !important;
  padding-top: 4rem !important;
}

.pr-6,
.px-6 {
  padding-right: 64px !important;
  padding-right: 4rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 64px !important;
  padding-bottom: 4rem !important;
}

.pl-6,
.px-6 {
  padding-left: 64px !important;
  padding-left: 4rem !important;
}

.p-7 {
  padding: 96px !important;
  padding: 6rem !important;
}

.pt-7,
.py-7 {
  padding-top: 96px !important;
  padding-top: 6rem !important;
}

.pr-7,
.px-7 {
  padding-right: 96px !important;
  padding-right: 6rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 96px !important;
  padding-bottom: 6rem !important;
}

.pl-7,
.px-7 {
  padding-left: 96px !important;
  padding-left: 6rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.5rem !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.5rem !important;
  }

  .m-sm-2 {
    margin: 1rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 1rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 1rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 1rem !important;
  }

  .m-sm-3 {
    margin: 1.5rem !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1.5rem !important;
  }

  .m-sm-4 {
    margin: 2rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 2rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 2rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 2rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 2rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

  .m-sm-6 {
    margin: 4rem !important;
  }

  .mt-sm-6,
.my-sm-6 {
    margin-top: 4rem !important;
  }

  .mr-sm-6,
.mx-sm-6 {
    margin-right: 4rem !important;
  }

  .mb-sm-6,
.my-sm-6 {
    margin-bottom: 4rem !important;
  }

  .ml-sm-6,
.mx-sm-6 {
    margin-left: 4rem !important;
  }

  .m-sm-7 {
    margin: 6rem !important;
  }

  .mt-sm-7,
.my-sm-7 {
    margin-top: 6rem !important;
  }

  .mr-sm-7,
.mx-sm-7 {
    margin-right: 6rem !important;
  }

  .mb-sm-7,
.my-sm-7 {
    margin-bottom: 6rem !important;
  }

  .ml-sm-7,
.mx-sm-7 {
    margin-left: 6rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.5rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.5rem !important;
  }

  .p-sm-2 {
    padding: 1rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 1rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 1rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 1rem !important;
  }

  .p-sm-3 {
    padding: 1.5rem !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1.5rem !important;
  }

  .p-sm-4 {
    padding: 2rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 2rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 2rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 2rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 2rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

  .p-sm-6 {
    padding: 4rem !important;
  }

  .pt-sm-6,
.py-sm-6 {
    padding-top: 4rem !important;
  }

  .pr-sm-6,
.px-sm-6 {
    padding-right: 4rem !important;
  }

  .pb-sm-6,
.py-sm-6 {
    padding-bottom: 4rem !important;
  }

  .pl-sm-6,
.px-sm-6 {
    padding-left: 4rem !important;
  }

  .p-sm-7 {
    padding: 6rem !important;
  }

  .pt-sm-7,
.py-sm-7 {
    padding-top: 6rem !important;
  }

  .pr-sm-7,
.px-sm-7 {
    padding-right: 6rem !important;
  }

  .pb-sm-7,
.py-sm-7 {
    padding-bottom: 6rem !important;
  }

  .pl-sm-7,
.px-sm-7 {
    padding-left: 6rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.5rem !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.5rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.5rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.5rem !important;
  }

  .m-md-2 {
    margin: 1rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 1rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 1rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 1rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 1rem !important;
  }

  .m-md-3 {
    margin: 1.5rem !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 1.5rem !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1.5rem !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1.5rem !important;
  }

  .m-md-4 {
    margin: 2rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 2rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 2rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 2rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 2rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

  .m-md-6 {
    margin: 4rem !important;
  }

  .mt-md-6,
.my-md-6 {
    margin-top: 4rem !important;
  }

  .mr-md-6,
.mx-md-6 {
    margin-right: 4rem !important;
  }

  .mb-md-6,
.my-md-6 {
    margin-bottom: 4rem !important;
  }

  .ml-md-6,
.mx-md-6 {
    margin-left: 4rem !important;
  }

  .m-md-7 {
    margin: 6rem !important;
  }

  .mt-md-7,
.my-md-7 {
    margin-top: 6rem !important;
  }

  .mr-md-7,
.mx-md-7 {
    margin-right: 6rem !important;
  }

  .mb-md-7,
.my-md-7 {
    margin-bottom: 6rem !important;
  }

  .ml-md-7,
.mx-md-7 {
    margin-left: 6rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.5rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.5rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.5rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.5rem !important;
  }

  .p-md-2 {
    padding: 1rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 1rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 1rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 1rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 1rem !important;
  }

  .p-md-3 {
    padding: 1.5rem !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1.5rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1.5rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1.5rem !important;
  }

  .p-md-4 {
    padding: 2rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 2rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 2rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 2rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 2rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

  .p-md-6 {
    padding: 4rem !important;
  }

  .pt-md-6,
.py-md-6 {
    padding-top: 4rem !important;
  }

  .pr-md-6,
.px-md-6 {
    padding-right: 4rem !important;
  }

  .pb-md-6,
.py-md-6 {
    padding-bottom: 4rem !important;
  }

  .pl-md-6,
.px-md-6 {
    padding-left: 4rem !important;
  }

  .p-md-7 {
    padding: 6rem !important;
  }

  .pt-md-7,
.py-md-7 {
    padding-top: 6rem !important;
  }

  .pr-md-7,
.px-md-7 {
    padding-right: 6rem !important;
  }

  .pb-md-7,
.py-md-7 {
    padding-bottom: 6rem !important;
  }

  .pl-md-7,
.px-md-7 {
    padding-left: 6rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.5rem !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.5rem !important;
  }

  .m-lg-2 {
    margin: 1rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 1rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 1rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 1rem !important;
  }

  .m-lg-3 {
    margin: 1.5rem !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1.5rem !important;
  }

  .m-lg-4 {
    margin: 2rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 2rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 2rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 2rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 2rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

  .m-lg-6 {
    margin: 4rem !important;
  }

  .mt-lg-6,
.my-lg-6 {
    margin-top: 4rem !important;
  }

  .mr-lg-6,
.mx-lg-6 {
    margin-right: 4rem !important;
  }

  .mb-lg-6,
.my-lg-6 {
    margin-bottom: 4rem !important;
  }

  .ml-lg-6,
.mx-lg-6 {
    margin-left: 4rem !important;
  }

  .m-lg-7 {
    margin: 6rem !important;
  }

  .mt-lg-7,
.my-lg-7 {
    margin-top: 6rem !important;
  }

  .mr-lg-7,
.mx-lg-7 {
    margin-right: 6rem !important;
  }

  .mb-lg-7,
.my-lg-7 {
    margin-bottom: 6rem !important;
  }

  .ml-lg-7,
.mx-lg-7 {
    margin-left: 6rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.5rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.5rem !important;
  }

  .p-lg-2 {
    padding: 1rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 1rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 1rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 1rem !important;
  }

  .p-lg-3 {
    padding: 1.5rem !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1.5rem !important;
  }

  .p-lg-4 {
    padding: 2rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 2rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 2rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 2rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 2rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

  .p-lg-6 {
    padding: 4rem !important;
  }

  .pt-lg-6,
.py-lg-6 {
    padding-top: 4rem !important;
  }

  .pr-lg-6,
.px-lg-6 {
    padding-right: 4rem !important;
  }

  .pb-lg-6,
.py-lg-6 {
    padding-bottom: 4rem !important;
  }

  .pl-lg-6,
.px-lg-6 {
    padding-left: 4rem !important;
  }

  .p-lg-7 {
    padding: 6rem !important;
  }

  .pt-lg-7,
.py-lg-7 {
    padding-top: 6rem !important;
  }

  .pr-lg-7,
.px-lg-7 {
    padding-right: 6rem !important;
  }

  .pb-lg-7,
.py-lg-7 {
    padding-bottom: 6rem !important;
  }

  .pl-lg-7,
.px-lg-7 {
    padding-left: 6rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.5rem !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.5rem !important;
  }

  .m-xl-2 {
    margin: 1rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 1rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 1rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 1rem !important;
  }

  .m-xl-3 {
    margin: 1.5rem !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1.5rem !important;
  }

  .m-xl-4 {
    margin: 2rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 2rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 2rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 2rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 2rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

  .m-xl-6 {
    margin: 4rem !important;
  }

  .mt-xl-6,
.my-xl-6 {
    margin-top: 4rem !important;
  }

  .mr-xl-6,
.mx-xl-6 {
    margin-right: 4rem !important;
  }

  .mb-xl-6,
.my-xl-6 {
    margin-bottom: 4rem !important;
  }

  .ml-xl-6,
.mx-xl-6 {
    margin-left: 4rem !important;
  }

  .m-xl-7 {
    margin: 6rem !important;
  }

  .mt-xl-7,
.my-xl-7 {
    margin-top: 6rem !important;
  }

  .mr-xl-7,
.mx-xl-7 {
    margin-right: 6rem !important;
  }

  .mb-xl-7,
.my-xl-7 {
    margin-bottom: 6rem !important;
  }

  .ml-xl-7,
.mx-xl-7 {
    margin-left: 6rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.5rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.5rem !important;
  }

  .p-xl-2 {
    padding: 1rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 1rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 1rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 1rem !important;
  }

  .p-xl-3 {
    padding: 1.5rem !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1.5rem !important;
  }

  .p-xl-4 {
    padding: 2rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 2rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 2rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 2rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 2rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

  .p-xl-6 {
    padding: 4rem !important;
  }

  .pt-xl-6,
.py-xl-6 {
    padding-top: 4rem !important;
  }

  .pr-xl-6,
.px-xl-6 {
    padding-right: 4rem !important;
  }

  .pb-xl-6,
.py-xl-6 {
    padding-bottom: 4rem !important;
  }

  .pl-xl-6,
.px-xl-6 {
    padding-left: 4rem !important;
  }

  .p-xl-7 {
    padding: 6rem !important;
  }

  .pt-xl-7,
.py-xl-7 {
    padding-top: 6rem !important;
  }

  .pr-xl-7,
.px-xl-7 {
    padding-right: 6rem !important;
  }

  .pb-xl-7,
.py-xl-7 {
    padding-bottom: 6rem !important;
  }

  .pl-xl-7,
.px-xl-7 {
    padding-left: 6rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link {
  position: inherit;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  content: "";
  pointer-events: auto;
}

.text-monospace {
  font-family: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-decoration-none {
  text-decoration: none;
}

.text-decoration-underline {
  text-decoration: underline;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-black {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-on-gradient-primary {
  color: var(--nj-color-text-background-gradient-primary);
}

.text-blue-allports {
  color: var(--nj-color-base-blue-allports) !important;
}

.text-blue-corporate {
  color: var(--nj-color-base-blue-corporate) !important;
}

.text-white {
  color: var(--nj-color-base-white) !important;
}

.text-green-java {
  color: var(--nj-color-base-green-java) !important;
}

.text-orange-crusta {
  color: var(--nj-color-base-orange-crusta) !important;
}

.text-purple {
  color: var(--nj-color-base-purple) !important;
}

.text-red-mandy {
  color: var(--nj-color-base-red-mandy) !important;
}

.text-yellow-bright-sun {
  color: var(--nj-color-base-yellow-bright-sun) !important;
}

.text-red {
  color: var(--nj-color-base-red) !important;
}

.text-green {
  color: var(--nj-color-base-green) !important;
}

.text-orange {
  color: var(--nj-color-base-orange) !important;
}

.text-blue-bigstone {
  color: var(--nj-color-base-blue-bigstone) !important;
}

.text-blue-rhino {
  color: var(--nj-color-base-blue-rhino) !important;
}

.text-blue-venice {
  color: var(--nj-color-base-blue-venice) !important;
}

.text-cerise {
  color: var(--nj-color-base-cerise) !important;
}

.text-green-fun {
  color: var(--nj-color-base-green-fun) !important;
}

.text-green-pine {
  color: var(--nj-color-base-green-pine) !important;
}

.text-green-riogrande {
  color: var(--nj-color-base-green-riogrande) !important;
}

.text-violet-eggplant {
  color: var(--nj-color-base-violet-eggplant) !important;
}

.text-violet {
  color: var(--nj-color-base-violet) !important;
}

.text-yellow {
  color: var(--nj-color-base-yellow) !important;
}

.text-on-blue-allports {
  color: var(--nj-color-text-background-blue-allports) !important;
}

.text-on-blue-corporate {
  color: var(--nj-color-text-background-blue-corporate) !important;
}

.text-on-white {
  color: var(--nj-color-text-background-white) !important;
}

.text-on-green-java {
  color: var(--nj-color-text-background-green-java) !important;
}

.text-on-orange-crusta {
  color: var(--nj-color-text-background-orange-crusta) !important;
}

.text-on-purple {
  color: var(--nj-color-text-background-purple) !important;
}

.text-on-red-mandy {
  color: var(--nj-color-text-background-red-mandy) !important;
}

.text-on-yellow-bright-sun {
  color: var(--nj-color-text-background-yellow-bright-sun) !important;
}

.text-on-red {
  color: var(--nj-color-text-background-red) !important;
}

.text-on-green {
  color: var(--nj-color-text-background-green) !important;
}

.text-on-orange {
  color: var(--nj-color-text-background-orange) !important;
}

.text-on-blue-bigstone {
  color: var(--nj-color-text-background-blue-bigstone) !important;
}

.text-on-blue-rhino {
  color: var(--nj-color-text-background-blue-rhino) !important;
}

.text-on-blue-venice {
  color: var(--nj-color-text-background-blue-venice) !important;
}

.text-on-cerise {
  color: var(--nj-color-text-background-cerise) !important;
}

.text-on-green-fun {
  color: var(--nj-color-text-background-green-fun) !important;
}

.text-on-green-pine {
  color: var(--nj-color-text-background-green-pine) !important;
}

.text-on-green-riogrande {
  color: var(--nj-color-text-background-green-riogrande) !important;
}

.text-on-violet-eggplant {
  color: var(--nj-color-text-background-violet-eggplant) !important;
}

.text-on-violet {
  color: var(--nj-color-text-background-violet) !important;
}

.text-on-yellow {
  color: var(--nj-color-text-background-yellow) !important;
}

.text-primary {
  color: var(--nj-color-base-primary) !important;
}

.text-success {
  color: var(--nj-color-base-success) !important;
}

.text-warning {
  color: var(--nj-color-base-warning) !important;
}

.text-danger {
  color: var(--nj-color-base-danger) !important;
}

.text-light {
  color: var(--nj-color-base-light) !important;
}

.text-on-primary {
  color: var(--nj-color-text-background-base) !important;
}

.text-on-success {
  color: var(--nj-color-text-background-base) !important;
}

.text-on-warning {
  color: var(--nj-color-text-background-base) !important;
}

.text-on-danger {
  color: var(--nj-color-text-background-base) !important;
}

.text-on-light {
  color: var(--nj-color-text-background-light) !important;
}

.text-gray-100 {
  color: var(--nj-color-base-gray-100) !important;
}

.text-gray-200 {
  color: var(--nj-color-base-gray-200) !important;
}

.text-gray-300 {
  color: var(--nj-color-base-gray-300) !important;
}

.text-gray-400 {
  color: var(--nj-color-base-gray-400) !important;
}

.text-gray-500 {
  color: var(--nj-color-base-gray-500) !important;
}

.text-gray-600 {
  color: var(--nj-color-base-gray-600) !important;
}

.text-gray-700 {
  color: var(--nj-color-base-gray-700) !important;
}

.text-gray-800 {
  color: var(--nj-color-base-gray-800) !important;
}

.text-gray-900 {
  color: var(--nj-color-base-gray-900) !important;
}

.text-on-gray-100 {
  color: var(--nj-color-text-background-gray-100) !important;
}

.text-on-gray-200 {
  color: var(--nj-color-text-background-gray-200) !important;
}

.text-on-gray-300 {
  color: var(--nj-color-text-background-gray-300) !important;
}

.text-on-gray-400 {
  color: var(--nj-color-text-background-gray-400) !important;
}

.text-on-gray-500 {
  color: var(--nj-color-text-background-gray-500) !important;
}

.text-on-gray-600 {
  color: var(--nj-color-text-background-gray-600) !important;
}

.text-on-gray-700 {
  color: var(--nj-color-text-background-gray-700) !important;
}

.text-on-gray-800 {
  color: var(--nj-color-text-background-gray-800) !important;
}

.text-on-gray-900 {
  color: var(--nj-color-text-background-gray-900) !important;
}

.text-gray-light-100 {
  color: #f5f5f5 !important;
}

.text-gray-light-200 {
  color: #eee !important;
}

.text-gray-light-300 {
  color: #e0e0e0 !important;
}

.text-gray-light-400 {
  color: #bdbdbd !important;
}

.text-gray-light-500 {
  color: #9e9e9e !important;
}

.text-gray-light-600 {
  color: #757575 !important;
}

.text-gray-light-700 {
  color: #616161 !important;
}

.text-gray-light-800 {
  color: #424242 !important;
}

.text-gray-light-900 {
  color: #212121 !important;
}

.text-gray-dark-100 {
  color: #e0e0e0 !important;
}

.text-gray-dark-200 {
  color: #b8bfc3 !important;
}

.text-gray-dark-300 {
  color: #758590 !important;
}

.text-gray-dark-400 {
  color: #485d6c !important;
}

.text-gray-dark-500 {
  color: #304759 !important;
}

.text-gray-dark-600 {
  color: #1a3447 !important;
}

.text-gray-dark-700 {
  color: #142938 !important;
}

.text-gray-dark-800 {
  color: #0f1e29 !important;
}

.text-gray-dark-900 {
  color: #081016 !important;
}

.text-gradient-primary {
  color: transparent;
  background-image: linear-gradient(135deg, #0af 0%, #23d2b5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .text-gradient-primary {
    color: #009de9;
    background: transparent;
  }
}
.text-body {
  color: #212121 !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.t-peta {
  font-size: 76px;
  font-size: 4.75rem;
}

.t-tera {
  font-size: 54px;
  font-size: 3.375rem;
}

.t-giga {
  font-size: 36px;
  font-size: 2.25rem;
}

.t-mega {
  font-size: 28px;
  font-size: 1.75rem;
}

.t-kilo {
  font-size: 24px;
  font-size: 1.5rem;
}

.t-hecto {
  font-size: 20px;
  font-size: 1.25rem;
}

.t-deca {
  font-size: 18px;
  font-size: 1.125rem;
}

.t-base {
  font-size: 16px;
  font-size: 1rem;
}

.t-deci {
  font-size: 14px;
  font-size: 0.875rem;
}

.t-centi {
  font-size: 12px;
  font-size: 0.75rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: inherit;
  line-height: 1.2;
}

/* h1, .h1 {
  font-weight: 700;
  font-size: 76px;
  font-size: 4.75rem;
}

 h2, .h2 {
  font-weight: 700;
  font-size: 54px;
  font-size: 3.375rem;
}

h3, .h3 {
  font-weight: 400;
  font-size: 36px;
  font-size: 2.25rem;
}

h4, .h4 {
  font-weight: 400;
  font-size: 24px;
  font-size: 1.5rem;
}

h5, .h5 {
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
}

h6, .h6 {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}*/
.nj-lead {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
}

small,
.small {
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #f5f5f5;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 16px;
  margin-right: 1rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
}

.blockquote__icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.blockquote__footer {
  display: block;
  font-size: 16px;
  font-size: 1rem;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.ovh {
  overflow: hidden;
}

/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
.header .nj-header--fixed {
  height: auto;
}
.header .nj-header__group {
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: none;
}
@media (max-width: 991.98px) {
  .header .container {
    max-width: none;
  }
}
.header__top {
  height: 76px;
  transition: height 0.5s ease;
  overflow: hidden;
  border-bottom: 1px solid #ced4da;
}
@media (max-width: 991.98px) {
  .header__top {
    height: 50px;
    border-bottom: 0;
  }
}
.header__top .header__search {
  display: inline-flex !important;
}
.header__logo {
  height: 45px;
}
@media (max-width: 991.98px) {
  .header__logo {
    height: 32px;
  }
}
.header__logo-compact {
  display: none;
  width: 32px;
}
@media (min-width: 1200px) {
  .header__buttons {
    display: none !important;
  }
}
.header__search {
  background-color: transparent;
  border: 0;
  height: 24px;
}
.header__search i.md--blue-corporate {
  color: #0af;
}
.header__user.material-icons.md--blue-corporate {
  color: #0af;
}
.header__link {
  font-size: 0.75rem;
  color: #9e9e9e !important;
}
.header__link:hover, .header__link:focus {
  text-decoration: none;
  color: #00699d !important;
}
.header__link--active {
  color: #0af !important;
}
.header__link--active:hover, .header__link--active:focus {
  text-decoration: none;
  color: #00699d !important;
}
@media (min-width: 1200px) {
  .header .w-xl-auto {
    width: auto !important;
  }
}

body.block-scroll-modal .header {
  padding-right: 17px;
}
@media (max-width: 991.98px) {
  body.block-scroll-modal .header {
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .wrapper--scrolled .header__top {
    height: 0;
    border-bottom: 0;
  }
  .wrapper--scrolled .header__logo-compact {
    display: inline-block;
  }
  .wrapper--scrolled .header__buttons {
    display: inline-flex !important;
  }
}

.navigation {
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .navigation {
    position: absolute;
    top: 110px;
    right: -100%;
    left: 100%;
    height: calc(100vh - 110px);
    transition-property: left, right, top, height;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    z-index: 10;
  }
}
.navigation--open {
  right: 0;
  left: 0;
}
.navigation--open.navigation--subopen {
  right: -100%;
  left: -100%;
}
@media (max-width: 991.98px) {
  .navigation__container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.navigation__list {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
.navigation__item {
  display: inline-block;
  padding: 18px 0;
  margin: 0 16px;
}
@media (max-width: 991.98px) {
  .navigation__item {
    padding: 16px 8px;
    margin: 0 8px;
  }
}
.navigation__item:last-child {
  margin-right: 0;
}
@media (max-width: 991.98px) {
  .navigation__item {
    border-bottom: 1px solid #dee2e6;
  }
  .navigation__item:first-child {
    border-top: 1px solid #dee2e6;
  }
}
@media (min-width: 992px) {
  .navigation__item:hover .navigation__submenu {
    max-height: 500px;
    padding: 40px 0;
  }
  .navigation__item:hover .navigation__link.first-level span {
    color: #0af;
  }
  .navigation__item:hover .navigation__toggle {
    transform: rotate(180deg);
  }
  .navigation__item:hover .navigation__toggle .material-icons {
    color: #0af;
  }
}
@media (max-width: 991.98px) {
  .navigation__item.open .navigation__submenu {
    width: auto;
  }
}
.navigation__link {
  color: #000;
  font-size: 1rem;
  display: inline-block;
}
.navigation__link:hover, .navigation__link:focus {
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .navigation__link {
    display: flex;
    font-weight: normal;
  }
}
.navigation__link--active {
  font-weight: bolder;
  color: #0af;
}
.navigation__submenu {
  width: 1440px;
  position: absolute;
  top: 136px;
  left: 0;
  right: 0;
  overflow: hidden;
  transition-property: max-height, height, padding, top;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  box-shadow: 0 3px 4px 0 rgba(61, 61, 61, 0.5);
  background-color: #f8f9fa;
  max-height: 0;
  padding: 0;
  margin: 0 auto;
}
.navigation__submenu--open {
  max-height: 500px;
  padding: 40px 0;
}
@media (max-width: 991.98px) {
  .navigation__submenu--open {
    padding-top: 0;
    z-index: 20;
  }
}
@media (max-width: 991.98px) {
  .navigation__submenu--banner {
    background-color: #fff;
  }
}
@media (max-width: 991.98px) {
  .navigation__submenu {
    width: auto;
    max-height: none;
    box-shadow: none;
    top: 0;
    height: calc(100vh - 110px);
    left: 100%;
    right: -100%;
    margin: 0;
  }
  .navigation__submenu > div:last-child {
    overflow-y: auto;
  }
}
.navigation__subitem .navigation__link {
  color: #000;
}
.navigation__subitem .navigation__link:hover span, .navigation__subitem .navigation__link:focus span {
  color: #0af;
  font-weight: bold;
  text-decoration: underline;
  font-weight: bold;
}
.navigation__subitem .navigation__link:hover .arrow, .navigation__subitem .navigation__link:focus .arrow {
  color: #0af;
}
.navigation__subitem .navigation__link .arrow {
  color: #000;
}
@media (max-width: 991.98px) {
  .navigation__subitem {
    background-color: #fff;
    border-bottom: 1px solid #f8f9fa;
  }
}
.navigation__subbutton {
  border: 0;
  background-color: #f8f9fa;
}
.navigation__description {
  font-size: 80%;
  color: #495057;
  margin-bottom: 0;
}
.navigation__toggle {
  padding: 0;
  background-color: transparent;
  border: 0;
  height: 24px;
  transition: transform 0.5s ease;
}
.navigation__toggle i {
  color: #000;
}
.navigation__toggle--open {
  transform: rotate(180deg);
}
.navigation__toggle--open i {
  color: #0af;
}
.navigation__toggle--open ~ .navigation__link {
  color: #0af;
}
.navigation__wrapper {
  min-height: 300px;
}
@media (max-width: 991.98px) {
  .navigation__wrapper {
    min-height: auto;
  }
}

@media (max-width: 991.98px) {
  .wrapper--scrolled #navigation-restyle .navigation {
    top: 110px;
    height: calc(100vh - 110px);
  }
}
.wrapper--scrolled #navigation-restyle .navigation__item {
  margin: 0 8px;
}
.wrapper--scrolled #navigation-restyle .navigation__submenu {
  top: 60px;
}
@media (max-width: 991.98px) {
  .wrapper--scrolled #navigation-restyle .navigation__submenu {
    top: 0;
    height: calc(100vh - 60px);
  }
}

.banner {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 100%;
  box-shadow: 0 3px 4px 0 rgba(61, 61, 61, 0.5);
}
@media (max-width: 991.98px) {
  .banner {
    position: relative;
    width: 100%;
    height: auto;
    box-shadow: none;
    padding: 32px 16px;
  }
}
.banner__box {
  position: relative;
  display: block;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .banner__box {
    padding: 32px;
  }
}
@media (max-width: 767.98px) {
  .banner__box {
    padding: 24px;
  }
}
.banner__box--color {
  background-color: #0af;
}
.banner__box:hover {
  text-decoration: none;
}
.banner__box:hover .banner__img {
  transform: scale(1.25);
}
.banner__img {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.4s;
}
.banner__gradient-box {
  background-image: linear-gradient(136deg, #0af, #23d2b5);
  padding: 0px 42px 26px 34px;
}
@media (max-width: 991.98px) {
  .banner__gradient-box {
    width: 50%;
    padding: 32px 24px;
  }
}
@media (max-width: 767.98px) {
  .banner__gradient-box {
    width: 100%;
  }
}
.banner__title {
  font-size: kilo;
  font-weight: bold;
  line-height: 1.25;
}
@media (max-width: 991.98px) {
  .banner__title {
    font-size: deca;
    line-height: 23px;
  }
}
.banner__subtitle {
  display: block;
  font-size: 14px;
}
.banner__amount {
  font-size: peta;
  font-weight: bolder;
  line-height: 82px;
}
@media (max-width: 991.98px) {
  .banner__amount {
    font-size: giga;
    font-weight: bold;
    line-height: 64px;
  }
}
.banner__unit {
  font-size: mega;
  font-weight: bold;
  line-height: 1.25;
}
@media (max-width: 991.98px) {
  .banner__unit {
    font-size: deci;
    font-weight: normal;
    line-height: 23px;
  }
}
.banner__link {
  font-size: base;
}
.banner i.material-icons {
  color: #fff;
}

.sites-select {
  min-width: 190px;
  height: 40px;
  margin: 10px 0;
  border-radius: 20px;
  border: 0;
  background-image: linear-gradient(104deg, #0af 20%, #23d2b5 100%);
}
.sites-select__toggle {
  transition: transform 0.5s ease;
}
.sites-select--open .sites-select__toggle {
  transform: rotate(180deg);
}
.sites-select__menu {
  position: absolute;
  top: 136px;
  left: 0;
  overflow: hidden;
  transition-property: max-height, height, padding, top;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  box-shadow: 0 3px 4px 0 rgba(61, 61, 61, 0.5);
  background-color: #0af;
  max-height: 0;
  padding: 0;
}
.sites-select__menu--open {
  max-height: 500px;
  padding: 40px 0;
}
@media (max-width: 991.98px) {
  .sites-select__menu {
    max-height: none;
    box-shadow: none;
    top: 110px;
    height: calc(100vh - 110px);
    left: -100%;
    right: 100%;
    padding: 0;
    transition-property: left, right;
  }
  .sites-select__menu > div:last-child {
    overflow-y: auto;
  }
  .sites-select__menu--open {
    left: 0;
    right: 0;
  }
}
@media (max-width: 1199.98px) {
  .sites-select__menuitem {
    border-bottom: 1px solid rgba(248, 249, 250, 0.3);
  }
}
.sites-select__list {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
.sites-select__link {
  color: #fff !important;
}
.sites-select__link:hover, .sites-select__link:focus {
  text-decoration: none;
  color: #dee2e6 !important;
}
.sites-select__description {
  font-size: 80%;
  color: #fff;
}

.wrapper--scrolled .sites-select__menu {
  top: 60px;
}
@media (max-width: 991.98px) {
  .wrapper--scrolled .sites-select__menu {
    top: 110px;
  }
}

.footer {
  border-top: 1px solid #e9ecef;
  padding-top: 30px;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 1199.98px) {
  .footer {
    padding-top: 10px;
  }
}
.footer .nj-footer {
  --footer-bg-color: $white;
}
.footer .nj-footer:after {
  height: 4px;
}
.footer .nj-footer__link {
  font-size: 14px;
  font-family: "Lato";
}
.footer .nj-footer .container {
  margin-bottom: 0px;
}
.footer__label {
  color: #9e9e9e;
  font-size: 18px;
  font-family: "Lato";
}
.footer__select {
  position: relative;
  font-size: hecto;
  cursor: pointer;
}
.footer__select select {
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  color: #0af;
  margin: 0;
  padding-right: 20px;
  font-size: 20px;
  font-family: "Lato";
}
.footer__select select:focus {
  outline: none;
}
.footer__select select option {
  font-weight: normal;
  color: #6c757d;
  font-family: "Lato";
  font-size: 20px;
}
.footer__select .material-icons {
  position: absolute;
  right: -3px;
  top: 0px;
}
.footer__icon svg {
  max-width: 20px;
  height: 20px;
  fill: #0af;
}
.footer__info {
  color: #757575;
  font-size: 12px;
  font-family: "Lato";
}

.footer-sites {
  position: relative;
  font-family: "Lato";
  /* Dropdown Content (Hidden by Default) */
  /* Links inside the dropdown */
}
.footer-sites--open .footer-sites__content {
  display: block;
}
.footer-sites--open .footer-sites__btn:after {
  top: 5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid #0af;
}
.footer-sites__btn {
  background-color: transparent;
  border: 0;
  padding-right: 20px;
}
.footer-sites__btn:after {
  position: absolute;
  content: "";
  right: 5px;
  top: 11px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #0af;
}
.footer-sites__content {
  display: none;
  position: absolute;
  bottom: 30px;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.footer-sites__link {
  color: #808080 !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.footer-sites__link:hover {
  background-color: #f6f9fa;
  text-decoration: none;
}

.hamburger {
  position: relative;
  width: 20px;
  height: 18px;
  background-color: transparent;
  border: 0;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
}
.hamburger span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #0af;
  border-radius: 7px;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 0px;
}
.hamburger span:nth-child(2), .hamburger span:nth-child(3) {
  top: 6px;
}
.hamburger span:nth-child(4) {
  top: 12px;
}
.hamburger.open span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
}
.hamburger.open span:nth-child(2) {
  transform: rotate(45deg);
}
.hamburger.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.hamburger.open span:nth-child(4) {
  width: 0%;
  top: 6px;
  left: 50%;
}

/* STILI GENERICI */
body {
  background-color: #f9f9f9;
}

.wrapper {
  /*max-width: 1920px;*/
  max-width: none !important;
  margin: 0 auto;
}

.wrapper-container {
  max-width: 1440px;
  margin: 0 auto;
}

.btn-pagination {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 100px;
}

.btn-pagination .btn-pagination__link {
  display: inline-block;
  min-width: 170px;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
  line-height: 40px;
  color: #ffffff;
  letter-spacing: 0.3px;
  background-color: #425b67;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.magazine-search-portlet .btn-pagination .btn-pagination__link.hideShowMore {
  display: none;
}

.magazine-search-portlet .btn-pagination .btn-pagination__link.showMore {
  display: inline-block;
}

/* EXTRA-LARGE DESKTOP */
@media (min-width: 1400px) {
  .aui .wrapper-container .container {
    width: 1440px;
  }
}
/* TABLET */
/* SMARTPHONE */
@media (max-width: 991px) {
  /* REORDER ROW */
  .reorder-sm {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    direction: rtl;
  }

  .reorder-sm > [class*=reorder-] {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    direction: ltr;
  }
}
/* STICKY */
.wrapper-sticky {
  position: relative;
  min-height: 600px;
  /* altezza minima data dalla sticky più alta */
}

.wrapper-sticky .content {
  width: 585px;
  padding: 20px;
  margin: 0 auto;
}

.wrapper-sticky .content.content--large-right,
.wrapper-sticky .content.content--large-left {
  width: calc(100% - 300px);
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin: 0;
}

.wrapper-sticky .content.content--large-right {
  margin-left: 300px;
}

.wrapper-sticky .content.content--large-left {
  margin-right: 300px;
}

.wrapper-sticky .stickybar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 275px;
}

.wrapper-sticky .stickybar img {
  max-height: 100%;
}

.wrapper-sticky .stickybar .stickybar__img {
  width: 100%;
}

.wrapper-sticky .stickybar.left {
  left: 0;
  height: 920px;
}

.wrapper-sticky .stickybar.right {
  right: 0;
  height: 900px;
}

.wrapper-sticky .stickybar .fixed {
  position: fixed;
  width: 275px;
}

.wrapper-sticky .stickybar.left .fixed {
  height: 920px;
}

.wrapper-sticky .stickybar.right .fixed {
  height: 900px;
}

.wrapper-sticky .stickybar.bottom {
  top: 0;
  bottom: 0;
}

.wrapper-sticky .stickybar.bottom .fixed {
  position: fixed;
}

/* EXTRA-LARGE DESKTOP */
@media (min-width: 1400px) {
  .wrapper-sticky .content {
    width: 720px;
  }

  .wrapper-sticky .content.content--large-right,
.wrapper-sticky .content.content--large-left {
    width: calc(100% - 370px);
  }

  .wrapper-sticky .content.content--large-right {
    margin-left: 370px;
  }

  .wrapper-sticky .content.content--large-left {
    margin-left: 0;
    margin-right: 370px;
  }

  .wrapper-sticky .stickybar {
    width: 345px;
  }

  .wrapper-sticky .stickybar .fixed {
    width: 345px;
  }
}
/* TABLET */
@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper-sticky .content {
    width: 470px;
  }

  .wrapper-sticky .content.content--large-right,
.wrapper-sticky .content.content--large-left {
    width: calc(100% - 260px);
  }

  .wrapper-sticky .content.content--large-right {
    margin-left: 260px;
  }

  .wrapper-sticky .content.content--large-left {
    margin-right: 260px;
  }

  .wrapper-sticky .stickybar {
    width: 235px;
  }

  .wrapper-sticky .stickybar .fixed {
    width: 235px;
  }
}
/* SMARTPHONE */
@media (max-width: 991px) {
  .wrapper-sticky .content,
.wrapper-sticky .content.content--large-right,
.wrapper-sticky .content.content--large-left {
    width: auto;
    padding: 0 11px;
  }

  .wrapper-sticky .content.content--large-right {
    margin-left: 0;
  }

  .wrapper-sticky .content.content--large-left {
    margin-right: 0;
  }

  .wrapper-sticky .stickybar {
    position: static;
    width: auto;
    padding: 0 11px;
  }

  .wrapper-sticky .stickybar.left,
.wrapper-sticky .stickybar.right {
    height: auto;
  }

  .wrapper-sticky .stickybar .fixed {
    position: fixed;
    width: auto;
  }

  .wrapper-sticky .stickybar.left .fixed {
    height: auto;
  }

  .wrapper-sticky .stickybar.right .fixed {
    height: auto;
  }

  .wrapper-sticky .stickybar.bottom .fixed {
    position: fixed;
  }
}
.no-header.sticky {
  z-index: 5;
  position: fixed;
  top: 104px;
  background-color: #fafafa;
}

/* BOX SOCIAL */
.box-social {
  font-size: 16px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 20px;
  padding: 0 20px;
  margin-top: 55px;
  margin-bottom: 30px;
  box-shadow: 0 15px 33px 0 rgba(0, 0, 0, 0.07);
  border-radius: 16.7px;
}

.box-social .box-social__title {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #000000;
  padding-top: 20px;
  margin-bottom: 20px;
}

.box-social .box-social__tag {
  display: inline-block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #ffffff;
  background-color: #37b9c3;
  border-radius: 5px;
  padding: 5px 10px;
  margin-right: 20px;
  margin-bottom: 17px;
}

.box-social .box-social__share {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #00aaff;
  border-radius: 50%;
  margin-right: 20px;
  margin-bottom: 17px;
}

.box-social .box-social__share.box-social__share--last {
  margin-right: 0;
}

.box-social .box-social__share i,
.box-social .box-social__share:hover i {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
}

/* EXTRA-LARGE DESKTOP */
/* TABLET */
@media (min-width: 992px) and (max-width: 1199px) {
  .box-social .box-social__tag {
    margin-right: 10px;
    margin-bottom: 15px;
  }

  .box-social .box-social__share {
    margin-right: 7px;
    margin-bottom: 20px;
  }
}
/* SMARTPHONE */
@media (max-width: 991px) {
  .box-social .box-social__title {
    margin-bottom: 0;
  }

  .box-social .box-social__tag {
    margin-right: 17px;
    margin-bottom: 15px;
  }
}
/* BOX FORM */
.box-form {
  position: relative;
  min-height: 300px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #ffffff;
  background-image: url("../images/bg-form.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 30px 23px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.box-form.box-form--letter {
  min-height: 320px;
  background-image: url("../images/bg-form-letter.png");
  background-position: bottom left;
  margin-bottom: 0;
}

.box-form .box-form__title {
  max-width: 165px;
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 0.6px;
  color: #ffffff;
}

.box-form.box-form--letter .box-form__title {
  max-width: none;
}

.box-form .box-form__text {
  max-width: 165px;
}

.box-form .box-form__form {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}

.box-form .box-form__form .box-form__wrapper {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-top: 50px;
}

.box-form .box-form__form .box-form__wrapper .box-form__input {
  display: block;
  max-width: 100%;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #000000;
  border-bottom: 0;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  width: 250px;
}

.box-form .box-form__form .box-form__wrapper .box-form__input::-webkit-input-placeholder {
  color: #a9a9a9;
}

.box-form .box-form__form .box-form__wrapper .box-form__input:-moz-placeholder {
  color: #a9a9a9;
}

.box-form .box-form__form .box-form__wrapper .box-form__input::-moz-placeholder {
  color: #a9a9a9;
}

.box-form .box-form__form .box-form__wrapper .box-form__input:-ms-input-placeholder {
  color: #a9a9a9;
}

.box-form .box-form__form .box-form__wrapper .box-form__input::placeholder {
  color: #a9a9a9;
}

.box-form .box-form__form .box-form__wrapper .box-form__button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -99999em;
  background-image: url("../images/ico-button-submit.png");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 20px;
}

/* EXTRA-LARGE DESKTOP */
/* TABLET */
/* SMARTPHONE */
/* BOX AUTHOR */
.box-author {
  position: relative;
  min-height: 120px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #000;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px 20px 20px 110px;
  margin-bottom: 30px;
  box-shadow: 0 15px 33px 0 rgba(0, 0, 0, 0.07);
}

.box-author .box-author__img {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.box-author .box-author__img img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.box-author .box-author__label {
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  color: #000;
  margin-bottom: 8px;
}

.box-author .box-author__name {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #000;
  margin-bottom: 18px;
}

.box-author .box-author__role {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #000;
}

.box-author .box-author__link {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  color: #000;
  margin-top: 5px;
}

.box-author .box-author__link:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: "Font Awesome 5 Free";
  content: "\f30b";
  font-size: 21px;
  line-height: 1;
  color: #000;
}

.box-author .box-author__link:hover,
.box-author .box-author__link:focus {
  outline: none;
}

/* EXTRA-LARGE DESKTOP */
/* TABLET */
@media (min-width: 992px) and (max-width: 1199px) {
  .box-author {
    padding-left: 80px;
  }

  .box-author .box-author__img {
    width: 50px;
    height: 50px;
  }

  .box-author .box-author__img img {
    width: 50px;
    height: 50px;
  }
}
/* SMARTPHONE */
@media (max-width: 991px) {
  .box-author {
    padding-left: 90px;
  }

  .box-author .box-author__img {
    width: 60px;
    height: 60px;
  }

  .box-author .box-author__img img {
    width: 60px;
    height: 60px;
  }

  .box-author .box-author__label {
    margin-bottom: 5px;
  }
}
/* BREADCRUMB */
.aui .breadcrumb {
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #000000;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin-bottom: 20px;
}

.aui .breadcrumb.breadcrumb--top {
  padding-left: 11px;
  padding-right: 11px;
  margin-bottom: 0;
}

.aui .breadcrumb .breadcrumbs__list {
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #000000;
  margin: 0;
}

.aui .breadcrumb .breadcrumbs__list .breadcrumbs__item {
  display: inline;
  left: 0;
  list-style: none;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #000000;
}

.aui .breadcrumb .breadcrumbs__list .breadcrumbs__item > div {
  display: inline;
}

.aui .breadcrumb .breadcrumbs__list .breadcrumbs__item .breadcrumbs__link {
  list-style: none;
  font-size: 12px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #000000;
}

/* EXTRA-LARGE DESKTOP */
/* TABLET */
/* SMARTPHONE */
@media (max-width: 991px) {
  .breadcrumb {
    margin-top: 10px;
  }
}
/* COLONNA CENTRALE (SCORRIMENTO) */
.article-detail {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.3px;
  color: #000000;
}

.article-detail .article-detail__back {
  display: inline-block;
  position: relative;
  line-height: 30px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  white-space: nowrap;
  padding-left: 20px;
}

.article-detail .article-detail__back:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  border: solid #00aaff;
  border-width: 0 3px 3px 0;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.article-detail .article-detail__category {
  display: inline-block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #ffffff;
  background-color: #075091;
  border-radius: 5px;
  padding: 5px 10px;
  margin-right: 20px;
}

.article-detail .article-detail__date {
  display: inline-block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #000;
  padding: 5px 10px;
}

.article-detail .article-detail__title {
  font-weight: 600;
  font-size: 48px;
  line-height: 53px;
  color: #00aaff;
  letter-spacing: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.article-detail .article-detail__abstract-spacing {
  margin-bottom: 30px !important;
}

.article-detail .article-detail__subject {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  color: #37b9c3;
  letter-spacing: 0.6px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.article-detail p {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.3px;
  color: #000000;
}

.article-detail p.article-detail__textbig,
.article-detail .article-detail__textbig p {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.4px;
  color: #000000;
  margin-top: 40px;
  margin-bottom: 20px;
}

.article-detail .article-detail__section-spacing {
  margin-bottom: 30px !important;
}

.article-detail .article-detail__img-sm {
  margin-bottom: 40px;
  border-radius: 10px;
}

.article-detail .article-detail__img {
  margin-top: 40px;
  margin-bottom: 40px;
}

.article-detail .article-detail__img img {
  max-width: 50%;
  margin-right: 30px;
}

.article-detail .article-detail__img h2 {
  text-align: left;
  margin-top: 0;
}

.article-detail a:link {
  font-weight: 600;
  color: #00aaff;
  text-decoration: underline !important;
}

.article-detail a:hover,
.article-detail a:focus {
  font-weight: 600;
  color: #00aaff;
  text-decoration: underline;
  outline: none;
}

/* EXTRA-LARGE DESKTOP */
/* TABLET */
/* SMARTPHONE */
@media (max-width: 991px) {
  .article-detail {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.34px;
  }

  .article-detail .article-detail__info {
    text-align: right;
  }

  .article-detail .article-detail__category {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.3px;
  }

  .article-detail .article-detail__date {
    line-height: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .article-detail .article-detail__title {
    font-size: 26px;
    line-height: 30px;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .article-detail p {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.34px;
  }

  .article-detail p.article-detail__textbig,
.article-detail .article-detail__textbig p {
    font-size: 20px;
  }
}
/***********************
* SLIDER "LEGGI ANCHE" *
***********************/
.related {
  background-color: #233365;
  padding-top: 40px;
  padding-bottom: 150px;
  margin-top: 60px;
}

.related .slider-related {
  padding-bottom: 0;
}

.related .slider-related.slick-slider {
  max-height: none;
}

.related .slider-related .slick-list {
  overflow: hidden !important;
}

.related .related__title {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #000000;
  text-transform: uppercase;
}

.related .related__num-dot-groups {
  font-size: 15px;
  color: #ffffff;
  margin-top: -50px;
}

/* SLIDE */
.related .slider-related {
  height: auto;
}

.related .slider-related .slider-related__item {
  position: relative;
  min-height: 120px;
}

.related .slider-related .slider-related__item .slider-related__item-img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 160px;
  max-height: 120px;
  border-radius: 10px;
}

.related .slider-related .slider-related__item .slider-related__item-text {
  position: relative;
  border-radius: 10px;
  padding-left: 180px;
  padding-right: 40px;
}

.related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-category {
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-title {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.4px;
  color: #ffffff;
  margin-bottom: 5px;
}

.related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-link {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  color: #fff;
}

.related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-link:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: "Font Awesome 5 Free";
  content: "\f30b";
  font-size: 21px;
  line-height: 1;
  color: #fff;
}

.aui .related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-link:hover,
.aui .related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-link:focus {
  outline: none;
}

/* ARROW NAV */
.related .slider-related .slick-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 0;
}

.related .slider-related .slick-arrow:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: "Font Awesome 5 Free";
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  color: #fff;
}

.related .slider-related .slick-arrow.slick-prev {
  right: 35px;
}

.related .slider-related .slick-arrow.slick-prev:after {
  content: "\f30a";
}

.related .slider-related .slick-arrow.slick-next:after {
  content: "\f30b";
}

.related .slider-related .slick-arrow.slick-disabled.slick-prev,
.related .slider-related .slick-arrow.slick-disabled.slick-prev:after {
  opacity: 0.7;
}

.related .slider-related .slick-arrow.slick-disabled.slick-next,
.related .slider-related .slick-arrow.slick-disabled.slick-next:after {
  opacity: 0.7;
}

.related .slider-related .slick-arrow.slick-disabled {
  cursor: text;
}

/* DOTS NAV */
.related .slider-related .slick-dots {
  position: relative;
  height: 20px;
  text-align: left;
  padding-right: 0;
  margin-top: 70px;
  margin-right: 90px;
}

.related .slider-related .slick-dots:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ffffff;
  margin-top: -1px;
}

.related .slider-related .slick-dots li {
  position: relative;
  left: 0;
  z-index: 2;
  display: inline-block;
  height: 20px;
  margin: 0;
}

.related .slider-related .slick-dots li:first-child:nth-last-child(1) {
  width: 100%;
}

.related .slider-related .slick-dots li:first-child:nth-last-child(2),
.related .slider-related .slick-dots li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}

.related .slider-related .slick-dots li:first-child:nth-last-child(3),
.related .slider-related .slick-dots li:first-child:nth-last-child(3) ~ li {
  width: 33.3333%;
}

.related .slider-related .slick-dots li:first-child:nth-last-child(4),
.related .slider-related .slick-dots li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}

.related .slider-related .slick-dots li:first-child:nth-last-child(5),
.related .slider-related .slick-dots li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}

.related .slider-related .slick-dots li:first-child:nth-last-child(6),
.related .slider-related .slick-dots li:first-child:nth-last-child(6) ~ li {
  width: 16.66666%;
}

.related .slider-related .slick-dots li:first-child:nth-last-child(7),
.related .slider-related .slick-dots li:first-child:nth-last-child(7) ~ li {
  width: 14.28571%;
}

.related .slider-related .slick-dots li button {
  display: inline-block;
  width: 100%;
  height: 8px;
  text-indent: -9999em;
  background-color: transparent;
  border-radius: 4px;
  margin-top: 6px;
}

.related .slider-related .slick-dots li.slick-active button {
  background-color: #fff;
}

/* EXTRA-LARGE DESKTOP */
@media (min-width: 1400px) {
  .related .slider-related .slider-related__item .slider-related__item-img {
    max-width: 190px;
  }

  .related .slider-related .slider-related__item .slider-related__item-text {
    padding-left: 210px;
    padding-right: 50px;
  }
}
/* TABLET */
@media (min-width: 992px) and (max-width: 1199px) {
  .related .slider-related .slider-related__item .slider-related__item-img {
    max-width: 140px;
  }

  .related .slider-related .slider-related__item .slider-related__item-text {
    padding-left: 160px;
    padding-right: 40px;
  }
}
/* SMARTPHONE */
@media (max-width: 991px) {
  .related {
    background-color: transparent;
    padding-top: 10px;
    padding-left: 26px;
    padding-bottom: 40px;
    margin-top: 0;
  }

  .related .container {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .related .container .row {
    margin-left: auto;
    margin-right: auto;
  }

  .related .container .row > [class*=col-] {
    padding-left: 0;
    padding-right: 0;
  }

  .related .slider-related {
    margin-top: 10px;
  }

  .related .slider-related .slick-list {
    padding-left: 0px !important;
  }

  .related .slider-related .slider-related__item {
    padding-right: 15%;
  }

  .related .slider-related .slider-related__item .slider-related__item-img {
    position: relative;
    z-index: 2;
    top: auto;
    left: auto;
    width: 100%;
    width: calc(100% - 20px);
    max-width: 100%;
    max-height: none;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    margin: 10px;
  }

  .related .slider-related .slider-related__item .slider-related__item-text {
    position: absolute;
    top: 0;
    left: 10px;
    /*right: calc(15% + 10px);*/
    right: calc(15% + 10px);
    bottom: 0;
    z-index: 3;
    background-image: linear-gradient(to bottom right, #2881b5, rgba(216, 216, 216, 0));
    border-radius: 10px;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
  }

  .related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-link {
    position: absolute;
    left: 12px;
    bottom: 12px;
  }

  .related .slider-related .slider-related__item.slider-related__item--abitare .slider-related__item-text {
    background-image: linear-gradient(to bottom right, #0069A7, rgba(216, 216, 216, 0));
  }

  .related .slider-related .slider-related__item.slider-related__item--innovare .slider-related__item-text {
    background-image: linear-gradient(to bottom right, #37B9C3, rgba(216, 216, 216, 0));
  }

  .related .slider-related .slider-related__item.slider-related__item--vivere .slider-related__item-text {
    background-image: linear-gradient(to bottom right, #075091, rgba(216, 216, 216, 0));
  }

  .related .slider-related .slider-related__item.slider-related__item--innovation .slider-related__item-text {
    background-image: linear-gradient(to bottom right, #233365, rgba(216, 216, 216, 0));
  }

  .related .slider-related .slider-related__item.slider-related__item--growth .slider-related__item-text {
    background-image: linear-gradient(to bottom right, #075091, rgba(216, 216, 216, 0));
  }

  .related .slider-related .slider-related__item.slider-related__item--organisation .slider-related__item-text {
    background-image: linear-gradient(to bottom right, #0069a7, rgba(216, 216, 216, 0));
  }

  .related .slider-related .slider-related__item.slider-related__item--engagement .slider-related__item-text {
    background-image: linear-gradient(to bottom right, #00aaff, rgba(216, 216, 216, 0));
  }

  .related .slider-related .slider-related__item.slider-related__item--data .slider-related__item-text {
    background-image: linear-gradient(to bottom right, #37b9c3, rgba(216, 216, 216, 0));
  }

  .related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-category {
    line-height: 1;
  }

  .related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-title {
    max-width: 240px;
    font-size: 13px;
    line-height: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .related .slider-related .slider-related__item .slider-related__item-text .slider-related__item-title {
    font-size: 18px;
    line-height: inherit;
  }
}
/* *****************************
* MAGAZINE + SLIDER + CATEGORY *
*******************************/
.hero-megazine {
  position: relative;
  margin-bottom: 55px;
}

/* magazine */
.hero-megazine .hero-megazine__text {
  position: absolute;
  top: 0;
  left: 2%;
  bottom: 0;
  z-index: 3;
  width: 275px;
}

.hero-megazine .hero-megazine__text .hero-megazine__title {
  position: relative;
  font-weight: 600;
  font-size: 34px;
  letter-spacing: 0.7px;
  color: #00aaff;
  padding-top: 38px;
  margin-top: 80px;
  margin-bottom: 30px;
}

.hero-megazine .hero-megazine__text .hero-megazine__title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 77px;
  height: 8px;
  background-color: #00aaff;
  border-radius: 8px;
}

.hero-megazine .hero-megazine__text .hero-megazine__desc,
.hero-megazine .hero-megazine__text .hero-megazine__desc p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #ffffff;
  margin-bottom: 0;
}

.hero-megazine .hero-megazine__text .hero-megazine__desc {
  max-width: 245px;
}

.hero-megazine .hero-megazine__social {
  position: absolute;
  bottom: 28px;
}

.hero-megazine .hero-megazine__social .hero-megazine__social-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #00aaff;
  border-radius: 50%;
  margin-right: 20px;
}

.hero-megazine .hero-megazine__social .hero-megazine__social-icon:hover,
.hero-megazine .hero-megazine__social .hero-megazine__social-icon:focus {
  color: #fff;
  outline: none;
}

.hero-megazine .hero-megazine__social .hero-megazine__social-icon i,
.hero-megazine .hero-megazine__social .hero-megazine__social-icon:hover i,
.hero-megazine .hero-megazine__social .hero-megazine__social-icon:focus i {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  outline: none;
}

/* category */
.wrapper-no-header__category .magazine-no-header__category {
  padding-left: 10px;
  background-color: rgba(204, 204, 204, 0.1);
}
.wrapper-no-header__category .back-magazine {
  font-weight: 600;
  color: #0af;
  text-align: center;
}
.wrapper-no-header__category .slider-category.no-header.fixed {
  right: 0;
  width: calc(100% - 370px);
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .wrapper-no-header__category .slider-category.no-header.fixed {
    width: calc(100% - 315px);
  }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  .wrapper-no-header__category .slider-category.no-header.fixed {
    width: calc(100% - 370px);
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .wrapper-no-header__category .slider-category.no-header.fixed {
    width: calc(100% - 315px);
  }
}

.hero-megazine .hero-megazine__category {
  position: absolute;
  margin-left: 315px;
  bottom: 0;
  z-index: 2;
  height: 86px;
  font-weight: 600;
  font-size: 18px;
  line-height: 86px;
  letter-spacing: 0.4px;
  color: #00aaff;
  background-color: rgba(255, 255, 255, 0.9);
}

.slider-category.slick-slider {
  max-height: none;
}

.slider-category .slider-category__slide {
  height: 86px;
}

.slider-category .slider-category__slide .slider-category__cat {
  height: 86px;
  font-weight: 600;
  font-size: 18px;
  line-height: 86px;
  letter-spacing: 0.4px;
  color: #00aaff;
  padding-left: 50px;
  padding-right: 50px;
}

.slider-category .slider-category__slide .slider-category__cat .slider-category__link,
.slider-category .slider-category__slide .slider-category__cat .slider-category__link:hover,
.slider-category .slider-category__slide .slider-category__cat .slider-category__link:focus {
  display: inline-block;
  color: #00aaff;
  white-space: nowrap;
  outline: none;
}

/* slider */
.slider-hero.slick-slider {
  max-height: none;
}

.slider-hero .slick-slide {
  line-height: 0;
}

.slider-hero .slider-hero__slide {
  position: relative;
}

.slider-hero .slider-hero__slide.slider-hero__slide--bg {
  height: calc(100vh - 130px);
  /* 130 altezza header */
  max-height: 820px;
}

.slider-hero .slider-hero__slide img.slider-hero__img {
  max-width: 100%;
}

.slider-hero .slider-hero__slide div.slider-hero__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text {
  max-width: 500px;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  margin-left: 300px;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text.slider-hero__text--hide {
  opacity: 0;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__title {
  font-weight: 600;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 1px;
  color: #ffffff;
  margin-top: 80px;
  margin-bottom: 40px;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__category {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #ffffff;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin-top: 20px;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__desc,
.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__desc p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #ffffff;
  margin-bottom: 0;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__link {
  position: relative;
  display: inline-block;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 60px;
  margin-top: 10px;
  cursor: pointer;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__link:after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  height: 20px;
  font-family: "Font Awesome 5 Free";
  content: "\f30b";
  font-size: 21px;
  line-height: 1;
  color: #fff;
}

.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__link:hover,
.slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__link:focus {
  color: #fff;
  outline: none;
}

.slider-hero .slick-dots {
  position: relative;
  bottom: 120px;
  left: 0;
  right: 0;
  width: 1170px;
  height: 15px;
  line-height: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  margin: 0 auto;
}

.slider-hero .slick-dots li {
  display: block;
  float: left;
  left: 0;
  height: 15px;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.3px;
  color: #fff;
  text-transform: uppercase;
  margin-right: 20px;
}

.slider-hero .slick-dots li:first-child {
  margin-left: 300px;
}

.slider-hero .slick-dots li button {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  text-indent: -9999em;
  background-color: #b0bec5;
  border-radius: 15px;
  transition: width 0.5s;
}

.slider-hero .slick-dots li .slick-dots-text {
  display: block;
  max-width: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.3px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  transition: max-width 0.5s;
}

.slider-hero .slick-dots li.slick-active button {
  width: 58px;
  background-color: #fff;
  margin-right: 20px;
}

.slider-hero .slick-dots li.slick-active .slick-dots-text {
  max-width: 220px;
}

/* EXTRA-LARGE DESKTOP */
@media (min-width: 1400px) {
  /* magazine */
  .hero-megazine .hero-megazine__text {
    width: 345px;
  }

  /* slider */
  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text {
    margin-left: 370px;
  }

  .slider-hero .slick-dots {
    width: 1440px;
  }

  .slider-hero .slick-dots li:first-child {
    margin-left: 370px;
  }

  /* category */
  .hero-megazine .hero-megazine__category {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 335px;
    /* (1440[container] div 2) - 370[width col] - 15[padding bootstrap]  */
  }

  .slider-category .slider-category__slide .slider-category__cat {
    padding-left: 60px;
    padding-right: 60px;
  }
}
/* WXGA */
@media (min-width: 1200px) and (max-width: 1366px) {
  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__title {
    font-size: 44px;
    line-height: 52px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__link {
    margin-top: 20px;
  }

  /* magazine */
  .hero-megazine .hero-megazine__text .hero-megazine__title {
    margin-top: 45px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .slider-category .slider-category__slide .slider-category__cat {
    padding: 0px 40px;
  }

  .magazine .wrapper-no-header__category div.text-center {
    width: 240px !important;
  }

  .slider-category .slider-category__slide.hidden-lg {
    display: none;
  }
}
/* TABLET */
@media (min-width: 991px) and (max-width: 1199px) {
  /* magazine */
  .hero-megazine .hero-megazine__text {
    width: 235px;
  }

  /* slider */
  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text {
    margin-left: 260px;
  }

  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__title {
    font-size: 42px;
    line-height: 50px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .slider-hero .slick-dots {
    width: 970px;
  }

  .slider-hero .slick-dots li:first-child {
    margin-left: 260px;
  }

  /* category */
  .hero-megazine .hero-megazine__category {
    margin-left: 280px;
  }

  div.wrapper-no-header__category.desktop-only .hero-megazine__category {
    margin-left: 0px;
  }

  .slider-category .slider-category__slide .slider-category__cat {
    padding-left: 25px;
    padding-right: 25px;
  }

  .magazine .wrapper-no-header__category div.text-center {
    width: 240px !important;
  }

  .slider-category .slider-category__slide.hidden-md {
    display: none;
  }
}
/* SMARTPHONE */
@media (max-width: 991px) {
  .hero-megazine .hero-megazine__text {
    display: none;
  }

  /*WWPL-2247*/
  .slider-hero .slick-slide {
    line-height: 0;
    padding-right: 10px;
    padding-left: 10px;
    transition: all 600ms ease;
    opacity: 0.5;
  }

  .slider-hero .slick-slide.slick-center {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  /* FINE WWPL-2247 */
  .hero-megazine {
    margin-bottom: 20px;
  }

  /* slider */
  .slider-hero {
    padding-top: 20px;
  }

  .slider-hero .slick-list {
    overflow: unset;
    border-radius: 20px;
    padding-left: 26px;
    padding-right: 39px;
  }

  .slider-hero .slick-list .slick-slide.slick-slide-next {
    opacity: 0.5 !important;
    transform: translateX(16px);
  }

  .slider-hero .slick-list .slick-slide.slick-slide-two-next {
    opacity: 0.5 !important;
    transform: translateX(30px);
  }

  .slider-hero .slick-list .slick-slide.slick-slide-next .slider-hero__img {
    top: 23px;
    bottom: 23px;
  }

  .slider-hero .slick-list .slick-slide.slick-slide-two-next .slider-hero__img {
    top: 49px;
    bottom: 49px;
  }

  .slider-hero .slider-hero__slide div.slider-hero__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom right, #2881b5, rgba(216, 216, 216, 0));
    border-radius: 20px;
  }

  .slider-hero .slider-hero__slide div.slider-hero__img.slider-hero__img--abitare:before {
    background-image: linear-gradient(to bottom right, #0069A7, rgba(216, 216, 216, 0));
  }

  .slider-hero .slider-hero__slide div.slider-hero__img.slider-hero__img--innovare:before {
    background-image: linear-gradient(to bottom right, #37B9C3, rgba(216, 216, 216, 0));
  }

  .slider-hero .slider-hero__slide div.slider-hero__img.slider-hero__img--vivere:before {
    background-image: linear-gradient(to bottom right, #075091, rgba(216, 216, 216, 0));
  }

  .slider-hero .slider-hero__slide div.slider-hero__img.slider-hero__img--innovation:before {
    background-image: linear-gradient(to bottom right, #233365, rgba(216, 216, 216, 0));
  }

  .slider-hero .slider-hero__slide div.slider-hero__img.slider-hero__img--growth:before {
    background-image: linear-gradient(to bottom right, #075091, rgba(216, 216, 216, 0));
  }

  .slider-hero .slider-hero__slide div.slider-hero__img.slider-hero__img--organisation:before {
    background-image: linear-gradient(to bottom right, #0069a7, rgba(216, 216, 216, 0));
  }

  .slider-hero .slider-hero__slide div.slider-hero__img.slider-hero__img--engagement:before {
    background-image: linear-gradient(to bottom right, #00aaff, rgba(216, 216, 216, 0));
  }

  .slider-hero .slider-hero__slide div.slider-hero__img.slider-hero__img--data:before {
    background-image: linear-gradient(to bottom right, #37b9c3, rgba(216, 216, 216, 0));
  }

  .slider-hero .slider-hero__slide,
.slider-hero .slider-hero__slide .slider-hero__img {
    border-radius: 20px;
  }

  .slider-hero .slider-hero__slide.slider-hero__slide--bg {
    height: 300px;
  }

  .slider-hero .slider-hero__slide div.slider-hero__img {
    background-position: 50% 0;
    /* focus immagine centrale */
  }

  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text {
    position: relative;
    height: 260px;
    transition: opacity 0 ease-in-out;
    margin-left: 0;
  }

  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text.slider-hero__text--hide {
    opacity: 1;
  }

  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__title {
    font-size: 20px;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .slider-hero .slider-hero__slide .slider-hero__wrapper-text .slider-hero__text .slider-hero__link {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 0;
  }

  .slider-hero .slick-dots {
    visibility: hidden;
    width: auto;
    left: 25px;
    right: 25px;
    bottom: 15px;
  }

  .slider-hero .slick-dots li:first-child {
    margin-left: 0;
  }

  .hero-megazine .slider-hero__img {
    box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.45);
  }

  /* category */
  .hero-megazine .hero-megazine__category {
    position: static;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    font-weight: normal;
    color: #000;
    background-color: transparent;
    padding-left: 15px;
    margin-left: 0;
  }

  .hero-megazine .hero-megazine__category:after {
    content: "";
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    z-index: 1;
    border-bottom: solid 1px #d5d5d5;
  }

  .slider-category {
    z-index: 2;
  }

  .slider-category .slider-category__slide {
    height: 48px;
  }

  .slider-category .slider-category__slide .slider-category__cat {
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    font-weight: normal;
    color: #000;
    padding-left: 13px;
    padding-right: 13px;
  }

  .slider-category .slider-category__slide .slider-category__cat .slider-category__link,
.slider-category .slider-category__slide .slider-category__cat .slider-category__link:hover,
.slider-category .slider-category__slide .slider-category__cat .slider-category__link:focus {
    color: #000;
    outline: none;
  }

  .slider-category .slider-category__slide .slider-category__cat .slider-category__link.slider-category__link--active {
    position: relative;
    font-weight: 600;
    color: #00aaff;
  }

  .slider-category .slider-category__slide .slider-category__cat .slider-category__link.slider-category__link--active:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 24px;
    height: 5px;
    background-color: #00aaff;
    border-radius: 5px;
  }

  .slider-hero .slick-dots li.slick-active button {
    margin-right: 0;
  }

  .slider-hero .slick-dots li .slick-dots-text {
    display: none;
  }
}
/* PORTRAIT TABLET */
@media (min-width: 768px) and (max-width: 991px) {
  /* slider */
  .slider-hero .slick-dots {
    width: 750px;
  }

  .slider-hero .slick-dots li:first-child {
    margin-left: 0;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .slider-category .slider-category__slide .slider-category__cat {
    padding: 0px 8px;
  }

  .magazine .wrapper-no-header__category div.text-center {
    width: 150px !important;
  }
}
/* BOX FORM */
.wrapper-grid .grid {
  float: right;
  width: calc(100% - 316px);
}

.wrapper-grid .left-col {
  width: 275px;
}

.wrapper-grid .left-col.sticky {
  position: fixed;
  top: 20px;
  left: auto;
  z-index: 2;
}

.magazine #left-col.sticky {
  position: fixed;
}

/* EXTRA-LARGE DESKTOP */
@media (min-width: 1400px) {
  .wrapper-grid .grid {
    width: calc(100% - 370px);
  }

  .wrapper-grid .left-col {
    width: 345px;
  }
}
/* TABLET */
@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper-grid .grid {
    width: calc(100% - 260px);
  }

  .wrapper-grid .left-col {
    width: 235px;
  }
}
/* SMARTPHONE */
@media (max-width: 991px) {
  .wrapper-grid .grid {
    float: none;
    width: auto;
  }

  .wrapper-grid .left-col {
    width: auto;
  }
}
/* RICERCA ARTICOLI */
.search-article {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.search-article .search-article__title {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.search-article .search-article__form {
  position: relative;
  border-bottom: solid 2px #e8e8e8;
  padding-left: 7px;
  padding-right: 40px;
}

.search-article .search-article__form .search-article__input {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #000000;
  background-color: transparent;
  border: 0;
}

.search-article .search-article__form .search-article__button {
  position: absolute;
  top: 9px;
  right: 8px;
  width: 24px;
  height: 24px;
  font-size: 23px;
  line-height: 1;
  color: #6e6e6e;
  background-color: transparent;
  border: 0;
}

/* EXTRA-LARGE DESKTOP */
/* TABLET */
/* SMARTPHONE */
.filter-category {
  padding-bottom: 30px;
}
.filter-category .filter-category__title {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.filter-category .filter-category__remove {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 3px;
  margin-bottom: 20px;
}
.filter-category .filter-category__remove .filter-category__link__plus-icon-before, .filter-category .filter-category__remove .filter-category__link__plus-icon-after {
  background-color: #ffffff !important;
  transform: rotate(45deg);
}
.filter-category .filter-category__add .filter-category__link {
  background-color: transparent;
  float: left;
}
.filter-category .filter-category__link {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #ffffff;
  background-color: #37b9c3;
  border: 2px solid #37b9c3;
  border-radius: 5px;
  padding: 3px 30px 3px 8px;
  margin-right: 20px;
  margin-bottom: 17px;
}
.filter-category .filter-category__link__plus-icon-before {
  content: "";
  position: absolute;
  top: 13px;
  right: 9px;
  width: 9px;
  height: 1px;
  background-color: #37b9c3;
}
.filter-category .filter-category__link__plus-icon-after {
  content: "";
  position: absolute;
  top: 9px;
  right: 13px;
  width: 1px;
  height: 9px;
  background-color: #37b9c3;
}

/* ARTICOLI IN GRIGLIA HOME */
.article-grid {
  position: relative;
  height: 320px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 25px;
}

.article-grid:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-image: linear-gradient(to bottom right, #2881b5, rgba(216, 216, 216, 0));
  border-radius: 10px;
}

.article-grid.article-grid--abitare:before {
  background-image: linear-gradient(to bottom right, #0069A7, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--horizontal.article-grid--abitare:before {
  background-image: linear-gradient(to right, #0069A7, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vertical.article-grid--abitare:before {
  background-image: linear-gradient(to bottom, #0069A7, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--innovare:before {
  background-image: linear-gradient(to bottom right, #37B9C3, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--horizontal.article-grid--innovare:before {
  background-image: linear-gradient(to right, #37B9C3, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vertical.article-grid--innovare:before {
  background-image: linear-gradient(to bottom, #37B9C3, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vivere:before {
  background-image: linear-gradient(to bottom right, #075091, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--horizontal.article-grid--vivere:before {
  background-image: linear-gradient(to right, #075091, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vertical.article-grid--vivere:before {
  background-image: linear-gradient(to bottom, #075091, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--innovation:before {
  background-image: linear-gradient(to bottom right, #233365, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--horizontal.article-grid--innovation:before {
  background-image: linear-gradient(to right, #233365, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vertical.article-grid--innovation:before {
  background-image: linear-gradient(to bottom, #233365, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--growth:before {
  background-image: linear-gradient(to bottom right, #075091, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--horizontal.article-grid--growth:before {
  background-image: linear-gradient(to right, #075091, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vertical.article-grid--growth:before {
  background-image: linear-gradient(to bottom, #075091, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--organisation:before {
  background-image: linear-gradient(to bottom right, #0069a7, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--horizontal.article-grid--organisation:before {
  background-image: linear-gradient(to right, #0069a7, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vertical.article-grid--organisation:before {
  background-image: linear-gradient(to bottom, #0069a7, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--engagement:before {
  background-image: linear-gradient(to bottom right, #00aaff, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--horizontal.article-grid--engagement:before {
  background-image: linear-gradient(to right, #00aaff, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vertical.article-grid--engagement:before {
  background-image: linear-gradient(to bottom, #00aaff, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--data:before {
  background-image: linear-gradient(to bottom right, #37b9c3, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--horizontal.article-grid--data:before {
  background-image: linear-gradient(to right, #37b9c3, rgba(216, 216, 216, 0));
}

.article-grid.article-grid--vertical.article-grid--data:before {
  background-image: linear-gradient(to bottom, #37b9c3, rgba(216, 216, 216, 0));
}

.article-grid .article-grid__img {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.article-grid .article-grid__text {
  position: relative;
  z-index: 0;
  max-width: 270px;
}

.article-grid .article-grid__category {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.article-grid .article-grid__title {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 0.6px;
  color: #ffffff;
  margin-bottom: 0;
}

.article-grid .article-grid__link {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 4;
  display: inline-block;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 60px;
}

.article-grid .article-grid__link:after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  height: 20px;
  font-family: "Font Awesome 5 Free";
  content: "\f30b";
  font-size: 21px;
  line-height: 1;
  color: #fff;
  font-weight: 900;
}

.article-grid .article-grid__link:hover,
.article-grid .article-grid__link:focus {
  color: #fff;
  outline: none;
}

/* variante altezza doppia */
.article-grid.article-grid--vertical {
  height: 665px;
}

.article-grid.article-grid--vertical .article-grid__text {
  max-width: none;
}

/* EXTRA-LARGE DESKTOP */
/* TABLET */
/* SMARTPHONE */
@media (max-width: 991px) {
  .article-grid {
    background-image: none !important;
    padding: 0;
  }

  .article-grid:before {
    z-index: 3;
  }

  .article-grid .article-grid__text {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    max-width: none;
    z-index: 4;
  }

  /* variante altezza doppia */
  .article-grid.article-grid--vertical {
    height: 320px;
  }

  .article-grid.article-grid--abitare:before,
.article-grid.article-grid--horizontal.article-grid--abitare:before,
.article-grid.article-grid--vertical.article-grid--abitare:before {
    background-image: linear-gradient(to bottom right, #0069A7, rgba(216, 216, 216, 0));
  }

  .article-grid.article-grid--innovare:before,
.article-grid.article-grid--horizontal.article-grid--innovare:before,
.article-grid.article-grid--vertical.article-grid--innovare:before {
    background-image: linear-gradient(to bottom right, #37B9C3, rgba(216, 216, 216, 0));
  }

  .article-grid.article-grid--vivere:before,
.article-grid.article-grid--horizontal.article-grid--vivere:before,
.article-grid.article-grid--vertical.article-grid--vivere:before {
    background-image: linear-gradient(to bottom right, #075091, rgba(216, 216, 216, 0));
  }

  .article-grid.article-grid--innovation:before,
.article-grid.article-grid--horizontal.article-grid--innovation:before,
.article-grid.article-grid--vertical.article-grid--innovation:before {
    background-image: linear-gradient(to bottom right, #233365, rgba(216, 216, 216, 0));
  }

  .article-grid.article-grid--growth:before,
.article-grid.article-grid--horizontal.article-grid--growth:before,
.article-grid.article-grid--vertical.article-grid--growth:before {
    background-image: linear-gradient(to bottom right, #075091, rgba(216, 216, 216, 0));
  }

  .article-grid.article-grid--organisation:before,
.article-grid.article-grid--horizontal.article-grid--organisation:before,
.article-grid.article-grid--vertical.article-grid--organisation:before {
    background-image: linear-gradient(to bottom right, #0069a7, rgba(216, 216, 216, 0));
  }

  .article-grid.article-grid--engagement:before,
.article-grid.article-grid--horizontal.article-grid--engagement:before,
.article-grid.article-grid--vertical.article-grid--engagement:before {
    background-image: linear-gradient(to bottom right, #00aaff, rgba(216, 216, 216, 0));
  }

  .article-grid.article-grid--data:before,
.article-grid.article-grid--horizontal.article-grid--data:before,
.article-grid.article-grid--vertical.article-grid--data:before {
    background-image: linear-gradient(to bottom right, #37b9c3, rgba(216, 216, 216, 0));
  }
}
/* Bar category fixed on scroll */
.no-header.fixed {
  z-index: 5;
  position: fixed;
  top: 104px;
  background-color: #fafafa;
  width: 1050px;
}

@media (min-width: 769px) and (max-width: 992px) {
  .magazine #slider-category.no-header.fixed {
    top: 0px;
  }
}
/* WWPL-2327 */
.backhome__link {
  display: inline-block;
  height: 40px;
  font-weight: 600;
  line-height: 36px;
  color: #0af;
  border: solid 2px #0af;
  border-radius: 20px;
  padding-left: 60px;
  padding-right: 20px;
  cursor: pointer;
}

.backhome__link:after {
  position: relative;
  top: 8%;
  right: 105px;
  transform: translateY(-50%);
  height: 20px;
  font-family: "Font Awesome 5 Free";
  content: "\f30a";
  font-size: 21px;
  line-height: 1;
  color: #0af;
  font-weight: 900;
}

@media (min-width: 991px) and (max-width: 1200px) {
  .magazine .backhome__link {
    padding-left: 50px;
    padding-right: 0px;
  }
}
.magazine-search-portlet {
  /* add */
  /* remove */
}
.magazine-search-portlet .grid {
  min-height: 355px;
}
.magazine-search-portlet fieldset .search-article__form {
  padding-left: 0;
  padding-right: 0;
  height: 35px;
  border-bottom: solid 2px #e8e8e8;
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .magazine-search-portlet .grid {
    min-height: 450px;
  }
}
.magazine-search-portlet .search-article form {
  padding: 0 0 0 0;
}
.magazine-search-portlet .searchIconWrapper {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 25px;
}
.magazine-search-portlet .searchIcon {
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 25px;
  cursor: pointer;
}
.magazine-search-portlet .wrapper-class {
  padding: 0 0 0 0 !important;
}
.magazine-search-portlet .btn-pagination a.btn-pagination__link:hover {
  color: white;
}
.magazine-search-portlet .box-form.box-form--letter .box-form__wrapper {
  position: relative;
  width: 95%;
  height: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-top: 180px;
  margin-left: 10px;
}
.magazine-search-portlet .box-form.box-form--letter button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -99999em;
  background-image: url(../images/ico-button-submit.png);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
.magazine-search-portlet .box-form.box-form--letter input {
  display: block;
  max-width: 100%;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #000000;
  border: none;
  background-color: white;
  border-radius: 20px;
  margin-left: 10px;
}
.magazine-search-portlet .box-form.box-form--letter input::placeholder {
  color: #a9a9a9;
  opacity: 1;
}
.magazine-search-portlet .col-md-12 div.left-col {
  float: left;
}
.magazine-search-portlet .left-col div.search-article {
  padding-bottom: 0px;
}
.magazine-search-portlet .left-col div.filter-category {
  padding-bottom: 0px;
}
.magazine-search-portlet .fieldset input.search-article__input {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  background-color: transparent;
  color: #000;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding-right: 40px;
}
.magazine-search-portlet .fieldset input.search-article__input:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.magazine-search-portlet .search-article form > fieldset > fieldset.search-article__form {
  border-bottom: none;
}
.magazine-search-portlet .search-article fieldset > .search-article__button {
  position: relative;
  top: 2px;
  right: 38px;
  width: 24px;
  height: 24px;
  font-size: 23px;
  line-height: 1;
  color: #6e6e6e;
  background-color: transparent;
  border: 0;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #ffffff;
  background-color: #37b9c3;
  border: solid 2px #37b9c3;
  border-radius: 5px;
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 30px;
  padding-bottom: 3px;
  margin-right: 20px;
  margin-bottom: 17px;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link:before {
  content: "";
  position: absolute;
  top: 13px;
  right: 9px;
  width: 9px;
  height: 1px;
  background-color: #37b9c3;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link:after {
  content: "";
  position: absolute;
  top: 9px;
  right: 13px;
  width: 1px;
  height: 9px;
  background-color: #37b9c3;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link {
  background-color: transparent;
}
.magazine-search-portlet .search-layout div.filter-category__add .filter-category__link.filter-category__link--abitare {
  border-color: #0069A7;
  color: #0069A7;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--abitare:before,
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--abitare:after {
  background-color: #0069A7;
}
.magazine-search-portlet .search-layout div.filter-category__add .filter-category__link.filter-category__link--innovare {
  border-color: #37B9C3;
  color: #37B9C3;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--innovare:before,
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--innovare:after {
  background-color: #37B9C3;
}
.magazine-search-portlet .search-layout div.filter-category__add .filter-category__link.filter-category__link--vivere {
  border-color: #075091;
  color: #075091;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--vivere:before,
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--vivere:after {
  background-color: #075091;
}
.magazine-search-portlet .search-layout div.filter-category__add .filter-category__link.filter-category__link--innovation {
  border-color: #233365;
  color: #233365;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--innovation:before,
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--innovation:after {
  background-color: #233365;
}
.magazine-search-portlet .search-layout div.filter-category__add .filter-category__link.filter-category__link--growth {
  border-color: #075091;
  color: #075091;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--growth:before,
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--growth:after {
  background-color: #075091;
}
.magazine-search-portlet .search-layout div.filter-category__add .filter-category__link.filter-category__link--organisation {
  border-color: #0069a7;
  color: #0069a7;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--organisation:before,
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--organisation:after {
  background-color: #0069a7;
}
.magazine-search-portlet .search-layout div.filter-category__add .filter-category__link.filter-category__link--engagement {
  border-color: #00aaff;
  color: #00aaff;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--engagement:before,
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--engagement:after {
  background-color: #00aaff;
}
.magazine-search-portlet .search-layout div.filter-category__add .filter-category__link.filter-category__link--data {
  border-color: #37b9c3;
  color: #37b9c3;
}
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--data:before,
.magazine-search-portlet .search-layout div.filter-category__add ul > li > a.filter-category__link.filter-category__link--data:after {
  background-color: #37b9c3;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--abitare {
  background-color: #0069A7;
  color: #ffffff;
  text-transform: capitalize;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--innovare {
  background-color: #37B9C3;
  color: #ffffff;
  text-transform: capitalize;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--vivere {
  background-color: #075091;
  color: #ffffff;
  text-transform: capitalize;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--innovation {
  background-color: #233365;
  color: #ffffff;
  text-transform: capitalize;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--growth {
  background-color: #075091;
  color: #ffffff;
  text-transform: capitalize;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--organisation {
  background-color: #0069a7;
  color: #ffffff;
  text-transform: capitalize;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--engagement {
  background-color: #00aaff;
  color: #ffffff;
  text-transform: capitalize;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--data {
  background-color: #37b9c3;
  color: #ffffff;
  text-transform: capitalize;
}
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--data:before,
.magazine-search-portlet .filter-category .filter-category__remove span > a.filter-category__link.filter-category__link--data:after {
  transform: rotate(45deg);
}
.magazine-search-portlet .entry-tags {
  margin: 3px 0 0;
}
.magazine-search-portlet li.facet-value.default, .magazine-search-portlet .search-facet.search-none {
  display: none;
}
.magazine-search-portlet li.facet-value.active {
  display: none !important;
}
.magazine-search-portlet .menu-column .search-layout-content {
  padding-left: 24em;
}
.magazine-search-portlet .menu-column .search-layout-content .menu {
  margin-left: -24em;
  position: relative;
  width: 24em;
}
.magazine-search-portlet .menu-column .search-layout-content .result {
  display: inline-block;
  float: none;
  width: 100%;
}
.magazine-search-portlet .more-results {
  font-size: 1.1em;
  padding: 5px 0;
}
.magazine-search-portlet .no-results {
  font-size: 1.3em;
  margin: 10px 0 0;
}
.magazine-search-portlet .open-search-panel {
  margin-top: 1em;
}
.magazine-search-portlet .search-layout .lfr-panel-container {
  border-width: 0;
}
.magazine-search-portlet .search-layout .search-facet {
  /* border-top: 1px solid #CCC; */
  padding: 8px 0;
}
.magazine-search-portlet .search-layout .search-facet .field-wrapper-content {
  margin: 0 0 1em;
}
.magazine-search-portlet .search-layout .search-facet .facet-value.active .frequency {
  display: inline;
}
.magazine-search-portlet .search-layout .search-facet .date .calendar {
  margin: 0 auto;
}
.magazine-search-portlet .search-layout .search-facet .keywords {
  margin-top: 6px;
  width: 18em;
}
.magazine-search-portlet .search-layout .search-facet .modified-custom-range {
  padding-left: 10px;
}
.magazine-search-portlet .search-layout .search-facet .modified-custom-range .field-content {
  margin: 5px 0;
}
.magazine-search-portlet .search-layout .search-facet .modified-custom-range .button {
  margin-right: 5px;
}
.magazine-search-portlet .search-layout .search-facet ul {
  margin-left: -12px;
}
.magazine-search-portlet .search-layout .search-facet.search-asset-tags .lfr-panel-content ul {
  padding: 0;
}
.magazine-search-portlet .search-layout .search-facet.search-asset-vocabulary li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.magazine-search-portlet .search-layout .search-facet.search-asset-vocabulary ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-content {
  margin-top: 0.8em;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-categories, .magazine-search-portlet .search-layout .result .asset-entry .asset-entry-tags {
  float: left;
  margin-bottom: 0.5em;
  padding-right: 6px;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-fields {
  table-layout: fixed;
  width: 100%;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-fields th {
  background-color: #CCC;
  padding: 2px;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-fields th.key {
  width: 240px;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-fields td {
  border-bottom: 1px solid #CCC;
  padding: 2px;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-fields td.value .container {
  max-height: 100px;
  overflow: auto;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-fields td.value .container code {
  word-wrap: break-word;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-summary {
  display: block;
  margin-bottom: 1em;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-title {
  color: #5B677D;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-title a {
  text-decoration: none;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-title a img {
  position: relative;
  top: 0.1em;
}
.magazine-search-portlet .search-layout .result .asset-entry .asset-entry-type {
  float: right;
  font-size: 0.8em;
  color: #777;
}
.magazine-search-portlet .search-layout .result .asset-entry .toggle-details {
  cursor: pointer;
  float: left;
  font-family: monospace;
  font-weight: bold;
}
.magazine-search-portlet .search-layout .result .full-query {
  border: 1px solid #CCC;
  table-layout: fixed;
  width: 100%;
}
.magazine-search-portlet .search-layout .result .full-query .container {
  max-height: 100px;
  overflow: auto;
}
.magazine-search-portlet .search-layout .result .full-query .container code {
  word-wrap: break-word;
}
.magazine-search-portlet .search-msg {
  /* border-bottom: 1px solid #DEDEDE; */
  color: #777;
  margin: 15px 0;
  padding: 2px 5px;
  text-align: right;
}
.magazine-search-portlet .search-paginator-container {
  padding: 5px 0;
}
.magazine-search-portlet .search-suggested-spelling {
  margin: 0;
}
.magazine-search-portlet .search-suggested-spelling .suggested-keywords a {
  font-size: 1.3em;
}
.magazine-search-portlet .search-suggested-spelling .changed-keyword {
  font-weight: bold;
  font-style: italic;
}
.magazine-search-portlet .section-title {
  font-size: 1.3em;
  font-weight: bold;
  margin: 10px 0;
}
.magazine-search-portlet .taglib-asset-categories-summary .asset-vocabulary {
  background: url(/o/engieb2cit-theme/images/common/folder.png) no-repeat 0 50%;
  padding: 2px 5px 2px 20px;
}

.magazine-search-portlet.portlet-configuration .fieldset-content {
  padding-top: 0.5em;
}
.magazine-search-portlet.portlet-configuration .options-container {
  margin-left: 1.8em;
}
.magazine-search-portlet.portlet-configuration .search-configuration-text {
  height: 15em;
  width: 100%;
}

.ie .magazine-search-portlet .full-query .container, .ie .magazine-search-portlet .result td.value .container {
  height: expression(this.scrollHeight > 100 ? "100px" : "auto");
}

.magazine .show-more-btn {
  background: #303C5D;
  color: white;
  padding: 4px 30px;
  font-size: 14px;
  border-radius: 20px;
  font-weight: 800;
}
.magazine .magazine-search-bar h2 {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #000;
  text-transform: uppercase;
}
.magazine .magazine-search-bar .search-bar-keywords-input {
  border-top-width: 0.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-radius: 0;
  margin: 0;
}
.magazine .magazine-search-bar .search-bar-search-button-wrapper {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
}
.magazine .magazine-search-bar.portlet-borderless .portlet-content {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 30px;
}
.magazine .magazine-search-bar form {
  margin-bottom: 0;
}
.magazine .magazine-search-bar .btn:hover {
  color: #000;
}
.magazine .magazine-facet-tag div.search-facet {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  padding-top: 10px;
}
.magazine .magazine-facet-tag div.h4.panel-title {
  display: none;
}
.magazine .magazine-facet-tag div li {
  float: left;
}
.magazine .magazine-facet-tag div input.facet-term {
  display: none;
  margin: 2px;
}
.magazine .magazine-facet-tag div span.term-name {
  color: #0af;
  display: inline-block;
  position: relative;
  font-size: 13px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  border: solid 2px #0af;
  border-radius: 5px;
  padding: 5px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.magazine .magazine-facet-tag div span.term-name::after {
  content: "\f067";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  padding-left: 2px;
}

html,
body {
  overflow-x: hidden;
}

body {
  color: #000 !important;
  margin: 0;
  font-weight: 600;
  background: #ededed;
  line-height: 24px !important;
  font-size: 16px !important;
}

/*h1 {
	line-height: 50px;
}

h3 {
	line-height: 30px;
}

h5 {
	line-height: 25px;
}*/
.progress-bars {
  width: 100%;
  background: #ccc;
  height: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.circle-progress {
  width: 54px;
  height: 54px;
  background: #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.progress-txt {
  position: absolute;
  font-size: 10px;
  bottom: -54px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.progress-bars .col-sm-1 {
  width: 100%;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.progress-area .col-sm-1:not(:first-child),
.progress-bars .col-sm-1:not(:first-child) {
  margin-left: -10px;
}

.col-sm-5of12 {
  display: inline-block;
  width: 19.333%;
}

.col-20perc {
  display: inline-block;
  width: 20%;
}

/*
ul, li {
  list-style-type: none;
  display: inline-block; 
}
*/
ol, ul {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul.list, ul.list li {
  list-style-type: none !important;
  display: inline-block !important;
  margin: 15px 0 !important;
}

ul.list li:before {
  content: "\f111" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-decoration: inherit !important;
  padding-right: 10px !important;
}

.sub-li {
  padding-left: 30px !important;
}

.slide-text h1.news,
.slide-desc h1.news {
  font-size: 50px;
  line-height: 60px;
}

.slide-text p.medium,
.slide-desc p {
  font-size: 25px;
  line-height: 35px;
  margin-top: 20px;
}

.slide-text .link-slide {
  color: #fff !important;
  margin-top: 20px;
  font-size: 16px;
}

.normal {
  line-height: 26px;
}

.article-title {
  font-size: 50px !important;
}

.service-menu {
  /*margin-top: 31px;*/
  margin-right: 25px;
  font-size: 12px;
}

.search-menu {
  /*margin-top: 31px;*/
  margin-right: 25px;
  font-size: 12px;
}

.search:after {
  content: "\f002";
}

.header-elements {
  max-width: 1440px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.header-logo-menu {
  position: fixed;
  height: 86px;
  z-index: 5;
  max-width: 1440px;
  width: 100%;
  overflow: hidden;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.header-logo-menu.scroll {
  height: 60px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#header-menu.scroll,
#header-menu-bg.scroll {
  /*background: rgba(0, 0, 0, 1);
     opacity: 0.5;
     filter: alpha(opacity=50);*/
  background: #fff !important;
  border-bottom: solid 1px #efefef;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#header-menu.scroll .white,
#header-menu-bg.scroll .white {
  color: #777 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.scroll-video {
  background-color: #fff !important;
  z-index: 4 !important;
}

#header-menu.scroll-video .white,
#header-menu-bg.scroll-video .white {
  color: #777 !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -webkit-transition: 0.3s !important;
}

/*#header-menu.scroll:hover {
	background: rgba(0, 0, 0, 1);
    opacity: 0.8;
    filter: alpha(opacity=80);
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}*/
/*.header-logo {
    width: 120px;
    height: 44px;
    display: inline-block;
    margin-left: 50px;
    /*margin-top: 25px;* /
    background-image: url("../img/header-logo-new.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: scroll;
}*/
.scroll-video .header-logo {
  background-image: url("../img/header-logo-blu.png") !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.full-enti .header-elements,
.full-enti .header-logo-menu {
  max-width: 1440px;
  margin: 0 auto;
}

.full-enti .slide-content .item {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 50px;
}

.full-enti .header-logo {
  margin-left: 25px;
}

.full-enti .menu {
  margin-right: 25px;
}

.full-enti .swiper-container-vertical > .swiper-pagination-bullets {
  right: 8% !important;
}

.item-menu-space {
  padding: 0 5px;
}

.header-logo h1 {
  display: none;
}

.text-logo {
  padding: 0 0 0 45px;
  margin: 0;
  font-size: 20px;
  line-height: 18px;
}

.news.text-normal.desktop {
  font-size: 23px;
  line-height: 25px;
  display: flex;
  align-items: center;
}

.menu-green {
  color: #fff;
}

.menu-green a {
  font-size: 16px;
}

.menu-green a.engieper {
  font-size: 18px;
  padding-left: 25px;
}

.menu {
  position: relative !important;
  display: inline-block;
  margin-right: 50px;
  /*margin-top: 25px;*/
  border: solid 1px;
  padding: 5px 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 12px;
}

.menu:after {
  content: "\f0c9";
  padding-left: 10px;
}

.cursor {
  cursor: pointer;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.circle-progress.disabled {
  background: #dbdbdb !important;
}

.bg-white {
  background: #fff !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-orange {
  background: #fd6e1f;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-red {
  background: #e2001a !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-black {
  background: #000 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-blu {
  background: #1db0e9 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-blu-fb {
  background: #3b5998 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-blu-trasp {
  background: rgba(5, 69, 93, 0.7);
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-green-light {
  background: #66b10c;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-light-blu {
  background-color: #00aaff !important;
}

.bg-green {
  background: #008834 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-green-day {
  background: #68af23 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-green-hard {
  background: #008738 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-blu-light {
  background: #73c7eb !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-blu-med {
  background: #25a2d5 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-gray-nest {
  background: #868e93 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-blu-hard {
  background: #1d67a0 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-cream {
  background: #fcf6e9 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-yellow {
  background: #ffc300 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.azzurro {
  color: #01afec;
}

.green-day {
  color: #68af23 !important;
}

.gray-text {
  color: #666666 !important;
}

.green-light {
  color: #bccf54;
}

.green-med {
  color: #bbcc5b;
}

.red {
  color: #e2001a !important;
}

.light-blu {
  color: #00aaff;
}

.blu-light {
  color: #73c7eb;
}

.home-menu,
.engie-menu,
.home-menu-level,
.engie-menu-level {
  background: #75c7e9;
  cursor: pointer !important;
}

.bg-green-med .home-menu,
.bg-green-med .engie-menu,
.bg-green-med .home-menu-level,
.bg-green-med .engie-menu-level {
  background: #bbcc5b;
  cursor: pointer !important;
}

.home-menu.active,
.engie-menu.active,
.home-menu-level.active,
.engie-menu-level.active {
  background: transparent;
}

.font-awesome {
  font-family: "Font Awesome 5 Free" !important;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.debug {
  border: dashed 1px #ff0000;
}

.wrap {
  max-width: 1440px;
  width: 100%;
  position: relative;
  margin: 0 auto !important;
}

.wrap1440 {
  max-width: 1440px !important;
}

.relative {
  position: relative;
}

a:link,
a:hover,
a:visited {
  text-decoration: none !important;
  color: inherit;
}

.inline-block {
  display: inline-block;
  vertical-align: top;
}

.slider {
  vertical-align: top;
  padding: 0;
  width: auto;
}

.slider.video {
  margin-top: 130px !important;
}

.slider.tool-slide {
  height: 810px;
}

.h-area {
  height: 400px;
}

.slider .inner-text {
  padding: 0;
  text-align: left;
}

.slide-content {
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-attachment: scroll;
  background-size: cover;
}

.background-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-attachment: scroll;
  background-size: cover;
}

.background-image {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-attachment: scroll;
  background-size: cover;
}

.background-ico {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 60px 60px;
  padding-left: 70px;
  padding-top: 1;
  height: 70px;
}

.background-image-right {
  /*background-color: transparent;*/
  background-repeat: no-repeat !important;
  background-position: top right !important;
  background-attachment: scroll !important;
  background-size: contain !important;
}

.thumb-ghost {
  opacity: 0;
}

.padding-content {
  padding: 0 50px !important;
}

.padding-content-ico {
  padding: 0 70px;
}

.padding-content-box {
  padding: 25px 50px !important;
}

.padding-content-text {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.padding-content-half {
  padding: 0 25px;
}

.padding-total {
  padding: 25px !important;
}

.margin-total {
  margin: 25px;
}

.padding-left-soft {
  padding-left: 10px;
}

.padding-right-soft {
  padding-right: 10px;
}

.padding-right-hard {
  padding-right: 20px;
}

.padding-top-soft {
  padding-top: 10px;
}

.padding-u {
  padding: 25px 0 0 0;
}

.padding-b {
  padding: 0 0 25px 0;
}

.padding-ud {
  padding: 25px 0;
}

.margin-box-btn,
.margin-box-content {
  margin: 40px 0;
}

.swiper-container {
  width: 100%;
  height: 100%;
  max-height: 600px;
}

.swiper-container.video {
  max-height: auto;
}

.swiper-container-area {
  width: 100%;
  height: 100%;
  max-height: 400px;
}

.swiper-container-tool {
  width: 100%;
  height: 100%;
  max-height: 810px;
}

.swiper-container-news {
  width: 100%;
  height: 350px;
  margin: 20px auto;
  background-color: rgba(192, 192, 192, 0);
}

.swiper-slide {
  text-align: center !important;
  font-size: 18px !important;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-container-news .swiper-slide {
  width: 100%;
  text-align: left;
}

.slide-fixed {
  position: absolute;
  right: 239px;
  width: 476px;
  height: 350px;
  z-index: 2;
}

.swiper-container.free {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.swiper-container.free .swiper-wrapper {
  width: auto;
}

.swiper-container.free .swiper-slide {
  text-align: initial !important;
  font-size: initial !important;
  display: inline-block;
  height: auto;
}

#news-slider .swiper-pagination-news {
  position: relative;
  margin-top: 20px;
  z-index: 1;
}

#news-slider .swiper-pagination-bullet {
  margin: 0 5px;
}

#news-slider .swiper-pagination-bullet-active {
  background: #bccf54;
  opacity: 1;
  filter: alpha(opacity=100);
}

.bg-swiper {
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-attachment: scroll !important;
  background-size: cover !important;
}

.swiper-slide .full-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(192, 192, 192, 0.9);
  z-index: 1;
  position: absolute;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  right: 0px;
}

.swiper-slide-active .full-overlay,
.swiper-slide-prev:nth-child(1n) .full-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(192, 192, 192, 0);
  z-index: -1;
  position: absolute;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.full-w {
  width: 100%;
  height: auto;
}

.full-h {
  height: 100%;
}

.half-w {
  width: 50%;
}

.w25 {
  width: 25%;
}

.w75 {
  width: 75%;
}

.upper {
  text-transform: uppercase;
}

.normalize {
  text-transform: none;
}

.white {
  color: #fff !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.black {
  color: #000 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.blu {
  color: #1db0e9 !important;
}

.celestino {
  color: #2edff6;
}

.blu-fb {
  color: #3b5998;
}

.blu-med {
  color: #25a2d5 !important;
}

.orange {
  color: #fd6e1f;
}

.green {
  color: #93a142 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.green-hard {
  color: #008738;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.yellow {
  color: #ffc300 !important;
}

.large-text {
  font-size: 22px !important;
}

.extrasmall-text {
  font-size: 12px !important;
}

.mini-text {
  font-size: 14px !important;
}

.medium-text {
  font-size: 18px !important;
}

.small-text {
  font-size: 16px !important;
}

.xtra-large-text-title {
  font-size: 46px !important;
  line-height: 54px !important;
}

.very-big {
  font-size: 80px !important;
}

.ultra-big {
  font-size: 120px;
}

.large-text-title {
  font-size: 26px !important;
  line-height: 34px !important;
}

/*.co2-mobile {
	display: none;
}*/
.co2-mobile img {
  width: 50px;
  height: auto;
}

/*.co2 {
	background-image: url("../img/co2.png");
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: top 50% right 20px;
    background-attachment: scroll;
    background-size: 80px 61px;
    padding: 20px 50px 20px 0;
}*/
.menu-green {
  margin-top: -35px;
  left: 0;
  z-index: 2;
  /*font-size: 16px;*/
  position: absolute;
  width: 100%;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.menu-green a:hover,
.menu-green a:visited {
  color: #fff;
}

.bg-green-chiaro {
  background: #20b25f;
}

.button-green {
  background: #1da055;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.button-green:hover {
  background: #20b25f;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.no-underline {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.margin-right {
  margin-right: 20px;
}

.no-link {
  pointer-events: none;
  cursor: default;
}

.slide-text {
  bottom: 20%;
  width: 50%;
  position: absolute;
  z-index: 1;
}

.slide-text.tool-text {
  bottom: initial;
  width: 100%;
  position: relative;
  z-index: 1;
}

.slide-contenuto {
  position: relative;
  z-index: 2;
}

.slide-contenuto .post-text-slide-color {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 20px !important;
}

.slide-contenuto .post-title-slide-color-full {
  padding: 0 !important;
  font-size: 42px;
  line-height: 40px;
}

.post-title-slide-color-full img {
  max-height: 40px !important;
}

.post-title-slide-color-full .flex-stretch {
  justify-content: flex-start;
}

.full-enti .slide-text {
  bottom: 10%;
  width: 100%;
}

.slide-text h1 {
  font-size: 50px;
}

.bar {
  width: 100px !important;
  height: 10px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  margin-bottom: 40px !important;
  float: none !important;
}

.bar.bg-white {
  background: #fff;
}

.post-title {
  margin-bottom: 30px !important;
}

.flex-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.align-self-btm-left {
  align-self: flex-end;
}

.align-self-top-right {
  align-self: flex-start;
}

.aligner-item--bottom {
  align-self: flex-end;
}

.align-center {
  text-align: center;
}

.padding-right-100 {
  padding-right: 100px;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.thumb {
  max-width: 650px;
  width: 100%;
  height: auto;
}

.thumb-full {
  width: 100%;
  height: auto;
}

.thumb-25th {
  width: 25%;
  height: auto;
}

.thumb-ico {
  height: 20px;
  width: auto;
}

.thumb-ico-content {
  height: 50px;
  width: auto;
}

.thumb-full-h {
  height: 100%;
  width: auto;
}

.thumb-7th {
  width: 70%;
  height: auto;
}

.thumb-8th {
  width: 80%;
  height: auto;
}

.padding-thumb {
  padding-right: 30px;
}

.padding-section {
  padding-top: 40px;
}

.margin-section {
  margin: 40px;
}

.margin-section-gray {
  margin: 20px auto 0 auto;
}

.margin-section-center {
  margin: 20px auto;
}

.margin-section-center_x2 {
  margin: 40px auto;
}

.margin-section-gray_x2 {
  margin: 40px auto 0 auto;
}

.margin-section-gray_x3 {
  margin: 60px auto 0 auto;
}

.more {
  margin-top: 30px;
}

.border {
  border: solid 1px #000;
}

.border-right {
  border-right: solid 1px #000;
}

.border-bottom {
  border-bottom: solid 1px #000;
}

.table {
  margin-top: 10px;
}

.table .cell {
  padding: 10px !important;
}

.border-right-col {
  border-right: solid 1px #bdbdbd;
}

.border-section-white {
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

.border-total-white {
  border-top: solid 5px #fff;
  border-bottom: solid 5px #fff;
  border-left: solid 5px #fff;
  border-right: solid 5px #fff;
}

.border-div-white {
  border-left: solid 5px #fff;
  border-right: solid 5px #fff;
}

.border-div-right-white {
  border-right: solid 5px #fff;
}

.border-div-left-white {
  border-left: solid 5px #fff;
}

.btn {
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.btn:hover {
  color: #fff;
}

.btn-more {
  border: solid 2px;
  padding: 5px 20px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.btn-classic {
  border: solid 2px;
  padding: 5px 20px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.btn-more.mini {
  margin-left: 20px;
}

.btn-more.small {
  margin-left: 20px;
  padding: 1px 12px 0 12px;
}

.btn-more.small.flip {
  margin-right: 20px;
  margin-left: 0;
  padding: 1px 12px 0 12px;
}

.btn-more.head-small {
  margin-left: 10px;
  padding: 1px 12px 0 12px;
}

.btn-more.half {
  padding: 1px 12px 0 12px;
}

.btn-more.download {
  padding: 14px 8px;
}

.no-border {
  border: none !important;
}

.more-link {
  margin-right: 10px;
  margin-top: 8px;
}

.btn-arrow-right:after {
  content: "\f30b";
  font-size: 20px;
}

.btn-more:after {
  content: "\f30b";
  font-weight: 900;
  font-size: 20px;
}

.btn-more.up:after {
  content: "\f176";
  padding: 14px 8px;
  font-size: 20px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.btn-more.flip:after {
  content: "\f177";
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.btn-more.down:after {
  content: "\f175";
  padding: 14px 8px;
  font-size: 20px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.no-padding {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

.no-margin {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

.padding-post {
  padding: 50px !important;
}

.padding-article {
  padding: 40px 50px 0 50px !important;
}

footer {
  font-size: 14px !important;
  line-height: 18px !important;
}

#footer-social {
  text-align: center;
}
@media (min-width: 576px) {
  #footer-social {
    text-align: right;
  }
}

footer .footer-links p,
footer .footer-links a,
footer #footer-engie p,
footer #footer-social {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

footer a:link,
footer a:hover,
footer a:visited {
  color: #000;
}

footer a:hover {
  text-decoration: underline;
}

/*
ul, li {
  list-style-type: disc; }

ul {
  display: block; }

li {
  display: list-item;
}
*/
ul.nav-social,
ul.nav-social li,
ul.flex-direction-nav li {
  list-style-type: none !important;
  display: inline-block !important;
}

.nav-social li div {
  border: solid 2px #afafaf;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

footer .nav-social li div {
  width: 45px;
  height: 45px;
  margin: 1px;
}

.nav-social li div a {
  color: #afafaf;
  font-size: 16px;
}

.footer-copyright {
  color: #4c4c4c;
  font-size: 11px;
  text-align: center;
  margin-bottom: 20px;
}

.bar-gray {
  height: 2px;
  width: 96%;
  margin: 0 auto 15px auto;
  background: #f2f2f2;
}

.padding-footer {
  padding: 60px 0;
}

.padding-box {
  padding: 30px;
}

.padding-box-half {
  padding: 15px 30px;
}

.discover {
  min-height: 550px;
}

.background-height-min {
  min-height: 350px !important;
}

.circle {
  width: 200px;
  height: 200px;
  padding: 30px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.circle-mini {
  width: 70px;
  height: 70px;
  padding: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.circle-ico {
  width: 30px;
  height: 30px;
  padding: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.circle-big {
  width: 200px;
  height: 200px;
  padding: 30px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.social-circle .circle {
  width: 180px;
  height: 180px;
}

.margin-mobile {
  margin: 40px 0;
}

.margin-image {
  margin: 0 5px;
}

.content-feed {
  font-size: 13px;
  border-bottom: solid 1px #f2f2f2;
  margin-bottom: 20px;
}

.refresh {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.more-download {
  padding: 20px 10px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.ico-link {
  margin: 0 0 20px 20px;
  font-size: 20px;
}

.refresh:after {
  content: "\f021";
}

.star:after {
  content: "\f005";
}

.share:after {
  content: "\f064";
}

.thumb-social img {
  width: 100%;
  height: auto;
}

.border-white {
  border: solid 1px #fff;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.border-blu {
  border: solid 1px #25a2d5;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.border-2x {
  border: solid 2px;
}

.circle {
  font-size: 30px;
}

.social-circle {
  margin-top: 50px;
  cursor: pointer;
}

.hover-blu.active .border-white,
.hover-blu:hover .border-white {
  border: solid 1px #25a2d5;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.hover-blu.active .white,
.hover-blu:hover .white {
  color: #25a2d5;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.hover-white.active .border-blu,
.hover-white:hover .border-blu {
  border: solid 1px #fff;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.hover-white.active .blu-med,
.hover-white:hover .blu-med {
  color: #fff;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.nav-menu {
  width: 400px;
  margin-right: -400px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background: #25a2d5;
  z-index: 9;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.sub-level:after {
  content: "\f30b";
  font-size: 20px;
  padding-left: 10px;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.back-level:before {
  content: "\f177";
  font-size: 20px;
  padding-right: 10px;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.nav-menu a:link,
.nav-menu a:visited {
  color: #fff;
}

.padding-menu {
  padding: 40px;
}

.padding-menu-btn {
  padding: 20px 40px;
}

.padding-menu-contatti {
  padding: 0 40px 20px 40px;
}

.close-menu img {
  width: auto;
  height: 25px;
}

.close img {
  width: auto;
  height: 30px;
}

.social-nav-menu ul {
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-margin-start: 0 !important;
  -webkit-margin-end: 0 !important;
  -webkit-padding-start: 0 !important;
}

ul.menu,
ul.menu li {
  width: 100%;
  list-style-type: none;
  border: none;
}

ul.menu li {
  display: block;
  font-size: 18px;
  border-bottom: solid 1px #26c8f0;
  margin: 20px 0;
  padding-bottom: 5px;
}

.bg-green-med ul.menu li {
  border-bottom: solid 1px #b4bd56;
}

ul.menu:after,
ul.menu:before,
ul.menu li:after,
ul.menu li:before {
  content: "";
}

ul.menu {
  display: none;
}

ul.menu.active {
  display: block;
}

ul.menu-contatti {
  display: block !important;
}

.title-submenu {
  font-size: 22px;
  line-height: 24px;
  padding-bottom: 10px;
}

.footer-nav-menu {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.footer-nav-menu .nav-social li div {
  border: solid 2px #fff;
  margin: 0 3px;
}

.main-menu div {
  padding: 30px 0 !important;
}

.home-ico:after {
  content: "\f015";
  font-size: 40px;
}

.full-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(192, 192, 192, 0);
  z-index: 0;
  position: fixed;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.full-overlay.active {
  background-color: rgba(192, 192, 192, 0.8);
  z-index: 3;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.overlay-black {
  background: rgba(0, 0, 0, 0.7);
}

.overlay-slide {
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.breadcrumb-page {
  padding: 10px 50px;
  position: absolute;
  display: none;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  text-align: left;
  font-size: 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.tool-question-box {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  text-align: left !important;
  font-size: 12px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.tool-question-box .overlay-black {
  border: solid 1px rgba(255, 255, 255, 0.6) !important;
}

.singola-slide .slide-text {
  bottom: 20%;
}

.back:before {
  content: "\f100";
  padding-right: 5px;
}

.forward:after {
  content: "\f105";
  padding-left: 5px;
}

.forward {
  margin-left: 5px;
}

.square {
  width: 3px;
  height: 3px;
  margin: 0 0 0 5px;
  background: #fff;
}

.bg-menu {
  background: #25a2d5;
}

.blu-menu {
  color: #25a2d5;
}

.bg-blu-scuro {
  background: #1c6697;
}

.bg-celeste {
  background: #deedf4;
}

.bg-azzurro {
  background: #01afec;
}

.bg-arancio {
  background: #ebab3f;
}

.bg-verde {
  background: #bcd04a;
}

.btm-absolute {
  width: 100%;
  position: absolute;
  bottom: 20px;
}

.btm-zero-absolute {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.titolo-tabs-box {
  margin: 60px 0 !important;
}

.title-bar {
  font-size: 50px !important;
}

.tabs-button a {
  font-size: 14px;
  padding: 20px 0;
  color: #5196d6;
}

.tabs-button.yellow a {
  color: #fbe45d !important;
}

.tabs-button a:hover,
.tabs-button a.active {
  color: #fff;
  border-bottom: solid 8px #1db0e9;
}

.tabs-button.yellow a:hover,
.tabs-button.yellow a.active {
  color: #fff !important;
  border-bottom: solid 8px #ce930f !important;
}

.tabs-content {
  display: none !important;
  padding: 80px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.tabs-content.no-padding {
  padding: 0;
}

.active.tabs-content {
  display: block !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.map:before {
  content: "\f041";
  font-size: 20px;
  padding-right: 10px;
}

.phone:before {
  content: "\f095";
  font-size: 20px;
  padding-right: 10px;
}

.mail:before {
  content: "\f0e0";
  font-size: 20px;
  padding-right: 10px;
}

.light-blu {
  color: #00aaff !important;
}

.contact-row {
  margin: 10px 0;
}

.contact-title {
  margin: 0 0 40px 0;
}

.gray-hard {
  color: #323232 !important;
}

.bg-blank {
  background: transparent;
}

.bg-gray-hard {
  background: #323232;
  background-color: #323232 !important;
}

.bg-gray {
  background: #f3f3f3;
  background-color: #f3f3f3 !important;
}

.bg-gray-light {
  background: #f6f6f6;
  background-color: #f6f6f6 !important;
}

.bg-gray-disabled {
  background: #bdbdbd;
  background-color: #bdbdbd !important;
}

.gray-disabled {
  color: #bdbdbd;
  color: #bdbdbd !important;
}

.bg-none-gray {
  background: #ededed;
}

.disabled .circle {
  background: #dbdbdb;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.disabled h1,
.disabled h2,
.disabled h3,
.disabled h4,
.disabled h5,
.disabled a:link,
.disabled .btn-more {
  color: #dbdbdb !important;
  pointer-events: none !important;
  cursor: default !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

/*a.disabled {
	background: #dbdbdb;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}*/
.btn-tab.disabled {
  background: #dbdbdb !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.tab-link.disabled {
  background: #dbdbdb;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.angle-btm,
.angle-btm:before {
  content: "\f0d7";
  font-size: 24px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.angle-btm.rotate {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.select {
  margin: 0 0 30px 0;
}

select.arrow {
  background-image: url("../img/arrow-select.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top 8px right 0px;
  background-attachment: scroll;
  background-size: 11px 6px;
}

select {
  font-weight: 600;
  text-transform: uppercase;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-bottom: solid 1px #c2c2c2;
  padding-bottom: 8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  background-color: transparent;
}

.absolute-right {
  position: absolute;
  top: 0;
  right: 0;
}

.valign-top {
  vertical-align: top;
}

ul.select-list {
  display: none;
  padding: 0;
}

ul.select-list li {
  display: block;
  padding: 0;
}

ul.select-list li:first-child {
  margin: 20px 0 0 0;
}

ul.select-list li {
  /*margin: 10px 0;*/
  background: initial;
  padding: 10px 10px !important;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.select-list li:hover {
  background: #fff;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.result-ufficio {
  padding: 60px;
}

.row-result {
  border-bottom: solid 1px #c2c2c2;
  padding-bottom: 10px;
  margin: 10px 0;
  display: block;
}

.row-sede {
  padding: 20px 0;
}

.row-sede:last-child {
  border-top: solid 1px #c2c2c2;
  padding: 40px 0;
  margin: 20px 0;
  display: block;
}

.link-faq {
  cursor: pointer;
}

.link-faq-content {
  padding-right: 30px;
}

.faq-result {
  border-bottom: solid 1px #c2c2c2;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.faq-row {
  padding: 40px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  border-bottom: solid 1px #c2c2c2;
}

.faq-row.active,
.faq-row:hover {
  background: #fff;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.faq-row .link-faq-content,
.faq-result .faq-content {
  padding-right: 100px !important;
}

.faq-box .absolute-right {
  margin-top: -10px;
  cursor: pointer;
}

.opacity {
  color: #cccccc;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.faq-content {
  padding-right: 40px;
}

.faq-result .btn-more,
.download-articles .btn-more {
  padding: 20px 10px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.faq-result.active .btn-more {
  padding: 20px 10px;
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.faq-description .btn-more {
  -ms-transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  padding: 5px 20px !important;
  margin-left: 0 !important;
}

.faq-description,
.faq-box {
  display: none;
}

.faq-box.active,
.faq-result.active .faq-description {
  display: block;
}

.social-feed {
  display: none;
}

.social-feed.active {
  display: block;
}

.select-hide {
  display: none;
}

.desc-thumb {
  font-style: italic;
  color: #afafaf;
  font-size: 13px;
}

.article-thumb {
  margin: 20px 0;
}

.share-article {
  margin: 40px 0;
  color: #afafaf;
  font-size: 20px;
}

.share-article ul {
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-margin-start: 0 !important;
  -webkit-margin-end: 0 !important;
  -webkit-padding-start: 20px !important;
}

article:last-child .content-article {
  border-bottom: solid 1px #f2f2f2;
}

iframe,
embed,
object {
  max-width: 100%;
}

.download-articles,
.other-articles {
  margin-bottom: 20px;
}

.apple,
.windows,
.android {
  color: #fff;
  font-size: 16px;
  padding: 10px 12px;
  margin-right: 5px;
}

.apple {
  background: #9d1ffc;
}

.windows {
  background: #009ddc;
}

.android {
  background: #60d730;
}

.apple:after {
  content: "\f179";
}

.windows:after {
  content: "\f17a";
}

.android:after {
  content: "\f17b";
}

.puntato {
  margin: 5px 0;
}

.puntato:before {
  content: "\f111";
  padding-right: 20px;
}

.tooltip-box {
  display: none;
  position: absolute;
  width: 320px;
  z-index: 3;
  margin-top: -140px;
  right: 5%;
}

.content-tooltip {
  background: #1db0e9;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  margin: 0;
  padding: 20px;
}

.linguetta-tooltip {
  padding: 0 20px 0 0;
}

.linguetta-tooltip img {
  height: 22px;
  width: auto;
  margin-top: -4px;
}

.accordion-box {
  margin: 40px 0;
}

.thumb-accordion {
  width: auto;
  height: 40px;
  margin-right: 10px;
}

.accordion-box .btn-more {
  margin-left: 60px;
}

.accordion-box .faq-description {
  padding-top: 20px;
}

.columns {
  margin: 30px 0;
}

.padding-search {
  padding: 10px 25px;
}

.search-head {
  display: none;
  /*position: fixed;*/
  z-index: 6;
  width: 100%;
  max-width: 1440px;
}

.full-enti .search-head {
  max-width: 100%;
}

input {
  border: none;
  padding: 10px;
  outline: none;
}

::-webkit-input-placeholder {
  opacity: 1;
  color: #a9a9a9;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

::-moz-placeholder {
  opacity: 1;
  color: #a9a9a9;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

:-ms-input-placeholder {
  opacity: 1;
  color: #a9a9a9;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

:-moz-placeholder {
  opacity: 1;
  color: #a9a9a9;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.result-title {
  padding: 20px 15px;
}

.padding-bottom-btn {
  padding-bottom: 20px;
}

.co2-val {
  /*padding-right: 50px;*/
  font-size: 20px;
}

.co2-pre-val {
  font-size: 12px;
}

.bg-green {
  background: #636d34;
}

.bg-green-med {
  background: #93a142;
}

.bg-green-light {
  background: #bccf54;
}

.green-med {
  color: #d4d96a;
}

.enti-form input {
  border-bottom: solid 1px #d4d96a;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-attachment: scroll;
  background-size: 18px 18px;
  padding-left: 30px;
  margin: 15px 0;
}

.aziende-form input {
  border-bottom: solid 1px #2edff6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-attachment: scroll;
  background-size: 18px 18px;
  margin: 15px 0;
  font-size: 16px;
}

.aziende-form.ico input {
  padding-left: 30px;
}

.aziende-form select {
  border-bottom: solid 1px #2edff6;
  color: #2edff6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-attachment: scroll;
  background-size: 18px 18px;
  font-size: 16px;
}

input[type=text].calendar {
  /* background-color: #fff;
   background-image: url(../img/cal.png);
   background-repeat: no-repeat;
   background-position: top 12px right 15px;
   background-size: 28px 30px;*/
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td {
  color: #777777;
}

.bootstrap-datetimepicker-widget table th {
  color: #000;
  text-transform: uppercase;
}

select.inline {
  margin-bottom: 15px;
}

.enti-form .user-form {
  background-image: url("../img/user.png");
}

.aziende-form .user-form {
  background-image: url("../img/user-c.png");
}

.enti-form .phone-form {
  background-image: url("../img/phone.png");
  background-size: 20px 20px;
}

.aziende-form .phone-form {
  background-image: url("../img/phone-c.png");
}

.aziende-form .comune-form {
  background-image: url("../img/comune-c.png");
}

.enti-form .dipend-form {
  background-image: url("../img/dipend.png");
  background-size: 20px 20px;
}

.enti-form .settore-form {
  background-image: url("../img/settore.png");
  background-size: 20px 20px;
}

.enti-form .azienda-form {
  background-image: url("../img/azienda.png");
  background-size: 20px 20px;
}

.enti-form .mail-form {
  background-image: url("../img/mail.png");
  background-size: 20px 20px;
}

.aziende-form .mail-form {
  background-image: url("../img/mail-c.png");
  background-size: 20px 20px;
}

.aziende-form .msg-form {
  background-image: url("../img/msg-c.png");
}

.enti-form .map-form {
  background-image: url("../img/map.png");
  background-size: 20px 20px;
}

.enti-form .cognome-form {
  padding-left: 0;
}

.border-input {
  border-bottom: solid 1px #d4d96a;
  margin: 15px 0;
}

.aziende-form .border-input {
  border-bottom: solid 1px #2edff6;
  margin: 15px 0;
}

.form-title {
  font-size: 50px;
  margin-bottom: 30px;
}

.enti-form ::-webkit-input-placeholder {
  opacity: 1;
  color: #d4d96a;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.enti-form ::-moz-placeholder {
  opacity: 1;
  color: #d4d96a;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.enti-form :-ms-input-placeholder {
  opacity: 1;
  color: #d4d96a;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.enti-form :-moz-placeholder {
  opacity: 1;
  color: #d4d96a;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.aziende-form ::-webkit-input-placeholder {
  opacity: 1;
  color: #2edff6;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.aziende-form ::-moz-placeholder {
  opacity: 1;
  color: #2edff6;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.aziende-form :-ms-input-placeholder {
  opacity: 1;
  color: #2edff6;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.aziende-form :-moz-placeholder {
  opacity: 1;
  color: #2edff6;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.submit {
  margin-top: 50px;
}

.row-forms {
  padding-top: 30px;
}

input[type=checkbox].visible {
  visibility: visible !important;
}

.label-check {
  padding: 0 10px;
}

.check-box {
  border: solid 2px #d4d96a;
  margin-top: 5px;
  width: 25px;
  height: 25px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.aziende-form .check-box {
  border: solid 2px #2edff6;
}

.check-box.black {
  border: solid 2px #000;
}

.check-box-int {
  background: transparent;
  width: 100%;
  height: 100%;
  border: solid 2px transparent;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.check-box-int.active {
  background: #d4d96a;
  border: solid 2px #93a142;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.aziende-form .check-box-int.active {
  background: #2edff6;
  border: solid 2px #1db0e9;
}

.check-box-int.active.black {
  background: #3b3c42;
  border: solid 2px #3b3c42;
}

.margin-all {
  margin: 60px 0;
}

.logo-box {
  margin: 15px;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
}

.arrow-up.xtralight-blu {
  border-bottom: 20px solid #e8f8ff;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #fff;
}

.arrow-left.gray {
  border-right: 20px solid #f6f6f6;
}

.arrow-right.gray {
  border-left: 20px solid #f6f6f6;
}

.arrow-down.gray {
  border-top: 20px solid #f6f6f6;
}

.arrow-up.gray {
  border-bottom: 20px solid #f6f6f6;
}

.absolute-right-arrow {
  right: 0;
  position: absolute;
  top: calc(50% - 20px);
}

.absolute-left-arrow {
  left: 0;
  position: absolute;
  top: calc(50% - 20px);
}

.absolute-btm-arrow {
  bottom: 0;
  position: absolute;
  left: calc(50% - 20px);
}

.absolute-top-arrow {
  right: 0;
  position: absolute;
  top: calc(25% - 20px);
}

.absolute-top-left-arrow {
  left: 0;
  position: absolute;
  top: calc(25% - 20px);
}

.block {
  display: block !important;
}

.light-box {
  display: none;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.overlay-lbox {
  position: fixed;
  background: rgba(59, 60, 66, 0.8);
  z-index: 5;
  left: 0;
}

.absolute {
  position: absolute;
}

.padding-lbox {
  padding-top: 10%;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  overflow-y: auto;
  z-index: 6;
}

.lbox {
  width: 540px;
  z-index: 6;
  margin: 0 auto;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-attachment: scroll !important;
  background-size: contain !important;
}

.lbox-large {
  width: 640px;
  z-index: 6;
  margin: 0 auto;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-attachment: scroll !important;
  background-size: contain !important;
}

.informativa-box {
  height: 60px;
  overflow-y: scroll;
  font-size: 10px;
  line-height: 18px;
  padding-right: 10px;
}

.informativa-box::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

.informativa-box::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

.informativa-box::-webkit-scrollbar-thumb {
  background-color: #3b3c42;
}

.close-lbox {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
}

.padding-close {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 8px 5px;
  text-align: center;
}

.padding-list {
  padding: 20px;
}

.btn-end {
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 1;
}

.btn-start {
  position: absolute;
  bottom: 0px;
  left: 50px;
  z-index: 2;
}

.btn-start-box {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.padding-btn {
  padding: 15px 25px;
}

.padding-btn-box {
  padding: 15px 50px;
}

.padding-suptitle-box {
  padding: 0 40px;
}

.padding-right-btn {
  padding-right: 120px !important;
}

.margin-btn-box {
  margin-bottom: 50px;
}

.rotate180 {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.mtop-btn {
  position: absolute;
  right: 0;
  top: -50px;
}

.toggle {
  width: 100px;
  height: 30px;
  margin: 0 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.toggle-btn {
  width: 24px;
  height: 24px;
  margin: 0 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  cursor: pointer;
}

.toggle-choose {
  cursor: pointer;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.progress-area {
  width: 70%;
  padding-left: 20px;
}

.btn-color {
  font-size: 30px;
}

.btn-video-white {
  font-size: 30px;
  border: solid 1px #fff;
  padding: 20px;
}

.chat-bar {
  width: 100%;
  padding: 20px;
  position: fixed;
  bottom: -100vh;
  z-index: 3;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -webkit-box-shadow: 0px -2px 20px -4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px -2px 20px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -2px 20px -4px rgba(0, 0, 0, 0.5);
}

.chat-bar img {
  height: 40px;
  width: auto;
  margin-right: 20px;
}

.chat-msg {
  font-size: 24px;
  line-height: 28px;
}

.close-chat-bar {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -12px;
  right: 10%;
  cursor: pointer;
  z-index: 5;
}

#fox-banner-bar {
  width: 100%;
  position: fixed;
  bottom: -100vh;
  z-index: 4;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  padding-top: 50px;
}

#fox-banner-bar #fox-banner {
  padding-top: 50px;
  max-height: 200px;
  min-height: 197px;
}

#fox-banner-bar button {
  margin-top: 12px;
  margin-right: 10px;
  font-size: 16px !important;
}

#fox-banner-bar #fox-banner-title {
  min-height: 70px;
}

#fox-banner-bar #fox-banner-text {
  min-height: 50px;
}

#fox-banner-bar #fox-banner-title h1,
#fox-banner-bar #fox-banner-text p {
  visibility: hidden;
}

.bg-blu-fox {
  background-color: #00AAFF !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.bg-grey-fox {
  background-color: #bab5b2 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.box-link {
  border: solid 1px #a7a7a7;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  margin: 0 5px;
  cursor: pointer;
}

.box-link.active {
  border: solid 1px #fff;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  color: #fff !important;
}

.tab-section {
  display: none !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.tab-section.active {
  display: inherit !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.lightbox-btn {
  cursor: pointer;
}

.accordion-content {
  display: none;
}

.comune {
  background-image: url("../img/comune.png");
}

.casa {
  background-image: url("../img/casa.png");
}

.gas {
  background-image: url("../img/gas.png");
}

.bolletta {
  background-image: url("../img/bolletta.png");
}

.spina {
  background-image: url("../img/spina.png");
}

.lampada {
  background-image: url("../img/lampada.png");
}

.clima {
  background-image: url("../img/clima.png");
}

.question:after {
  content: "\f128";
  font-size: 15px;
  cursor: pointer;
}

.question {
  margin: -40px 0 0 5px;
}

.toggle-desc {
  padding-right: 50px;
}

.no-slide {
  padding-top: 150px;
}

.help:after {
  content: "\f128";
  font-size: 15px;
  cursor: pointer;
}

a.help:hover,
a.help:link,
a.help:visited {
  color: #fff;
}

.box-help {
  min-width: 500px;
  width: 100%;
  position: absolute;
  display: none;
  right: -40%;
  top: -240px;
  z-index: 3;
}

.triangle-pop {
  border-bottom: 30px solid #1db0e9;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  width: 0;
  height: 0;
  display: block;
  bottom: -15px;
  left: -10px;
  position: absolute;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.circle-list.large {
  font-size: 28px;
}

.zindex {
  z-index: 1;
}

#boxlogin,
#area-on {
  display: none;
}

h2.title-box {
  line-height: 36px;
}

.slide-desc-ap {
  padding-bottom: 100px;
}

.btn-big.disabled {
  background: #fff;
  border: solid 1px #bdbdbd;
}

.btn-big.disabled h1,
.btn-big.disabled h2,
.btn-big.disabled h3,
.btn-big.disabled h4,
.btn-big.disabled h5,
.btn-big.disabled a:link,
.btn-big.disabled .btn-more {
  color: #1db0e9 !important;
  pointer-events: none !important;
  cursor: default !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.section-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.section-disappear {
  display: none;
}

.layout-video {
  width: 100vw;
  height: 100vh;
}

.link-video,
.play-video,
.play-video-pop,
.caption-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
}

.caption-video {
  padding-top: 200px;
  display: none;
}

.ico-video:after {
  content: "\f04b";
  font-size: 115px;
  color: #fff;
  /*opacity: 0.8;
     filter: alpha(opacity=80);*/
}

.slider-video-pop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  display: none;
}

.slider-video-pop iframe {
  width: 50vw;
  height: 50vh;
}

.btn-video {
  width: 50vw;
}

.close-video {
  position: relative;
  top: -25vh;
  right: 20px;
  padding: 10px;
  font-size: 30px;
}

footer.padding-post {
  padding: 40px 0 !important;
}

.chosen-container-single .chosen-single {
  padding: 10px !important;
  height: auto !important;
  border: 0px solid transparent !important;
  border-bottom: solid 1px #000 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
  color: #000 !important;
}

.chosen-container a span {
  font-weight: 600;
  font-size: 14px !important;
}

.select-comune select {
  margin: 26px 0 0 0;
  padding-left: 30px;
  background-position: 0 2px;
  z-index: 2 !important;
}

.select-comune .angle-btm {
  top: 26px;
  width: 30px !important;
  text-align: right;
}

img.icone-left {
  width: 70px;
  height: auto;
}

.no-float {
  float: none !important;
}

.no-padding-lati {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-foot {
  padding: 20px;
}

a,
p,
div,
span,
h1,
h2,
h3,
h4,
h5 {
  -webkit-hyphens: inherit !important;
  -moz-hyphens: inherit !important;
  hyphens: inherit !important;
  word-break: break-word !important;
}

.image-slide {
  height: auto;
  width: 100%;
  max-width: 360px;
}

.all-link {
  cursor: pointer;
}

.aui h3, .aui .h3 {
  font-size: 24px;
  line-height: 28px;
}

.aui h4, .aui .h4 {
  font-size: 18px;
  line-height: 22px;
}

.aui p {
  margin: 5px 0 5px 0 !important;
}

.aui img {
  max-width: 100%;
}

.titolo-tabs-box {
  margin: 60px 0;
}

.accordion-single .faq-box .btn-more {
  margin-right: 10px !important;
}

.accordion-single .faq-content {
  padding-right: 10px !important;
}

.pag-mobile {
  display: none !important;
}

.slide-top {
  position: absolute;
  top: 0;
  left: 0;
}

.mobile-screen {
  display: none;
}

.error-msg {
  font-size: 12px;
  /*display: none;*/
  color: #ff0000 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

input.error {
  border-bottom: solid 1px #ff0000 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

input.error::-webkit-input-placeholder {
  opacity: 1;
  color: #ff0000 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

input.error::-moz-placeholder {
  opacity: 1;
  color: #ff0000 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

input.error:-ms-input-placeholder {
  opacity: 1;
  color: #ff0000 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

input.error:-moz-placeholder {
  opacity: 1;
  color: #ff0000 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.small-text-nest {
  font-size: 13px !important;
  line-height: 20px !important;
}

.white-bottom {
  padding-bottom: 50px;
}

/*select.h1 {
    font-size: 30px !important;
}

.select-editable {
    position:relative;
    background: #fff;
}
.select-editable select {
    position:absolute;
    top:0px;
    left:0px;
    border:none;
}
.select-editable input {
    position:absolute;
    font-size: 30px !important;
    top:-10px;
    left:0px;
    /*width:100px;
    padding:1px;
    border:none;
}
.select-editable select:focus, .select-editable input:focus {
    outline:none;
}*/
.domus-check-ul li {
  list-style-type: none;
  margin: 0 0 20px 0;
}

.no-float {
  float: none !important;
}

.margin-auto {
  margin: 0 auto !important;
}

.no-desktop {
  display: none;
}

.ytp-watermark yt-uix-sessionlink {
  display: none !important;
}

/*  li { display: list-item; position: relative; left: 10px; } */
.same_h1 {
  font-size: 36px;
  line-height: 1.1;
  -webkit-hyphens: inherit !important;
  -moz-hyphens: inherit !important;
  hyphens: inherit !important;
  word-break: break-word !important;
}

.same_h1_extends {
  margin-top: 20px;
}

@media (width: 1024px) {
  .dl-all {
    width: 100% !important;
    display: block !important;
  }

  .no-padding-dl {
    padding: 0 !important;
  }
}
@media (width: 1024px) and (max-height: 768px) {
  #menu-green .h600 {
    width: 100%;
    padding: 0;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
  }

  .menu-green.h600 {
    margin-top: 0;
    bottom: 0;
    width: 100%;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
  }

  #menu-green .co2.h600 {
    padding: 0 60px 0 20px;
    text-align: center;
    background-position: top 50% right 37%;
  }
}
/*#menu-green .h600.position-scroll {
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	position: relative !important;
	display: block !important;
}*/
@media (max-width: 1680px) {
  .slide-fixed {
    right: 209px;
    width: 416px;
  }
}
@media (max-width: 1444px) {
  .bg-none {
    padding: 0 50px !important;
  }

  .menu-green {
    margin-top: 0;
  }

  .co2 {
    background-size: 70px 51px;
  }

  .bar-link-head {
    width: 100%;
    display: block;
  }

  .link-column {
    width: 33.333%;
    display: inline-block;
    font-size: 16px;
  }

  .padding-total {
    padding: 25px 0 25px 10px;
  }

  .co2 {
    display: block;
  }

  /*.menu-green a {
  	font-size: 12px;
  }*/
  .slide-fixed {
    right: 179px;
    width: 356px;
  }
}
@media (max-width: 1443px) {
  footer .nav-social li div {
    width: 36px;
    height: 36px;
  }

  .cols-5x .circle {
    width: 120px;
    height: 120px;
    padding: 10px;
  }

  .cols-5x .circle h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 1280px) {
  .social-circle .circle {
    width: 180px;
    height: 180px;
  }

  .slide-fixed {
    right: 140px;
    width: 340px;
  }

  .swiper-container-news h1.post-title {
    font-size: 26px;
  }

  .swiper-container-news .btn-more {
    padding: 2px 10px;
  }
}
@media (max-width: 1279px) {
  .col-sm-5of12 {
    display: inline-block;
    width: 49.333% !important;
    vertical-align: top;
  }

  .circle-box.flex-stretch {
    display: block;
  }

  .col-sm-5of12 .circle {
    width: 240px;
    height: 240px;
  }

  .swiper-container-news .swiper-slide {
    /*width: 40%;*/
  }

  .swiper-slide-prev:nth-child(1n) .full-overlay {
    background-color: rgba(192, 192, 192, 0.9);
    z-index: 1;
  }

  .slide-fixed {
    right: 0;
    width: 34%;
  }

  footer .nav-social li div {
    width: 36px;
    height: 36px;
  }

  .nav-social li div a {
    font-size: 18px;
  }

  .circle-mini {
    width: 50px;
    height: 50px;
    padding: 10px;
  }

  .title-answer-tool {
    font-size: 22px;
  }

  .tool-question-box .col-sm-2 {
    width: 100%;
  }

  .btn-mobile {
    position: absolute !important;
    padding-left: 40px !important;
  }

  .flex-start-tablet {
    display: block !important;
  }
}
@media (max-width: 1023px) {
  .btn-more.mini {
    margin-left: inherit;
  }

  .post-title-slide-color {
    font-size: 40px !important;
  }

  .flex-start-t {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    text-align: left !important;
  }

  input[type=text],
input[type=button],
input[type=submit],
.aui.ios input[type=text],
.aui.ios input[type=button],
.aui.ios input[type=submit],
.aui.ios input[type=text].input-large,
.aui.ios input[type=button].input-large,
.aui.ios input[type=submit].input-large,
.aui.ios textarea,
.aui.ios .uneditable-input {
    /*width: 100% !important;*/
    max-width: 100% !important;
    margin: 5px 0;
  }

  /*.swiper-container.free .swiper-wrapper {
    display: block !important;
    height: 100% !important;
  }

  .swiper-container.free .swiper-slide {
      -webkit-flex-shrink: 0 !important;
      -ms-flex: 0 !important;
      flex-shrink: 0 !important;
  }*/
  .pag-mobile {
    display: inline-block !important;
  }

  .no-border-mobile {
    border-top: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
  }

  .padding-tablet {
    padding: 25px !important;
  }

  .select-mobile {
    padding-top: 40px;
  }

  .bottom-absolute-mobile {
    position: absolute;
    bottom: 0;
  }

  .box-help {
    min-width: 100%;
    width: 100%;
    right: 0;
    top: -180px;
  }

  .ultra-big {
    font-size: 120px;
    line-height: 90px;
  }

  .lbox,
.lbox-large {
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .cols-5x .circle {
    width: 150px;
    height: 150px;
    padding: 15px;
  }

  .cols-5x .circle h3 {
    font-size: 26px;
    line-height: 30px;
  }

  .box-link {
    margin: 5px 0;
  }

  .testo-slide-area {
    margin-top: 120px;
  }

  .mtop-btn {
    position: relative;
  }

  .btn-start {
    left: 0;
  }

  .close-lbox {
    top: 0;
    right: initial;
    margin: 0 auto;
  }

  .padding-lbox {
    padding-top: 0;
  }

  /*.lbox,
  .lbox-large {
  	width: 100%;
  }*/
  .pad-mobile-btn {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .border-div-right-white {
    border-right: none;
  }

  .border-div-left-white {
    border-left: none;
  }

  .no-margin-mobile {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

  .no-padding-box-mobile {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .t-none {
    display: none !important;
  }

  .t-all,
.box-button {
    display: block !important;
    width: 100% !important;
  }

  .m-padding {
    padding: 25px 50px !important;
  }

  .slide-text {
    width: 100%;
    bottom: 15% !important;
  }

  .swiper-container-news .swiper-slide {
    width: 50%;
  }

  .slide-text p.medium {
    font-size: 14px;
    line-height: 24px;
  }

  .slide-fixed {
    right: 0;
    width: 50%;
    height: 350px;
  }

  .service-menu {
    display: none;
  }

  .co2 {
    background-image: none;
    padding: 20px 50px 20px 25px;
    text-align: center;
  }

  .large-text {
    font-size: 20px;
  }

  /*.co2-mobile {
  	display: initial;
  }*/
  .link-column {
    width: 100%;
    display: block;
  }

  /*.row {
  	display: block !important;
  }*/
  /*ELIMINATA PER WWPL-2139*/
  /*.row:not(.not-row) {
     	display: block !important;
  }*/
  .row.no-block {
    display: none;
  }

  .row.block-mobile {
    display: block;
  }

  .padding-thumb {
    padding-right: 0;
    margin-bottom: 20px;
  }

  .thumb {
    max-width: 100%;
  }

  .enti-form .col-sm-1 {
    display: inline-block;
    width: 8.33%;
  }

  .enti-form .col-sm-2 {
    display: inline-block;
    width: 16.66%;
  }

  .enti-form .col-sm-5 {
    display: inline-block;
    width: 41.66%;
  }

  .enti-form .col-sm-11 {
    display: inline-block;
    width: 91.66%;
  }

  .enti-form .col-sm-12 {
    display: inline-block;
    width: 100%;
  }

  .menu-green a.engieper {
    padding-left: 0;
  }

  .menu-green {
    margin-top: initial;
    position: relative;
    width: 100%;
  }

  #menu-green .col-sm-9,
#menu-green .col-sm-3 {
    width: 100% !important;
    display: block;
  }

  #menu-green .col-sm-3 {
    padding: 25px;
    width: 25%;
  }

  .tooltip-box {
    max-width: 300px;
    width: 100%;
    margin-top: -160px;
    left: 25%;
    display: none;
  }

  .header-logo-menu .col-sm-5,
.header-logo-menu .col-sm-7 {
    width: inherit;
    display: inherit;
  }

  .col-t-4 {
    width: 33.333%;
  }

  .background-box {
    position: relative;
    min-height: 350px;
  }

  .padding-total {
    padding: 25px;
  }

  .padding-btn-mobile {
    padding: 15px 50px !important;
  }

  .padding-content,
.padding-content-ico {
    padding: 0 25px;
  }

  /*.menu-green a {
  	font-size: initial;
  }*/
  .padding-post {
    padding: 50px;
  }

  .padding-footer {
    padding: 60px 25px;
  }

  .padding-footer div {
    margin: 20px 0;
  }

  ul, menu, dir {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
  }

  .nav-social {
    margin-top: 15px !important;
  }

  .m-all {
    width: 100%;
  }

  .center-mobile {
    text-align: center;
  }

  .align-self-center-mob {
    justify-content: center;
  }

  .full-enti .slide-content .item {
    padding: 0 25px;
  }

  #form-contatti .col-sm-6 {
    width: 100%;
    display: block;
  }

  .thumb-inline.flex-stretch {
    display: block;
  }

  .d-all {
    width: 100%;
  }

  .rows-tabella .progress-area {
    width: 100%;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .stretch-mobile {
    display: flex !important;
  }

  .question-box-padding {
    padding: 0 20px;
  }

  #back-tool {
    z-index: 3;
  }

  .circle-progress {
    width: 34px;
    height: 34px;
  }

  .progress-txt {
    font-size: 9px;
  }

  .box-link2 {
    margin: 5px 0;
  }

  .faq-row {
    padding: 25px !important;
  }

  .flex-start-mobile {
    display: block !important;
  }

  .article-title {
    font-size: 32px !important;
    padding-top: 10px !important;
    padding-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .ultra-big {
    font-size: 60px;
    line-height: inherit;
  }

  .padding-total-mobile {
    padding: 25px 0;
  }

  .no-padding-mobile {
    padding: 0;
  }

  .slide-text h1 {
    font-size: 40px;
  }

  .col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
    width: 100%;
  }

  .enti-form .col-sm-1 {
    display: inline-block;
    width: 8.33%;
  }

  .enti-form .col-sm-2 {
    display: inline-block;
    width: 16.66%;
  }

  .enti-form .col-sm-5 {
    display: inline-block;
    width: 41.66%;
  }

  .enti-form .col-sm-11 {
    display: inline-block;
    width: 91.66%;
  }

  .enti-form .col-sm-12 {
    display: inline-block;
    width: 100%;
  }

  #form-contatti .col-sm-1 {
    width: 9.333% !important;
    display: table-cell !important;
  }

  #form-contatti .col-sm-11 {
    width: 89.333% !important;
    display: table-cell !important;
  }
}
@media (max-height: 768px) {
  .footer-nav-menu {
    position: relative;
  }

  .scrollable-y {
    position: relative;
    overflow-y: scroll !important;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .slide-content.right-pos {
    background-position: 70%;
  }

  .slide-content.left-pos {
    background-position: 30%;
  }

  .no-desktop {
    display: inherit;
  }

  .desktop {
    display: none;
  }

  .table.flex-stretch {
    display: flex !important;
  }

  .col-sm-6.no-resize {
    width: 49.9%;
  }

  .padding-content-mobile {
    padding: 0 25px !important;
  }

  .post-title-color {
    padding: 10px 30px 10px 25px !important;
  }

  .padding-title-color {
    padding-left: 25px !important;
  }

  .padding-u-mobile {
    padding-top: 50px !important;
  }

  .faq-box .col-sm-11 {
    width: 70% !important;
  }

  .faq-box .col-sm-1 {
    width: 30% !important;
  }

  .accordion-single .faq-content {
    padding-right: 0px !important;
  }

  .aui h1, .aui .h1, .aui h2, .aui .h2, .aui h3, .aui .h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .aui h1.titolo-tabs-box,
.aui h2.titolo-tabs-box,
.aui h3.titolo-tabs-box {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .margin-section-top {
    margin-top: 0 !important;
  }

  .col-sm-5of12 .circle {
    width: 180px;
    height: 180px;
  }

  .absolute-right-m {
    position: absolute;
    right: 0;
  }

  .testo-btn {
    padding-right: 120px !important;
  }

  .image-slide {
    max-width: 90% !important;
  }

  .post-title {
    margin-bottom: 0 !important;
  }

  .padding-post, .padding-content-box {
    padding: 25px !important;
  }

  .faq-box .col-sm1 {
    width: 25% !important;
  }

  .slide-texts {
    margin-top: -75%;
  }

  .circle-progress {
    width: 24px;
    height: 24px;
  }

  .progress-txt {
    display: none;
  }

  .face-ico {
    height: 40px !important;
    width: 40px !important;
  }

  .btn-end {
    position: relative;
    display: block;
    bottom: 0;
    right: 0;
    z-index: 1;
  }

  .btn-start {
    position: relative;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 5;
  }

  .menu-green .flex-start {
    text-align: center;
  }

  .absolute-right-arrow,
.absolute-left-arrow {
    display: none;
  }

  #news-slider .swiper-pagination-news {
    margin-top: -30px;
  }

  .swiper-container-news .swiper-slide {
    width: 100%;
  }

  .slide-fixed {
    position: relative;
    width: 100%;
    display: block;
  }

  .enti-form .col-sm-1,
.enti-form .col-sm-2,
.enti-form .col-sm-5,
.enti-form .col-sm-11,
.enti-form .col-sm-12 {
    display: block;
    width: 100%;
  }

  .border-input {
    display: none !important;
  }

  .col-sm-5of12 {
    width: 100% !important;
  }

  .tooltip-box {
    max-width: 88%;
    width: 88%;
    margin-top: -105px;
    left: 6%;
  }

  .logo-elements .flex-stretch {
    display: block;
  }

  .logo-elements .flex-center {
    display: block;
    align-self: flex-start !important;
  }

  .text-logo {
    padding: 0;
    margin: 10px 0 0 25px;
    display: none !important;
  }

  /*#header-menu {
  	background: rgba(0, 0, 0, 1);
     	opacity: 0.8;
     	filter: alpha(opacity=80);
  }*/
  section .flex-stretch:not(.all-btn) {
    display: block !important;
  }

  section#menu-green .co2 .flex-stretch {
    display: flex;
  }

  .swiper-container-news .flex-stretch {
    display: inherit;
  }

  .search-menu {
    /*margin-top: 36px;*/
    font-size: 18px;
  }

  .result-ufficio {
    padding: 40px;
  }

  .slide-text h1.news {
    font-size: 30px;
    line-height: 40px;
  }

  .slide-content .mini-text {
    font-size: 16px;
  }

  .header-logo {
    margin-left: 25px;
    width: 100px;
    height: 36px;
  }

  .menu {
    /*margin-top: 30px;*/
    margin-right: 25px;
  }

  .slide-text {
    bottom: 5%;
    width: 80%;
  }

  .footer-nav-menu {
    position: relative;
  }

  .nav-menu {
    width: 100%;
    margin-right: -100%;
    height: 100%;
  }

  .scrollable-y {
    position: relative;
    overflow-y: scroll !important;
    height: 100%;
  }

  ul.menu li {
    font-size: 14px;
  }

  .padding-menu,
.padding-menu-btn,
.padding-menu-contatti {
    padding: 20px;
  }

  .footer-nav-menu.padding-menu {
    padding: 20px 0;
  }

  .bg-none {
    padding: 0 !important;
  }

  .btn-cut-absolute {
    margin-top: 0 !important;
  }

  a h1, a h2, a h3, a h4, a h5 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .white-bottom {
    padding-bottom: 0 !important;
  }

  .padding-total-m {
    padding: 25px !important;
  }

  #offerta_tab .margin-mobile {
    margin: 30px 0;
  }

  #offerta_tab > a {
    display: none !important;
  }

  #offerta_tab p {
    text-align: left !important;
    padding-left: 20px !important;
    margin: 0 !important;
  }

  p.padding-u {
    padding: 0 !important;
  }

  .circle {
    font-size: 20px;
    line-height: 24px;
  }

  .cols-5x .circle {
    width: 100px !important;
    height: 100px !important;
    padding: 15px;
  }

  .cols-5x .circle h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .flex-center.flex-start-mobile,
.flex-start-m,
.flex-start.flex-start-m,
.fx-start-m {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    text-align: left !important;
  }

  .flex-end-m {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    text-align: left !important;
  }

  .flex-center-m {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    text-align: left !important;
  }

  img.icone-left {
    width: 45px !important;
    height: auto !important;
  }

  .fx-start-m .circle {
    width: 90px !important;
    height: 80px !important;
  }

  .fx-start-m h3 {
    font-size: 10px !important;
    line-height: 18px !important;
  }

  .no-margin {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

  .text-circle {
    width: 80% !important;
  }

  .padding-mobile {
    padding: 25px !important;
  }

  #header-menu .menu {
    border: none;
    padding: 0;
    font-size: 20px;
  }

  #header-menu .menu span.strong {
    display: none;
  }

  .box-link {
    border-left: 0;
    border-right: 0;
  }

  .tabs-button {
    margin-top: -10px !important;
    padding-bottom: 10px;
  }

  .tabs-button a {
    padding: 10px 0;
  }

  .mobile-screen {
    display: inherit;
  }

  .grey-btn-m {
    border-bottom: solid 20px #ededed;
  }
}
@media (max-width: 374px) {
  .post-title-slide-color {
    font-size: 30px !important;
  }

  .tabs-button a {
    font-size: 12px;
  }

  .share-article {
    font-size: inherit;
  }

  .table .text-cell {
    font-size: 12px !important;
  }
}
@media (max-height: 799px) and (min-width: 1023px) {
  .lbox,
.lbox-large {
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    /* MPXXX  begin*/
    /* -webkit-transform: scale(0.75);  //Saf3.1+, Chrome
        -moz-transform: scale(0.75);  //FF3.5+
         -ms-transform: scale(0.75);  //IE9
          -o-transform: scale(0.75);  //Opera 10.5+
             transform: scale(0.75);
    /* MPXXX  end */
  }

  .padding-lbox {
    padding-top: 11%;
  }

  .close-lbox {
    top: 10px;
    left: 10px;
  }
}
@media (max-height: 374px) {
  h1 {
    font-size: 26px;
  }

  .padding-btn {
    padding: 15px 12px;
    font-size: 12px;
  }

  .padding-right-btn {
    padding-right: 12px;
  }
}
@media (max-height: 767px) {
  .breadcrumb-page {
    display: none;
  }
}
/* MPXXX begin */
.popup-logo {
  background-image: url("../img/header-logo-new.png?a=2") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: scroll !important;
  display: inline-block !important;
  height: 44px !important;
  margin-left: 20px !important;
  width: 120px !important;
}

.popup-logo h1 {
  display: none;
}

/* MPXXX end */
/* Correttiva INC000000141406 */
.content-article a {
  text-decoration: underline !important;
  color: #00aaff !important;
}

.content-article a:hover {
  color: #00aaff;
}

.content-article .nav-social a {
  text-decoration: none !important;
  color: #afafaf !important;
}

.content-article .nav-social li div a:hover {
  color: #00aaff !important;
}

/* Correttiva INC000000141404 */
#home-menu .item-menu, .footer-nav-menu .item-menu:last-child {
  margin-bottom: 0px;
}

#engie-menu, #home-menu {
  padding-top: 0px;
  padding-bottom: 0px;
}

.footer-nav-menu .social-nav-menu, .footer-nav-menu .padding-menu-contatti {
  padding-top: 0px;
}

.footer-nav-menu .menu-contatti {
  padding-bottom: 0px;
}

/*WWPL-1966*/
.treInUno_step1 {
  border: solid 1px #ccc;
  position: relative;
  max-width: 600px;
  margin: 10px auto;
  padding-left: 100px;
}

.treInUno_title {
  position: absolute;
  left: 0;
}

@media (max-width: 767px) {
  .treInUno_step1 {
    padding-left: 10px;
  }
}
.full-casa .header-elements,
.full-casa .header-logo-menu {
  max-width: 1440px;
  margin: 0 auto;
}

.swiper-container {
  max-height: 620px;
}

.header-casa {
  position: fixed;
  height: 86px;
  z-index: 4;
  width: 100%;
  overflow: hidden;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.header-casa.scroll {
  height: 60px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.full-enti .header-logo {
  margin-left: 0;
}

.full-enti .menu {
  margin-right: 0;
}

.full-enti .slide-content .item {
  padding: 0;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 10px 0 10px 0 !important;
}

.full-enti .header-elements {
  max-width: 100%;
}

.header-logo-menu {
  margin: 0 auto;
  position: relative;
}

/*
#header-menu.scroll,,
#header-menu-bg.scroll
*/
#header-menu,
#header-menu-bg {
  background: rgba(26, 164, 216, 0.7) !important;
  border: none;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#header-menu.no-background {
  background: rgba(26, 164, 216, 0);
  border: none;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.header-logo.scroll {
  background-image: url("../img/header-logo-blu.png?s=1");
}

.horizontal-menu {
  position: fixed;
  margin-top: 86px;
  z-index: 3;
  width: 100%;
  max-width: 100%;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.horizontal-menu.scroll {
  margin-top: 60px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

ul.list-no-style li {
  list-style-type: none;
}

ul.horizontal-list li {
  display: inline-block;
  padding: 10px 20px;
}

ul.horizontal-list ul.sub-menu {
  position: absolute;
  display: none;
  left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.horizontal-list ul.sub-menu li {
  font-size: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

ul.horizontal-list ul.sub-menu li:hover {
  background: #25a2d5;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.face {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  border: solid 1px;
  padding: 5px 45px 5px 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 12px;
  background-image: url("../img/face.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: right 10px top 7px;
}

.scroll-video .face {
  background-image: url("../img/face-scroll.png") !important;
}

.face-blu {
  background-image: url("../img/face-blu.png");
}

#header-menu.scroll .face {
  background-image: url("../img/face-scroll.png");
}

.face-left {
  background-position: left 10px top 7px;
  padding: 5px 15px 5px 45px;
  margin-right: 0;
  border: none;
}

.chat-box {
  position: fixed;
  height: 180px;
  width: 40px;
  left: 0;
  top: 40%;
  z-index: 5;
  /*width: 23px;
  height: 140px;*/
  /*margin-left: -64px;
  margin-top: -64px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);*/
  padding: 20px 5px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  margin-top: -120px;
  /*background-image: url("../img/contattaci.png");
     background-repeat: no-repeat;
     background-size: 20px 120px;
     background-position: scroll;*/
}

.chat-box.video {
  position: absolute;
  top: calc(100vh + 40%);
}

.chat-box-open {
  position: fixed;
  left: -100%;
  top: 40%;
  height: 180px;
  margin-top: -120px;
  padding: 10px 10px 10px 50px;
  z-index: 3;
  /*margin-left: -90px;
  margin-top: -90px;
  -ms-transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);*/
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}

.chat-box-open.video {
  position: absolute;
  top: calc(100vh + 40%);
}

/*.chat-box-open.toggle {
	left: 0;
	position: fixed;
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}*/
.fucsia {
  color: #d93e87;
}

.lemon {
  color: #bccf54;
}

.bg-fucsia {
  background: #d93e87;
  background-color: #d93e87 !important;
}

.bg-lemon {
  background: #bccf54;
}

.bg-azzurro-profilo {
  background: #75c7e9;
}

/*
.reset-rotate-90 {
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.chat-option {
	padding: 100px 0 0 0px;
}*/
.btn-chat img {
  width: 70%;
}

.chat-option,
.call-option,
.recall-option,
.fb-option {
  padding: 20px;
}

.chat-option {
  font-size: 14px;
  line-height: 16px;
  background-image: url("../img/chat.png");
  background-repeat: no-repeat;
  background-size: 75px 54px !important;
  background-position: top 15px center;
  padding-top: 80px;
}

.chat-option a,
.call-option a,
.recall-option a,
.fb-option a {
  color: #fff !important;
  font-size: 12px;
  padding: 5px 8px;
}

.call-option {
  font-size: 14px;
  line-height: 16px;
  background-image: url("../img/call.png");
  background-repeat: no-repeat;
  background-size: 54px 54px;
  background-position: top 12px center;
  padding-top: 77px;
}

.recall-option {
  font-size: 14px;
  line-height: 16px;
  background-image: url("../img/recall.png");
  background-repeat: no-repeat;
  background-size: 53px 54px;
  background-position: top 15px center;
  padding-top: 80px;
}

.fb-option {
  font-size: 14px !important;
  line-height: 16px;
  background-image: url("../img/fb.png") !important;
  background-repeat: no-repeat !important;
  background-size: 53px 54px !important;
  background-position: top 15px center !important;
  padding-top: 80px;
}

.margin-link {
  padding-top: 10px;
}

.hide {
  display: none;
}

.very-mini-text {
  font-size: 10px;
  line-height: 14px;
}

.close-chat-option {
  position: absolute;
  top: -12px;
  right: -12px;
  font-size: 10px;
  width: 23px;
  height: 23px;
  padding: 0 2px 2px 2px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.bg-blu-hard-soft {
  background: #05455d;
}

.blu-hard-soft {
  color: #05455d !important;
}

.box-login {
  background-color: rgba(5, 69, 93, 0.7);
  /*background-image: url("../img/face.png");
     background-repeat: no-repeat;
     background-size: 30px 30px;
     background-position: top 20px left 20px;*/
  position: absolute;
  z-index: 2;
  top: -75px;
  right: 0;
  padding: 15px 20px;
}

.box-videologin {
  position: absolute;
  z-index: 2;
  top: -75px;
  right: 0;
}

.box-login.video {
  background-color: transparent;
  position: relative;
  top: 0;
  padding: 0;
  z-index: 1;
}

.bg-box-login {
  background-color: rgba(5, 69, 93, 0.7);
  padding: 15px 20px;
}

.box-login-rel {
  background-color: #05455d;
  /*background-image: url("../img/face.png");
     background-repeat: no-repeat;
     background-size: 30px 30px;
     background-position: top 20px left 20px;*/
  position: relative;
  padding: 15px 20px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.login-face {
  font-size: 15px;
  line-height: 18px;
  padding-right: 20px;
}

input {
  background: transparent;
  border-bottom: solid 1px #fff;
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
  margin-right: 10px;
}

input.black,
select.black {
  border-bottom: solid 1px #000;
  margin-right: 0;
}

.face-ico {
  width: 75%;
  height: auto;
}

.face-ico-h {
  height: 75%;
  width: auto;
}

::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

form.black ::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}

form.black :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 1;
}

form.black ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
}

form.black :-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

.search-head ::-webkit-input-placeholder {
  opacity: 1;
  color: #a9a9a9;
}

.search-head ::-moz-placeholder {
  opacity: 1;
  color: #a9a9a9;
}

.search-head :-ms-input-placeholder {
  opacity: 1;
  color: #a9a9a9;
}

.search-head :-moz-placeholder {
  opacity: 1;
  color: #a9a9a9;
}

.submit-more {
  font-size: 20px !important;
}

.submit-more.mini {
  /* Correttiva INC000000152854 */
  cursor: pointer;
  /* End*/
  font-size: 16px !important;
}

.recovery-pwd {
  position: absolute;
  right: 30%;
  top: 10%;
  font-size: 10px;
  text-decoration: underline;
}

.content-icona,
.pad-icona-menu {
  padding-left: 20px;
}

.title-icona {
  font-size: 24px;
}

.desc-icona {
  padding-top: 10px;
  font-size: 15px;
}

.circle {
  width: 150px;
  height: 150px;
  padding: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 15px;
}

.more {
  margin-top: 10px;
}

.post-title-color {
  padding: 10px 20px 10px 40px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.post-title-slide-color {
  font-size: 50px;
  line-height: 60px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.post-title-slide-color-combo {
  font-size: 50px;
  line-height: 37px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 10px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.post-title-slide-color-full {
  font-size: 50px;
  line-height: 60px;
  padding: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.padding-title-color {
  padding-left: 40px;
  padding-bottom: 20px;
}

.post-text-slide-color {
  font-size: 24px;
  line-height: 40px;
}

.tasto-right {
  position: absolute;
  display: block;
  right: 0;
  z-index: 1;
}

.tasto-right-top {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  z-index: 1;
}

.tasto-left-sup {
  position: absolute;
  display: block;
  left: 0;
  z-index: 2;
  margin-top: -30px;
}

.tasto-right-sup {
  position: absolute;
  display: block;
  right: 0;
  z-index: 2;
  margin-top: -30px;
}

.tasto-btm-left {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.padding-tasto-right {
  padding: 15px 50px;
}

.swiper-container-area .padding-tasto-right {
  padding: 15px !important;
}

.padding-tasti-head {
  padding: 10px 20px;
}

.wrap-link-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.blu-hard {
  color: #0c5fab !important;
}

.bg-blu-hard {
  background: #0c5fab;
}

.bg-lightblu {
  background: #61c2d9;
}

.lightblu {
  color: #61c2d9;
}

.bg-gray-light {
  background: #f8f8f8;
}

.gray-light {
  colore: #f8f8f8;
}

.gray-med {
  color: #c1c1c1;
}

.bg-gray-med {
  background: #c1c1c1;
}

/*  
.mobile {
  display: none; }
*/
.margin-section-top {
  margin-top: 50px;
}

.l-height-normalize {
  line-height: 26px;
}

.bg-xtralight-blu {
  background: #e8f8ff;
}

.xtralight-blu {
  color: #e8f8ff;
}

.sub-text-h3 {
  margin-top: 20px;
}

.border-box-right-left {
  border-left: solid 20px #fff;
  border-right: solid 20px #fff;
}

.white-bottom {
  padding-bottom: 50px;
}

.margin-section-ud {
  margin: 50px 0;
}

.border-right-gray {
  border-right: solid 1px #ededed;
}

.border-bottom-gray {
  border-bottom: solid 1px #ededed;
}

.padding-content-ud {
  padding-top: 50px;
  padding-bottom: 50px;
}

.padding-ico-right {
  padding-right: 20px;
}

.mini-padding-ico-right {
  margin-right: 10px;
}

.bg-viola {
  background: #552382;
}

.viola {
  color: #552382;
}

/* da fixCSS in /soluzioni-integrate/cam-sicurezza-interna-nest/nuovi-clienti*/
.faq-row .link-faq-content,
.faq-result .faq-content {
  padding-right: 100px !important;
}

.faq-box .absolute-right {
  margin-top: -10px !important;
  cursor: pointer !important;
}

.faq-result {
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
}

#faq .faq-result {
  padding: 0px 0 30px 0 !important;
}

.label-arrow h4 {
  padding-right: 20px !important;
}

/* end */
.faq-result {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

h3.medium {
  line-height: 32px;
}

.border-right-single {
  border-right: solid 2px #fff;
}

.full-enti .slide-text.no-bottom {
  bottom: 0;
}

.content-area {
  margin-top: -15%;
}

.tasti-dx-area {
  position: absolute;
  bottom: 0;
  right: 0;
}

.circle-led {
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.title-notify {
  font-size: 18px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.data-notify {
  padding-left: 15px;
  font-size: 19px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.desc-notify {
  font-size: 14px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-style: italic;
}

.active .title-notify,
.active .data-notify,
.active .desc-notify {
  opacity: 1;
  filter: alpha(opacity=100);
  font-style: normal;
}

.margin-elenco {
  margin-top: 20px;
}

.bg-sky {
  background: #7cd4f8;
}

.sky {
  color: #7cd4f8;
}

.palloncini {
  position: absolute;
  z-index: 1;
  top: -60px;
  left: 20px;
}

.n-ticket {
  font-size: 40px;
  padding: 0 10px;
}

.tickets-box {
  padding: 20px 30px;
}

.box-pratiche {
  padding: 80px 0;
  z-index: 2;
}

.altri-tkts {
  padding-left: 25px;
  padding-bottom: 10px;
}

.padding-section-top {
  padding-top: 50px;
}

.border-btm {
  border-bottom: solid 1px #000;
}

.title-table {
  padding-bottom: 10px;
}

.rows-tabella {
  margin-top: 20px;
}

.item-table {
  padding-bottom: 10px;
}

.margin-section-tb {
  margin-top: 25px;
  margin-bottom: 25px;
}

.top-back-section-tb {
  top: -25px;
}

.titolo-edit {
  font-size: 30px;
}

.padding-edit {
  padding: 0 25px;
}

.margin-edit {
  margin-top: 50px;
}

.btn-cut-absolute {
  margin-top: -50px;
}

.price-offerta {
  font-size: 56px;
  padding: 16px 0;
}

.dati-casa {
  font-size: 22px;
}

.m-head-tasti-area {
  display: block !important;
  width: 100% !important;
  position: absolute !important;
  text-align: center !important;
  bottom: 0 !important;
  right: 0;
}

.padding-zero {
  padding: 0 !important;
}

#private-menu {
  background: #73c7eb;
}

#private-menu.open {
  background: #25a2d5;
}

.btn-accedi-menu {
  margin-top: -40px;
}

.check-box {
  border: solid 2px #d4d96a;
  margin-top: 0px;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.fase-tab,
.fase-tabs {
  display: none;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.fase-tab.active,
.fase-tabs.active {
  display: inherit;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.progress-img {
  cursor: pointer;
}

.bg-orange {
  background: #FF7500;
}

.orange {
  color: #FF7500;
}

.bg-green-lm {
  background: #b8d500;
}

.green-lm {
  color: #b8d500;
}

.bg-wheat-green {
  background: #b3b899;
}

.wheat-green {
  color: #b3b899;
}

.fuxxia {
  color: #c3066e;
}

.bg-fuxxia {
  background: #c3066e;
}

.fase-sub-tab {
  margin-top: 20px;
}

@media (max-width: 1441px) {
  /*.full-enti .header-logo {
    margin-left: 50px !important; }*/
  .full-enti .menu {
    margin-right: 50px !important;
  }

  .full-enti .slide-content .item {
    padding: 0 50px !important;
  }

  .head-norm .header-logo {
    margin-left: 0 !important;
  }

  .head-norm .menu {
    margin-right: 0 !important;
  }
}
@media (max-width: 1279px) {
  h1.post-title-color,
h1.post-title-slide-color {
    font-size: 28px !important;
  }

  h4.post-subtitle-color {
    font-size: 16px !important;
  }

  .circle-big {
    width: 150px !important;
    height: 150px !important;
  }

  .post-title-color {
    padding: 10px 30px 10px 30px;
  }

  .padding-title-color {
    padding-left: 30px;
  }

  .padding-btn-box {
    padding: 15px 10px;
  }

  .btn-start-box {
    width: 100%;
  }

  .mobile {
    display: initial !important;
  }
}
@media (max-width: 1023px) {
  .data-notify {
    padding-left: 0;
  }

  .circle-led {
    margin-right: 15px;
  }

  .titolo-edit {
    font-size: 24px !important;
  }

  .swiper-container-area {
    max-height: 500px !important;
  }

  .h-area {
    height: 500px !important;
  }

  .m-head-area {
    display: block !important;
    width: 100% !important;
    position: absolute !important;
    text-align: center !important;
    bottom: 0 !important;
  }

  .swiper-container-area .padding-tasto-right {
    padding: 15px;
  }

  .horizontal-menu {
    display: none !important;
  }

  .tasti-dx-area {
    position: relative !important;
    display: block;
    border: solid !important;
  }

  .border-right-single {
    border-right: none !important;
  }

  .article-title {
    font-size: 36px !important;
  }

  .m-border-btm {
    border-bottom: 2px solid #fff !important;
  }

  .m-bg-fucsia {
    background: #d93e87 !important;
  }

  .border-right-gray {
    border-right: none !important;
  }

  .border-bottom-gray {
    border-bottom: none !important;
  }

  .m-padding-content-lr {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .no-padding-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .no-mobile {
    display: none !important;
  }

  #customer-app-box {
    display: block;
  }

  .face {
    padding: 5px 25px 5px 15px;
    width: 36px;
    height: 36px;
  }

  .col-sm-4 {
    /*display: flex; */
  }

  .display-mobile {
    display: block !important;
  }

  .mobile {
    display: initial !important;
  }

  #live-chat {
    z-index: 4 !important;
  }

  #live-chat-option {
    z-index: 3 !important;
  }

  /*   .full-enti .header-logo { */
  /*     margin-left: 25px !important; */
  /*     width: 100px !important; */
  /*     height: 36px !important; } */
  .full-enti .menu {
    margin-right: 25px !important;
  }

  .box-login {
    background-color: #05455d !important;
    position: relative !important;
    top: initial !important;
  }

  .box-videologin {
    position: relative;
    top: initial;
  }

  .box-login .flex-start,
.box-login .flex-center,
.bg-box-login .flex-start,
.bg-box-login .flex-center {
    display: inline-block !important;
  }

  .box-login input {
    display: block !important;
  }

  .tasto-right {
    position: relative !important;
  }

  .tasto-left-sup {
    position: relative !important;
    margin-top: 0 !important;
  }

  .flex-center-mobile {
    display: block;
    text-align: center !important;
    margin: 20px 0 !important;
  }

  .flex-align-center-mobile {
    display: block !important;
    text-align: center !important;
  }

  .flex-left-mobile {
    display: block !important;
    text-align: left !important;
    margin: 20px 0 !important;
  }

  .margin-auto-mobile {
    margin: 0 auto !important;
  }

  .content-icona {
    padding-left: 0 !important;
    margin-top: 20px !important;
  }

  .align-self-btm-left-mobile {
    position: absolute !important;
    bottom: 0 !important;
  }

  ul.horizontal-list ul.sub-menu {
    position: relative !important;
  }

  ul.horizontal-list ul.sub-menu li {
    text-align: center !important;
  }

  .header-tabella {
    display: none !important;
  }

  .border-bottom-gray-mobile {
    border-bottom: solid 1px #ededed;
  }

  .record-gray {
    background: #f6f6f6;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  /*#p_p_id_CustomerLogin_WAR_CustomerLoginportlet_ {
   	display:none !important;
   }*/
  #customer-login-box {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .post-title-slide-color-full,
.very-big {
    font-size: 42px !important;
  }

  .swiper-container-area {
    max-height: 550px !important;
  }

  .h-area {
    height: 550px !important;
  }

  #live-chat,
#live-chat-option {
    display: none !important;
  }

  .border-box-right-left {
    border-left: none !important;
    border-right: none !important;
  }
}
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 81px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 15px;
  right: auto;
  /*webkit-filter: grayscale(50%);
  filter: grayscale(50%);*/
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 15px;
  left: auto;
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  margin: 0 5px;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 0.2;
  background: #000;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 3rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 10px 20px 10px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}

.swiper-container-cube, .swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "Clan Bold";
  src: url("../fonts/1379310/01b0af06-ad3c-41d6-9b21-069625f80868.eot?#iefix");
  src: url("../fonts/1379310/01b0af06-ad3c-41d6-9b21-069625f80868.eot?#iefix") format("eot"), url("../fonts/1379310/aebe1a70-5ea6-4c4c-81ba-8310e3509589.woff2") format("woff2"), url("../fonts/1379310/096d2b37-f42f-43f3-880c-41bb05a467ed.woff") format("woff"), url("../fonts/1379310/44ee6142-b365-41af-9135-715c61a071c4.ttf") format("truetype");
}
@font-face {
  font-family: "Clan Bold Italic";
  src: url("../fonts/1379316/c187376d-23a5-4996-a4d3-32dbf59c33f8.eot?#iefix");
  src: url("../fonts/1379316/c187376d-23a5-4996-a4d3-32dbf59c33f8.eot?#iefix") format("eot"), url("../fonts/1379316/0779d22d-0fdf-4f7a-b9d4-0785b2966aa3.woff2") format("woff2"), url("../fonts/1379316/08f616ac-04e0-411b-a4a0-0b53288556ec.woff") format("woff"), url("../fonts/1379316/c78ead8f-e9af-4924-8dc4-6c33bfc1c86c.ttf") format("truetype");
}
@font-face {
  font-family: "Clan Book";
  src: url("../fonts/1379334/b0e0cfcb-ae44-4bfe-9b09-9c74882cfcc3.eot?#iefix");
  src: url("../fonts/1379334/b0e0cfcb-ae44-4bfe-9b09-9c74882cfcc3.eot?#iefix") format("eot"), url("../fonts/1379334/90089f64-f178-4755-82a0-8f89a7ad02f4.woff2") format("woff2"), url("../fonts/1379334/00fa0f5a-a161-4fb8-8d0c-75da5b94021a.woff") format("woff"), url("../fonts/1379334/644e8119-7082-4314-88d7-38ea205fbebc.ttf") format("truetype");
}
@font-face {
  font-family: "Clan Book Italic";
  src: url("../fonts/1379340/c45ea5e4-ff94-4a48-83d5-7230e648ab48.eot?#iefix");
  src: url("../fonts/1379340/c45ea5e4-ff94-4a48-83d5-7230e648ab48.eot?#iefix") format("eot"), url("../fonts/1379340/ec4c80f9-8913-4ff8-b201-7b63473459ad.woff2") format("woff2"), url("../fonts/1379340/63178927-9269-4438-bfb7-d8b76bd08774.woff") format("woff"), url("../fonts/1379340/2800f8cd-6fe3-416c-ab58-6ac9bc0c2f77.ttf") format("truetype");
}
@font-face {
  font-family: "Clan Medium";
  src: url("../fonts/1379862/60b5c6cd-07b5-4786-89e7-a63e540fa2f0.eot?#iefix");
  src: url("../fonts/1379862/60b5c6cd-07b5-4786-89e7-a63e540fa2f0.eot?#iefix") format("eot"), url("../fonts/1379862/18d9e66d-0f4b-4dc3-882b-88b324651b26.woff2") format("woff2"), url("../fonts/1379862/84c9c803-560a-4dd5-a7a9-4f606391921b.woff") format("woff"), url("../fonts/1379862/c3c78fcc-9ed1-4cde-9744-901ff3162d83.ttf") format("truetype");
}
@font-face {
  font-family: "Clan Medium Italic";
  src: url("../fonts/1379868/41eb2581-84f5-4f69-bad5-e904f53fc91d.eot?#iefix");
  src: url("../fonts/1379868/41eb2581-84f5-4f69-bad5-e904f53fc91d.eot?#iefix") format("eot"), url("../fonts/1379868/eefd0413-f9a8-45a3-8c87-7941ef8182a6.woff2") format("woff2"), url("../fonts/1379868/913cf755-cc3e-4f07-a61d-f298bc5d6912.woff") format("woff"), url("../fonts/1379868/4c777112-dd52-4762-9bdc-d09c888198ab.ttf") format("truetype");
}
@font-face {
  font-family: "Clan News";
  src: url("../fonts/1380054/b097eded-c2da-43a0-a596-8d18d3d9dc18.eot?#iefix");
  src: url("../fonts/1380054/b097eded-c2da-43a0-a596-8d18d3d9dc18.eot?#iefix") format("eot"), url("../fonts/1380054/e5b21225-38cc-41c3-94c2-6caea2dd23a0.woff2") format("woff2"), url("../fonts/1380054/e985298c-b775-41f6-a8a6-e679e547a17f.woff") format("woff"), url("../fonts/1380054/03d59716-f79a-4f73-a1bc-bfb28c1603dc.ttf") format("truetype");
}
@font-face {
  font-family: "Clan News Italic";
  src: url("../fonts/1380060/17b51cd8-63fc-4ddd-b3d9-fbfc723e9367.eot?#iefix");
  src: url("../fonts/1380060/17b51cd8-63fc-4ddd-b3d9-fbfc723e9367.eot?#iefix") format("eot"), url("../fonts/1380060/5f4ee5b0-1f03-4e5e-ac3f-b1f40cace3ee.woff2") format("woff2"), url("../fonts/1380060/436e9d0f-eb83-4cc0-950a-492c68f2aad1.woff") format("woff"), url("../fonts/1380060/a8f66030-bb72-443e-a0eb-1ac5e453b1ec.ttf") format("truetype");
}
* {
  border: 0;
  padding: 0;
  margin: 0;
}

body {
  background-color: #fff;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

small,
.small {
  font-size: 85% !important;
}

.desktop-hidden {
  display: none;
}

.list-showed {
  list-style: disc !important;
}

.list-hidden {
  list-style: none !important;
}

ul.upper.list-no-style.horizontal-list {
  padding-inline-start: 40px;
}

#FormContattiAnchor {
  height: 0px;
  margin-top: -80px;
  position: absolute;
}

.anchor-casa {
  position: relative;
  top: 20px;
}

@media (min-width: 1024px) {
  #FormContattiAnchor {
    margin-top: -300px;
  }

  .anchor-casa {
    top: -106px;
  }
}
/* CHAT NUOVA */
.cx-widget.cx-side-button-group {
  z-index: 9 !important;
}

@media (min-width: 768px) {
  .cx-widget.cx-side-button-group {
    display: none;
  }
}
.header-logo {
  width: 120px;
  height: 44px;
  display: inline-block;
  margin-left: 0 !important;
  background-image: url("../img/new-logo-bianco.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: scroll;
}

.header-logo.scroll {
  background-image: url("../img/new-logo-blu.png");
}

.logo_footer {
  height: 35px;
}

@media (min-width: 768px) {
  .logo_footer {
    height: 37px;
  }
}
/* FIX BACKOFFICE AUI */
@media (min-width: 992px) {
  .aui .lfr-dynamic-form .field.span6,
.aui .lfr-dynamic-form .field.span8,
.aui .lfr-dynamic-form .field.span9,
.aui .lfr-dynamic-form .field.span10,
.aui .lfr-dynamic-form .field.span11,
.aui .lfr-dynamic-form .field.span12 {
    float: initial;
  }
}
/*  AWESOMPLETE  */
.awesomplete > ul > li[aria-selected=true] {
  background: #fff0 !important;
}

.awesomplete > ul > li {
  list-style: none !important;
}

.awesomplete > ul {
  padding-left: 0px !important;
}

/* GENERIC */
.wrapper {
  max-width: 1920px;
  margin: 0 auto;
}

/* NUOVO HEADER */
.wrapper.newheader {
  padding-top: 136px;
  font-family: "Lato" !important;
}

/*
@media (max-width: 1199.98px){
	.wrapper.newheader {
    	padding-top: 110px;
	}
}
*/
/* FINE NUOVO HEADER */
.wrapper-container {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}

.section {
  position: relative;
  padding-top: 0px;
  padding-bottom: 60px;
  margin-bottom: 50px;
}

.section-banded {
  padding-top: 25px !important;
}

/*.section-banded{
  padding-top: 45px !important;
  padding-bottom: 65px !important;
}*/
.section.section--gray {
  background-color: #eceef0;
}

.section.section--lightblue {
  background-color: #e0f5ff;
}

.section.section--style::after,
.section.section--style::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 50px;
}

.section.section--style.left-top::after {
  top: 0;
  left: 0;
  background: linear-gradient(to left bottom, #fff 49%, transparent 51%);
}

.section.section--style.right-top::after {
  top: 0;
  right: 0;
  background: linear-gradient(to right bottom, #fff 49%, transparent 51%);
}

.section.section--style.left-bottom::before {
  left: 0;
  bottom: 0;
  background: linear-gradient(to left top, #fff 49%, transparent 51%);
}

.section.section--style.right-bottom::before {
  right: 0;
  bottom: 0;
  background: linear-gradient(to right top, #fff 49%, transparent 51%);
}

.section .section__title {
  font-size: 50px;
  line-height: 1.17;
  color: #00aaff;
  margin-top: 0px;
  margin-bottom: 45px !important;
}
.section .section__title.bottone_cta {
  font-size: 50px;
  line-height: 1.17;
  color: #00aaff;
  margin-top: 0px;
  margin-bottom: 45px !important;
}
.section .section__title.bottone_cta.landing {
  font-size: 50px;
  line-height: 1.17;
  color: #00aaff;
  margin-top: 0px;
  margin-bottom: 20px !important;
}
.section .section__title-banded {
  font-size: 50px;
  line-height: 1.17;
  color: #00aaff;
  margin-top: 75px;
  margin-bottom: 45px !important;
}
.section .section__title-banded.landing {
  font-size: 50px;
  line-height: 1.17;
  color: #00aaff;
  margin-top: 75px;
  margin-bottom: 20px !important;
}
.section .section-short {
  margin: 20px 0px 20px 0px;
}

.cta-link,
.cta-link:link {
  display: inline-block;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 300;
  color: #fff !important;
  text-transform: uppercase;
  border-radius: 35px;
  padding: 18px 25px;
}

.cta-link.second-cta, .second-cta.cta-link:link {
  color: #e62d87 !important;
}

.cta-link:focus,
.cta-link:hover {
  color: #fff !important;
}

.cta-link.cta-link--big {
  margin-top: 60px;
}

/* PERSONALIZZAZIONE CTA BUTTON */
.btn-color-ciano,
a.btn-color-ciano {
  background-color: #00aaff;
  border: solid 1px #00aaff;
}

.btn-color-ciano:hover {
  background-color: #0099e5;
  border-color: #0099e5;
}

.btn-color-magenta,
a.btn-color-magenta {
  background-color: #e62d87;
  border: solid 1px #e62d87;
}

.btn-color-magenta:hover {
  background-color: #AD2864;
  border-color: #AD2864;
}

.btn-color-magenta:active,
a.btn-color-magenta:active {
  background-color: #7e194a;
  border-color: #7e194a;
}

.btn-color-magenta.second-cta, a.btn-color-magenta.second-cta {
  background-color: #fff;
}

.second-cta.btn-color-magenta:hover {
  background-color: #e62d87;
  border-color: #e62d87;
  color: #fff !important;
}

.second-cta.btn-color-magenta:active {
  background-color: #7e194a;
  border-color: #7e194a;
  color: #fff !important;
}

.btn-color-verde,
a.btn-color-verde {
  background-color: #69af23;
  border: solid 1px #69af23;
}

.btn-color-verde:hover {
  background-color: #5e9d1f;
  border-color: #5e9d1f;
}

/* CTA ISOLATO + TESTO SOPRA*/
.btn-isolated {
  margin: 25px 0px 0px 0px;
  padding: 18px 25px;
}
@media (min-width: 768px) {
  .btn-isolated {
    /* 		margin: 120px 0; */
    padding: 25px 36px;
  }
}

.subtitle_btn_isolated {
  font-size: 30px;
  margin-top: 57px;
}

/* PERSONALIZZAZIONE SLIDER */
.slick-list {
  overflow: visible !important;
}

.slick-dots {
  text-align: center;
  padding-right: 10px;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots li button {
  display: inline-block;
  text-indent: -9999em;
  width: 24px;
  height: 24px;
  background-color: #eee;
  border-radius: 50%;
}

.slick-dots li.slick-active button {
  background-color: #6ac7ea;
}

/* COMPONENTE HERO */
.hero {
  position: relative;
  height: 590px;
  background-position: top right;
  background-repeat: no-repeat;
  padding-top: 70px;
  padding-bottom: 130px;
  margin-bottom: 50px;
  margin-top: 0px;
  background-size: cover;
}

.hero.hero--style::after,
.hero.hero--style::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  /*height: 50px;*/
}

.hero.hero--style.left-top::after {
  top: 0;
  left: 0;
  background: linear-gradient(to left bottom, #fff 49%, transparent 51%);
}

.hero.hero--style.left-top.blue::after {
  background: linear-gradient(to left bottom, #00aaff 49%, transparent 51%);
}

.hero.hero--style.right-top::after {
  top: 0;
  right: 0;
  background: linear-gradient(to right bottom, #fff 49%, transparent 51%);
}

.hero.hero--style.right-top.blue::after {
  background: linear-gradient(to right bottom, #00aaff 49%, transparent 51%);
}

.hero.hero--style.left-bottom::before {
  left: 0;
  bottom: 0;
  background: linear-gradient(to left top, #fff 49%, transparent 51%);
}

.hero.hero--style.left-bottom.blue::before {
  background: linear-gradient(to left top, #00aaff 49%, transparent 51%);
}

.hero.hero--style.right-bottom::before {
  right: 0;
  bottom: 0;
  background: linear-gradient(to right top, #fff 49%, transparent 51%);
}

.hero.hero--style.right-bottom.blue::before {
  background: linear-gradient(to right top, #00aaff 49%, transparent 51%);
}

.hero {
  /*.hero__title::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 60px;
      height: 5px;
      background-color: #fff;
      border-radius: 5px;
  }*/
}
.hero .hero__title {
  position: relative;
  font-size: 50px;
  line-height: 1.2;
  color: #fff;
  /*padding-top: 60px;*/
  margin-bottom: 30px;
}
.hero .hero__title-long {
  position: relative;
  font-size: 50px;
  line-height: 1.2;
  color: #fff;
  /*padding-top: 60px;*/
  margin-bottom: 30px;
}
.hero .hero__desc {
  min-height: 160px;
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
}
.hero .hero__desc-long {
  min-height: 160px;
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
}
.hero .hero__link {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  z-index: 2;
}

/* COMPONENTE TAB */
.abstract {
  font-size: 28px;
  line-height: 1.2;
  padding-top: 50px;
  padding-bottom: 30px;
}

.tab {
  position: relative;
  padding-left: 99px;
}
.tab .tab__links {
  position: absolute;
  top: 10px;
  left: 40px;
  z-index: 2;
  width: 60px;
}
.tab .tab__links .tab__btn {
  display: block;
  position: relative;
  z-index: 3;
  width: 60px;
  height: 60px;
  text-indent: -9999em;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border-top: solid 1px #b2b3b6;
  border-left: solid 1px #b2b3b6;
  border-bottom: solid 1px #b2b3b6;
  -webkit-box-shadow: -5px 5px 15px 0px #d7d7d7;
  -moz-box-shadow: -5px 5px 15px 0px #d7d7d7;
  box-shadow: -5px 5px 15px 0px #d7d7d7;
  margin-bottom: 1px;
}
.tab .tab__links .tab__btn:focus {
  outline: none;
}
.tab .tab__links .tab__btn:hover,
.tab .tab__links .tab__btn.active {
  border-color: #fff;
}
.tab .tab__links .tab__btn.active::after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  z-index: 3;
  width: 0px;
  height: 0px;
  border-top: 30px solid transparent;
  border-left: 15px solid #d8d9da;
  border-bottom: 30px solid transparent;
}
.tab .tab__links .tab__btn.tab__btn--fotovoltaico {
  background-image: url("../images/ico-tab-fotovoltaico.png");
  /* fallback */
  background-image: url("../images/ico-tab-fotovoltaico.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--fotovoltaico:hover,
.tab .tab__links .tab__btn.tab__btn--fotovoltaico.active {
  background-image: url("../images/ico-tab-fotovoltaico-active.png");
  /* W3C */
  background-color: #ffc300;
}
.tab .tab__links .tab__btn.tab__btn--fotovoltaico.active::after {
  border-left-color: #ffc300;
}
.tab .tab__links .tab__btn.tab__btn--luce {
  background-image: url("../images/ico-tab-energy.png");
  /* fallback */
  background-image: url("../images/ico-tab-energy.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--luce:hover,
.tab .tab__links .tab__btn.tab__btn--luce.active {
  background-image: url("../images/ico-tab-energy-active.png");
  /* W3C */
  background-color: #2eaf00;
}
.tab .tab__links .tab__btn.tab__btn--luce.active::after {
  border-left-color: #2eaf00;
}
.tab .tab__links .tab__btn.tab__btn--gas {
  background-image: url("../images/ico-tab-gas.png");
  /* fallback */
  background-image: url("../images/ico-tab-gas.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--gas:hover,
.tab .tab__links .tab__btn.tab__btn--gas.active {
  background-image: url("../images/ico-tab-gas-active.png");
  /* W3C */
  background-color: #00acff;
}
.tab .tab__links .tab__btn.tab__btn--gas.active::after {
  border-left-color: #00acff;
}
.tab .tab__links .tab__btn.tab__btn--manutenzione {
  background-image: url("../images/ico-tab-services.png");
  /* fallback */
  background-image: url("../images/ico-tab-services.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--manutenzione:hover,
.tab .tab__links .tab__btn.tab__btn--manutenzione.active {
  background-image: url("../images/ico-tab-services-active.png");
  /* W3C */
  background-color: #910f7d;
}
.tab .tab__links .tab__btn.tab__btn--manutenzione.active::after {
  border-left-color: #910f7d;
}
.tab .tab__links .tab__btn.tab__btn--wifi {
  background-image: url("../images/ico-tab-wifi.png");
  /* fallback */
  background-image: url("../images/ico-tab-wifi.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--wifi:hover,
.tab .tab__links .tab__btn.tab__btn--wifi.active {
  background-image: url("../images/ico-tab-wifi-active.png");
  /* W3C */
  background-color: #f18f09;
}
.tab .tab__links .tab__btn.tab__btn--wifi.active::after {
  border-left-color: #f18f09;
}
.tab .tab__links .tab__btn.tab__btn--assicurazione {
  background-image: url("../images/ico-tab-assicurazione.png");
  /* fallback */
  background-image: url("../images/ico-tab-assicurazione.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--assicurazione:hover,
.tab .tab__links .tab__btn.tab__btn--assicurazione.active {
  background-image: url("../images/ico-tab-assicurazione-active.png");
  /* W3C */
  background-color: #37b9c3;
}
.tab .tab__links .tab__btn.tab__btn--assicurazione.active::after {
  border-left-color: #37b9c3;
}
.tab .tab__links .tab__btn.tab__btn--caldaia {
  background-image: url("../images/ico-tab-caldaia.png");
  /* fallback */
  background-image: url("../images/ico-tab-caldaia.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--caldaia:hover,
.tab .tab__links .tab__btn.tab__btn--caldaia.active {
  background-image: url("../images/ico-tab-caldaia-active.png");
  /* W3C */
  background-color: #4dc4ff;
}
.tab .tab__links .tab__btn.tab__btn--caldaia.active::after {
  border-left-color: #4dc4ff;
}
.tab .tab__links .tab__btn.tab__btn--batterie {
  background-image: url("../images/ico-tab-batterie.png");
  /* fallback */
  background-image: url("../images/ico-tab-batterie.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--batterie:hover,
.tab .tab__links .tab__btn.tab__btn--batterie.active {
  background-image: url("../images/ico-tab-batterie-active.png");
  /* W3C */
  background-color: #f08372;
}
.tab .tab__links .tab__btn.tab__btn--batterie.active::after {
  border-left-color: #f08372;
}
.tab .tab__links .tab__btn.tab__btn--climatizzatore {
  background-image: url("../images/ico-tab-climatizzatore.png");
  /* fallback */
  background-image: url("../images/ico-tab-climatizzatore.png"), linear-gradient(to right, #ffffff 65%, #d8d9da 100%);
  /* W3C */
}
.tab .tab__links .tab__btn.tab__btn--climatizzatore:hover,
.tab .tab__links .tab__btn.tab__btn--climatizzatore.active {
  background-image: url("../images/ico-tab-climatizzatore-active.png");
  /* W3C */
  background-color: #075091;
}
.tab .tab__links .tab__btn.tab__btn--climatizzatore.active::after {
  border-left-color: #075091;
}
.tab .tab__content {
  display: none;
  position: relative;
  z-index: 1;
  height: 350px;
  font-size: 29px;
  line-height: 1.2;
  color: #425b67;
  text-align: center;
  background-color: #fff;
  border: solid 2px #d8d9da;
  border-radius: 2px;
  -webkit-box-shadow: 0px 40px 25px -25px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0px 40px 25px -25px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 40px 25px -25px rgba(0, 0, 0, 0.65);
  padding: 30px 20px;
  padding-bottom: 55px;
  width: 345px;
}
.tab .tab__content span {
  font-size: 65px;
}
.tab .tab__content .tab__offer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 16px;
  line-height: 1.2;
  color: #00aaff;
  padding-top: 18px;
  padding-bottom: 18px;
}
.tab .tab__content .tab__offer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50px;
  right: 50px;
  height: 1px;
  background-color: #425b67;
}
.tab .tab__content.active {
  display: block;
}
.tab .tab__content.tab__content--fotovoltaico span {
  display: block;
  color: #ffc300;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab .tab__content.tab__content--luce {
  font-size: 16px;
  line-height: 1.5;
}
.tab .tab__content.tab__content--luce span {
  font-size: 29px;
  color: #2eaf00;
}
.tab .tab__content.tab__content--gas span {
  display: block;
  color: #00acff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab .tab__content.tab__content--manutenzione span {
  display: block;
  color: #910f7d;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab .tab__content.tab__content--wifi span {
  display: block;
  color: #f18f09;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab .tab__content.tab__content--assicurazione span {
  display: block;
  color: #37b9c3;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab .tab__content.tab__content--caldaia span {
  display: block;
  color: #4dc4ff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab .tab__content.tab__content--batterie span {
  display: block;
  color: #f08372;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab .tab__content.tab__content--climatizzatore span {
  display: block;
  color: #075091;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* TAB IPAD */
@media (min-width: 768px) and (max-width: 1023px) {
  .tab {
    padding-left: 0px;
    padding-top: 40px;
  }
  .tab .tab__links {
    top: 40px;
    left: 0px;
    margin-left: -60px;
  }

  .abstract {
    padding-right: 40px;
  }
}
/* COMPONENTE CLAIM */
.claim {
  position: relative;
  padding: 90px 80px 0px 80px;
  margin-bottom: 30px;
}
.claim .claim__text {
  position: absolute;
  z-index: 2;
  width: 405px;
  color: #fff;
  text-align: center;
  background-color: rgba(66, 91, 103, 0.9);
  /* #425b67 */
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  padding: 35px;
}
.claim .claim__img::after,
.claim .claim__img::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 9%;
}
.claim .claim__text .claim__title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 44px;
}
.claim .claim__text .claim__desc {
  font-size: 26px;
  line-height: 1.38;
}
.claim .claim__img {
  position: relative;
}

.claim.text-top-left,
.claim.text-bottom-left {
  padding-right: 50px;
}

.claim.text-top-right,
.claim.text-bottom-right {
  padding-left: 50px;
}

.claim.text-top-left .claim__text {
  top: 0;
  left: 0;
}

.claim.text-top-right .claim__text {
  top: 0;
  right: 0;
}

.claim.text-bottom-left .claim__text {
  bottom: 0;
  left: 0;
}

.claim.text-bottom-right .claim__text {
  bottom: 0;
  right: 0;
}

.claim.left-top .claim__img::after {
  top: 0;
  left: 0;
  background: linear-gradient(to left bottom, #fff 49%, transparent 51%);
}

.claim.right-top .claim__img::after {
  top: 0;
  right: 0;
  background: linear-gradient(to right bottom, #fff 49%, transparent 51%);
}

.claim.left-bottom .claim__img::before {
  left: 0;
  bottom: 0;
  background: linear-gradient(to left top, #fff 49%, transparent 51%);
}

.claim.right-bottom .claim__img::before {
  right: 0;
  bottom: 0;
  background: linear-gradient(to right top, #fff 49%, transparent 51%);
}

@media (min-width: 768px) {
  .claim .claim__text {
    height: 405px !important;
  }
}
/*WWPL-2286*/
@media (min-width: 768px) and (max-width: 1024px) {
  .claim .claim__text {
    height: 305px !important;
    width: 305px !important;
  }

  .claim .claim__text .claim__title {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 44px;
  }

  .claim .claim__text .claim__desc {
    font-size: 18px;
    line-height: 1.38;
  }
}
/*WWPL-2286*/
/* COMPONENTE STEP */
.step {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
  margin: 75px 0;
}
.step .step__ico {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 66px;
  height: 66px;
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #425b67;
  border-radius: 50%;
}
.step .step__ico.step__ico--1 {
  background-image: url("../images/ico-step-1.png");
}
.step .step__ico.step__ico--2 {
  background-image: url("../images/ico-step-2.png");
}
.step .step__ico.step__ico--3 {
  background-image: url("../images/ico-step-3.png");
}
.step .step__ico.step__ico--4 {
  background-image: url("../images/ico-step-4.png");
}
.step .step__num {
  font-size: 65px;
  line-height: 1.4;
  margin-top: 20px;
}
.step .step__text {
  font-size: 26px;
  line-height: 1.2;
  margin-top: 20px;
  min-height: 80px;
  padding: 0px 15px;
}
.step .step__desc {
  font-size: 16px;
  line-height: 1.44;
  color: #000;
  margin-top: 10px;
  padding: 0px 15px;
}

.step::before,
.step::after {
  content: "";
  position: absolute;
  top: 32px;
  width: 50%;
  height: 8px;
  background-color: #425b67;
}

.step::before {
  left: 0;
}

.step::after {
  left: 50%;
}

.step.step--first::before {
  content: normal;
}

.step.step--last::after {
  content: normal;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .step .step__text {
    min-height: 120px;
  }
}
/* COMPONENTE SLIDER */
.slide {
  min-height: 150px;
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 180px;
  margin-bottom: 120px;
  margin-left: 80px;
  margin-right: 80px;
}
.slide .slide__img {
  display: inline-block;
}
.slide .slide__title {
  font-size: 40px;
  line-height: 1.3;
  color: #00aaff;
}
.slide .slide__desc {
  font-size: 26px;
  line-height: 1.38;
  font-weight: 300;
  color: #000;
}
.slide .slide__link {
  display: inline-block;
  font-weight: 600;
  font-size: 23px;
  line-height: 1.2;
  font-weight: bold;
  color: #00aaff;
  margin-top: 10px;
}

/* COMPONENTE ACCORDION */
.accordion {
  /* accordion aperto */
  /* sub accordion */
  /* sub accordion aperto */
}
.accordion .accordion__item {
  border-top: solid 4px #939598;
  padding-top: 25px;
  padding-bottom: 0px;
}
.accordion .accordion__item.accordion__item--first,
.accordion .accordion__item:first-child {
  border-top: 0;
}
.accordion .accordion__item .accordion__title {
  position: relative;
  font-size: 23px;
  line-height: 1.4;
  color: #000;
  cursor: pointer;
  padding-left: 50px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.accordion .accordion__item .accordion__title .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border: solid 2px #00aaff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.accordion .accordion__item .accordion__title .icon::before,
.accordion .accordion__item .accordion__title .icon::after {
  content: "";
  position: absolute;
  background-color: #00aaff;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.accordion .accordion__item .accordion__title .icon::before {
  top: 6px;
  left: 13px;
  width: 2px;
  height: 16px;
}
.accordion .accordion__item .accordion__title .icon::after {
  top: 13px;
  left: 6px;
  width: 16px;
  height: 2px;
}
.accordion .accordion__item .accordion__content {
  max-height: 0;
  overflow: hidden;
  /*transition: .4s all cubic-bezier(0.770, 0.000, 0.175, 1.000);*/
}
.accordion .accordion__item .accordion__desc {
  font-size: 18px;
  line-height: 1.2;
  color: #000;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 40px;
}
.accordion .accordion__item .accordion__desc {
  margin-bottom: 0px;
  padding-top: 0px;
}
@media (min-width: 768px) {
  .accordion .accordion__item .accordion__desc {
    margin-bottom: 15px;
    padding-top: 20px;
  }
}
.accordion .accordion__item .accordion__desc ul li {
  margin-bottom: 10px;
  list-style: disc !important;
}
.accordion .accordion__item.open .accordion__title .icon::before {
  content: normal;
}
.accordion .accordion__item.open .accordion__content {
  max-height: 7000px;
}
.accordion .sub-accordion__item {
  border-top: solid 2px #e5e5e5;
  padding-top: 23px;
  padding-bottom: 23px;
}
.accordion .sub-accordion__item .sub-accordion__title {
  position: relative;
  font-size: 23px;
  line-height: 1.3;
  color: #000;
  cursor: pointer;
  padding-left: 50px;
  padding-bottom: 5px;
}
.accordion .sub-accordion__item .sub-accordion__title .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border: solid 2px #b2b3b6;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.accordion .sub-accordion__item .sub-accordion__title .icon::before,
.accordion .sub-accordion__item .sub-accordion__title .icon::after {
  content: "";
  position: absolute;
  background-color: #b2b3b6;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.accordion .sub-accordion__item .sub-accordion__title .icon::before {
  top: 4px;
  left: 11px;
  width: 2px;
  height: 16px;
}
.accordion .sub-accordion__item .sub-accordion__title .icon::after {
  top: 11px;
  left: 4px;
  width: 16px;
  height: 2px;
}
.accordion .sub-accordion__item .sub-accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: 0.4s all cubic-bezier(0.77, 0, 0.175, 1);
}
.accordion .sub-accordion__item .sub-accordion__desc {
  font-size: 16px;
  line-height: 1.56;
  color: #000;
  padding-top: 20px;
  padding-left: 50px;
}
.accordion .sub-accordion__item .sub-accordion__desc ul {
  margin-left: 10px;
}
.accordion .sub-accordion__item .sub-accordion__desc ul li {
  margin-bottom: 10px;
}
.accordion .sub-accordion__item.sub-accordion__item--first,
.accordion .sub-accordion__item:first-child {
  border-top: 0;
}
.accordion .sub-accordion__item.open .sub-accordion__title .icon::before {
  content: normal;
}
.accordion .sub-accordion__item.open .sub-accordion__content {
  max-height: 2000px;
}

.accordion .accordion__item .accordion__desc ul {
  margin-left: 0px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .accordion .accordion__item .accordion__desc ul {
    margin-left: 10px;
    padding-left: 0px;
  }
}

/* COMPONENTE BOX-ICON */
.box-icon {
  position: relative;
  padding-top: 15px;
  padding-left: 95px;
  padding-bottom: 15px;
  margin-bottom: 50px;
  margin-left: 15px;
  margin-right: 15px;
}
.box-icon .box-icon__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 67px;
  height: 68px;
  border-radius: 50%;
}
.box-icon .box-icon__title {
  font-size: 23px;
  line-height: 1.2;
  color: #000;
  margin-bottom: 25px;
}
.box-icon .box-icon__desc {
  font-size: 21px !important;
  line-height: 1.3;
  color: #000;
  text-align: justify;
  margin-right: 40px;
}

.box-icon.box-icon--middle .box-icon__img {
  top: 50%;
  margin-top: -34px;
}

.box-icon.box-icon--bottom .box-icon__img {
  top: auto;
  bottom: 0;
}

.box-without-icon .box-icon__desc {
  font-size: 21px !important;
  line-height: 1.3;
  color: #000;
  text-align: justify;
  padding: 0 20px 20px 20px;
  position: relative;
}
.box-without-icon .box-icon__desc:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 14px;
  height: 5px;
  width: 5px;
  background-color: #000;
  border-radius: 50%;
}

.col-md-12.box-icon.box-icon-note {
  padding-left: 30px;
}

@media (max-width: 767px) {
  .margin-box-icon {
    margin-top: 50px;
  }

  .box-icon-note {
    display: none;
  }
}
.text-info {
  font-size: 16px;
  line-height: 25px;
  color: #000;
  border-top: solid 2px #e5e5e5;
  padding-top: 40px;
}
.text-info li {
  color: #000;
}
.text-info p {
  font-size: 16px;
  line-height: 1.2;
  color: #000;
}
.text-info .text-info__title,
.text-info h2 {
  font-size: 30px;
  line-height: 1.2;
  color: #000;
  margin-bottom: 20px;
}

/* COMPONENTE DOCUMENTAZIONE */
.documentazione {
  position: relative;
  font-size: 30px;
  line-height: 1.2;
  color: #000;
  border-top: solid 2px #e5e5e5;
  padding-top: 20px;
  padding-left: 60px;
  padding-bottom: 20px;
}
.documentazione .documentazione__link {
  font-size: 23px;
  line-height: 1.2;
  color: #000;
}
.documentazione .documentazione__link:hover {
  color: #00aaff;
}
.documentazione .documentazione__extension {
  position: absolute;
  top: 28px;
  left: 0;
  font-size: 20px;
  line-height: 1.2;
  color: #00aaff;
  text-transform: uppercase;
}

.documentazione.documentazione-first,
.documentazione:first-child {
  border-top: 0;
}

/* 3elemIcon Landing*/
.elemicon_title {
  color: #0af;
  font-size: 30px;
  padding-top: 21px;
  line-height: 1.33;
  font-weight: bold;
}

.elemicon_desc {
  font-size: 23px;
  line-height: 1.4;
  color: #000;
}

@media (min-width: 769px) {
  .margin-top-icon {
    margin-top: 50px;
  }
}
/* COMPONENTE FORM */
.form {
  margin-bottom: 40px;
}
.form .form__title {
  font-size: 30px;
  line-height: 1;
  color: #000;
  margin-bottom: 30px;
}
.form .form__desc {
  font-size: 23px;
  line-height: 1;
  color: #000;
  margin-bottom: 30px;
}
.form .form__desc a {
  font-size: 23px;
  line-height: 1;
  color: #000;
  text-decoration: underline !important;
}
.form .form__group {
  margin-bottom: 30px;
}
.form .form__group.form__group--info {
  margin-bottom: 15px;
}
.form .form__fieldset {
  position: relative;
}
.form .form__fieldset .form__input {
  display: block;
  width: 100%;
  height: 60px !important;
  font-size: 25px !important;
  line-height: 20px !important;
  color: #4a4c4e;
  background-color: #fff;
  border: solid 1px #8a8b8e;
  border-radius: 4px;
  outline: 0;
  transition: all 0.2s ease-in-out;
  padding: 0 8px;
  margin-top: 0;
  margin-bottom: 0;
}
.form .form__submit.cta-link {
  font-size: 21px !important;
  line-height: 32px !important;
  border-radius: 30px;
  padding: 13px 42px;
}
.form .form__fieldset .form__label {
  position: absolute;
  top: 13px;
  left: 8px;
  font-size: 25px;
  line-height: 1;
  color: #b3b4b8;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease-in-out;
  margin-bottom: 0;
  z-index: 1;
}
.form .form__fieldset .form__input[data-empty=false] + .form__label,
.form .form__fieldset .form__input:valid + .form__label,
.form .form__fieldset .form__input:focus + .form__label {
  font-size: 12px;
  font-weight: 700;
  color: #b3b4b8;
  transform: translate3d(0, -10px, 0);
}
.form .form__label-checkbox {
  position: relative;
  font-family: Arial;
  font-size: 15px;
  line-height: 18px;
  color: #4a4c4e;
  padding-left: 40px;
}
.form .form__label-checkbox a {
  font-family: Arial;
  font-size: 15px;
  color: #00acff;
}
.form .form__label-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
}
.form .form__info {
  font-family: Arial;
  font-size: 11px;
  color: #4a4c4e;
}

@media (max-width: 1024px) {
  .form {
    margin-top: -10px;
  }
}
/* WWPL-771 adeguamento grafica */
.gray-favicon {
  margin-top: 25px;
  margin-left: 10px;
  position: absolute;
  z-index: 2;
  font-size: 20px !important;
  color: #dadada;
}

/* FORM */
.form-fotovoltaico__input {
  margin: 0px !important;
  padding: 5px 0px 0px 35px !important;
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .tab .tab__content {
    font-size: 24px;
    width: 320px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  /* COMPONENTE TAB */
  .abstract {
    font-size: 28px;
    line-height: 1.29;
    padding-left: 35px;
    padding-right: 90px;
  }

  .tab {
    padding-left: 0;
  }

  /*WWPL-2285*/
  /*  .tab .tab__links {
  	left: -60px;
  }  */
  /*WWPL-2285*/
}
/* SMARTPHONE */
@media (max-width: 768px) {
  .tira-left {
    margin-left: -50px;
  }

  .pull-down {
    margin-top: 30px;
  }

  .desktop-hidden {
    display: block;
  }

  .section-banded {
    padding-top: 40px !important;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 15px;
  }

  .section {
    padding-top: 40px !important;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 15px;
  }
  .section .section__title,
.section .section .section__title-banded,
.section .section__title.bottone_cta,
.section .section__title-banded.landing .section__title.bottone_cta.landing {
    font-size: 28px !important;
    line-height: 1.43 !important;
  }

  .section.section--style::after,
.section.section--style::before {
    height: 25px;
  }

  .cta-link,
.cta-link:link {
    font-size: 16px;
    border-radius: 25px;
    padding: 10px 25px;
  }

  /* COMPONENTE HERO */
  .hero.hero--style::after,
.hero.hero--style::before {
    height: 25px;
  }

  .hero {
    background-position: center bottom;
    background-size: cover;
    height: 475px;
  }

  .hero.hero-newmobile {
    height: 202px;
    margin-bottom: 32px;
  }

  .mobile-header-wrap {
    /*.hero__title::after{
        content: "";
        position: absolute;
        top: -8px;
        left: 15px;
        width: 60px;
        height: 5px;
        background-color: #0af;
        border-radius: 5px;
    }*/
  }
  .mobile-header-wrap .hero__title {
    font-size: 40px;
    font-weight: 500;
    color: #0af;
    line-height: 1.4;
  }
  .mobile-header-wrap .hero__desc {
    font-size: 26px;
    color: #000;
    line-height: 1.08;
  }

  .mobile-header-link.hero__link {
    margin-top: 24px;
    bottom: 40px;
  }

  /*WWPL-2127*/
  #home-slider .hero__title {
    padding-top: 40px;
  }

  /*WWPL-2127*/
  /* COMPONENTE TAB */
  .abstract {
    padding-top: 0;
    padding-bottom: 50px;
    font-size: 18px;
    line-height: 1.44;
  }

  .tab {
    padding-left: 0;
  }
  .tab .tab__links {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin-left: 15px;
  }
  .tab .tab__links .tab__btn {
    float: left;
    border-top: solid 1px #b2b3b6;
    border-left: solid 1px #b2b3b6;
    border-right: solid 1px #b2b3b6;
    border-bottom: 0;
    margin-right: 1px;
    margin-bottom: 0;
    width: 50px;
    height: 50px;
    background-size: 85% auto, cover;
    -webkit-box-shadow: 5px 0px 10px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 0px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 0px 10px 1px rgba(0, 0, 0, 0.3);
  }
  .tab .tab__links .tab__btn:first-child {
    -webkit-box-shadow: 0 -1px 10px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 -1px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -1px 10px 1px rgba(0, 0, 0, 0.3);
  }
  .tab .tab__links .tab__btn:last-child {
    -webkit-box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.3);
  }
  .tab .tab__links .tab__btn.active::after {
    top: auto;
    bottom: -13px;
    right: 0px;
    border-top: 13px solid #d8d9da;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 0;
    z-index: 2;
  }
  .tab .tab__links .tab__btn.tab__btn--fotovoltaico.active::after,
.tab .tab__links .tab__btn.tab__btn--luce.active::after,
.tab .tab__links .tab__btn.tab__btn--gas.active::after,
.tab .tab__links .tab__btn.tab__btn--manutenzione.active::after,
.tab .tab__links .tab__btn.tab__btn--wifi.active::after,
.tab .tab__links .tab__btn.tab__btn--assicurazione.active::after,
.tab .tab__links .tab__btn.tab__btn--caldaia.active::after,
.tab .tab__links .tab__btn.tab__btn--batterie.active::after,
.tab .tab__links .tab__btn.tab__btn--climatizzatore.active::after {
    border-left-color: transparent;
  }
  .tab .tab__links .tab__btn.tab__btn--fotovoltaico {
    background-image: url("../images/ico-tab-fotovoltaico.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--fotovoltaico.active::after {
    border-top-color: #ffc300;
  }
  .tab .tab__links .tab__btn.tab__btn--luce {
    background-image: url("../images/ico-tab-energy.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--luce.active::after {
    border-top-color: #2eaf00;
  }
  .tab .tab__links .tab__btn.tab__btn--gas {
    background-image: url("../images/ico-tab-gas.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--gas.active::after {
    border-top-color: #00acff;
  }
  .tab .tab__links .tab__btn.tab__btn--manutenzione {
    background-image: url("../images/ico-tab-services.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--manutenzione.active::after {
    border-top-color: #910f7d;
  }
  .tab .tab__links .tab__btn.tab__btn--wifi {
    background-image: url("../images/ico-tab-wifi.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--wifi.active::after {
    border-top-color: #f18f09;
  }
  .tab .tab__links .tab__btn.tab__btn--assicurazione {
    background-image: url("../images/ico-tab-assicurazione.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--assicurazione.active::after {
    border-top-color: #37b9c3;
  }
  .tab .tab__links .tab__btn.tab__btn--caldaia {
    background-image: url("../images/ico-tab-caldaia.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--caldaia.active::after {
    border-top-color: #4dc4ff;
  }
  .tab .tab__links .tab__btn.tab__btn--batterie {
    background-image: url("../images/ico-tab-batterie.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--batterie.active::after {
    border-top-color: #f08372;
  }
  .tab .tab__links .tab__btn.tab__btn--climatizzatore {
    background-image: url("../images/ico-tab-climatizzatore.png"), linear-gradient(to bottom, #ffffff 65%, #d8d9da 100%);
    /* W3C */
  }
  .tab .tab__links .tab__btn.tab__btn--climatizzatore.active::after {
    border-top-color: #075091;
  }
  .tab .tab__content {
    z-index: 1;
    padding: 20px 20px 30px 20px;
    font-size: 24px;
    line-height: 1.25;
    width: 335px;
    height: 320px;
  }
  .tab .tab__content.tab__content--luce {
    font-size: 13px;
    line-height: 1.5;
  }
  .tab .tab__content.tab__content--fotovoltaico span {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .tab .tab__content.tab__content--wifi .tab__text {
    margin-top: 25px;
    font-size: 18px;
  }

  /* COMPONENTE CLAIM */
  .claim.text-top-left,
.claim.text-bottom-left {
    padding-right: 0;
  }

  .claim.text-top-right,
.claim.text-bottom-right {
    padding-left: 0;
  }

  .claim .claim__img::before,
.claim .claim__img::after {
    content: normal;
  }

  .claim {
    padding: 0;
    margin-bottom: 30px;
  }
  .claim .claim__text {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    max-height: 100%;
    padding: 30px;
  }
  .claim .claim__text .claim__title {
    font-size: 28px;
    line-height: 1.43;
  }
  .claim .claim__text .claim__desc {
    font-size: 18px;
    line-height: 1.61;
  }
  .claim .claim__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-size: cover;
  }
  .claim .claim__img img {
    display: none;
  }

  .claim-mobile__title {
    margin-bottom: 50px !important;
  }

  /* COMPONENTE STEP */
  .step {
    float: none;
    width: auto;
    text-align: left;
    padding-left: 80px;
    padding-bottom: 20px;
    margin: 0;
  }
  .step .step__ico {
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
    width: 42px;
    margin-left: 13px;
    text-align: center;
    background-color: #425b67;
    background-size: 70%;
  }
  .step .step__num {
    line-height: 1.38;
    font-size: 40px;
    color: #000;
    margin-top: 0;
  }
  .step .step__text {
    color: #000;
    margin-top: 5px;
    font-size: 23px;
    line-height: 1.3;
    min-height: 0px;
  }
  .step .step__desc {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 1.44;
  }

  .step::before,
.step::after {
    background-color: #425b67;
  }

  .step::before {
    content: normal;
  }

  .step.step--first::before,
.step.step--first::after {
    padding-top: 5px;
  }

  .step.step--last::before,
.step.step--last:after {
    margin-bottom: 50px;
  }

  .step::after {
    left: 30px;
    width: 8px;
    height: 100%;
  }

  /* COMPONENTE SLDIER */
  .slider.vertical.slick-slider {
    max-height: none;
  }

  .scopri-piu .slide {
    margin-bottom: 20px;
  }

  .slide {
    text-align: center;
    background-position: top center;
    padding-top: 180px !important;
    padding-left: 0;
    margin-bottom: 80px;
    margin-left: 20px;
    margin-right: 20px;
    min-height: 320px;
  }
  .slide .slide__title {
    font-size: 26px;
    line-height: 1.31;
    margin-bottom: 20px;
  }
  .slide .slide__desc {
    font-size: 18px;
    line-height: 1.44;
  }
  .slide .slide__link {
    margin-top: 20px;
  }

  .slide.slide--first {
    margin-top: 0px;
  }

  /* COMPONENTE ACCORDION */
  .accordion .accordion__item .accordion__title {
    font-size: 23px;
    padding-left: 50px;
    padding-bottom: 0px;
  }
  .accordion .accordion__item .accordion__item .accordion__desc {
    padding-left: 50px;
    font-size: 16px;
  }
  .accordion .sub-accordion__item {
    margin-left: -50px;
  }
  .accordion .sub-accordion__item .sub-accordion__title {
    font-size: 16px;
  }
  .accordion .sub-accordion__item .sub-accordion__content p {
    padding-left: 50px;
    font-size: 16px;
  }
  .accordion .sub-accordion__item .sub-accordion__desc {
    font-size: 23px;
    line-height: 1.56;
    color: #000;
    padding-top: 20px;
    padding-left: 0px;
  }

  /* COMPONENTE BOX-ICON */
  .box-without-icon {
    margin: 0px;
  }
  .box-without-icon .box-icon__desc {
    font-size: 16px !important;
    text-align: left;
    margin-right: 0px !important;
  }

  .box-icon {
    margin: 0px;
    padding-left: 50px;
  }
  .box-icon .box-icon__title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .box-icon .box-icon__img {
    width: 34px;
    height: 35px;
  }
  .box-icon .box-icon__desc {
    font-size: 16px !important;
    text-align: left;
    margin-right: 0px !important;
  }

  .box-icon.box-icon--middle .box-icon__img {
    margin-top: -18px;
  }

  /*TEXT INFO*/
  .text-info {
    padding-left: 0px;
  }
  .text-info .text-info__title,
.text-info .text-info h2 {
    font-size: 23px;
    line-height: 30px;
    font-weight: bold;
    padding-top: 30px;
  }
  .text-info ul {
    margin-bottom: 20px !important;
    font-size: 16px;
    line-height: 23px;
  }
  .text-info ul li {
    font-size: 16px;
    line-height: 23px;
    position: static;
  }
  .text-info p {
    margin-bottom: 20px !important;
  }

  .documentazione .documentazione__link {
    font-size: 23px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) and (min-width: 737px) and (max-width: 768px) {
  /* COMPONENTE TAB */
  .abstract {
    padding-top: 50px;
  }
}
@media (max-width: 768px) and (max-width: 320px) {
  .tab .tab__content {
    font-size: 22px;
    width: 280px;
  }

  .tab .tab__content span {
    font-size: 55px;
  }
}
/* PRIVACY */
.privacy-light-box {
  position: fixed;
  z-index: 9999;
  top: 0px;
  padding: 0px;
  width: 100%;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
}

.privacy {
  font-size: 16px;
  line-height: 23px;
  padding: 0% 25%;
}
.privacy .privacy__logo {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 5px;
}
.privacy .privacy__logo img {
  width: 138px !important;
  height: 53px !important;
}
.privacy .privacy__text {
  min-height: 445px;
  padding-bottom: 0px;
}
.privacy .privacy__text .container {
  margin-top: 5px;
  margin-bottom: 5px;
}
.privacy .privacy__text .radio-btns + .hr_margini {
  margin-top: 35px;
}
.privacy .privacy__title {
  font-size: 30px;
  line-height: 42px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.privacy .privacy__close {
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 5px;
}
.privacy .privacy__close a {
  color: #000;
}
.privacy .hr_margini {
  margin-top: 12px;
  margin-bottom: 3px;
}

.privacy-light-box .privacy__text {
  text-align: justify;
}

.privacy__text li {
  left: 0px;
}

@media (max-width: 1200px) {
  .privacy {
    padding: 0% 15%;
  }
}
.overflow_hidden {
  overflow: hidden;
}

@media (max-width: 992px) {
  .privacy {
    width: auto;
    padding: 0% 8%;
  }

  .privacy__text {
    padding-left: 10px;
    padding-right: 10px;
  }

  .privacy .privacy__close {
    height: 100px;
  }
}
/*COMPONENTE NURTURING*/
#nurturing-wrapper .section__title {
  margin-bottom: 70px !important;
}
#nurturing-wrapper form .input-check {
  background-color: #fcfcfc;
  width: 32px;
  height: 32px;
  line-height: 14px;
  border: 2px solid #dadada;
  color: #dadada;
  border-radius: 4px !important;
  cursor: pointer;
  margin-right: 6px !important;
}
#nurturing-wrapper .wrapper-container {
  margin-top: 25px;
  margin-bottom: 27px;
}
#nurturing-wrapper .nurturing-content {
  overflow: hidden;
}
#nurturing-wrapper .nurturing-sx {
  line-height: 1.38;
  font-size: 23px;
}
#nurturing-wrapper .nurturing-cx {
  box-sizing: border-box;
  margin-top: 10px;
}
#nurturing-wrapper .padding-nurturing {
  padding-left: 48px;
  padding-right: 48px;
  padding-bottom: 50px;
  padding-top: 20px;
}
#nurturing-wrapper .gray-envelope {
  color: #dadada;
  font-size: 20px !important;
}
#nurturing-wrapper .green-envelope {
  color: #008737;
  font-size: 20px !important;
}
#nurturing-wrapper .red-envelope {
  color: #af2b3d;
  font-size: 20px !important;
}
#nurturing-wrapper .input-style {
  background-color: white;
  padding: 0px 0px 0px 10px;
  border: 2px solid #dadada;
  border-radius: 5px;
  margin-bottom: 25px !important;
}
#nurturing-wrapper .far-right {
  width: 5%;
  padding-top: 10px;
  padding-right: 25px;
  font-size: 20px;
  margin-left: -15%;
  float: right;
  position: relative;
  display: none;
  color: #008737;
}
#nurturing-wrapper .checked-int {
  background-color: #00aaff;
  height: 100%;
  color: white;
  display: none;
  font-size: 28px;
  border-radius: 4px;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  text-align: center;
}
#nurturing-wrapper form .hidden {
  display: none;
}
#nurturing-wrapper .title-bar {
  font-size: 48px;
  padding: 45px;
}
#nurturing-wrapper .nurturing-response.thank {
  display: none;
  background: #e2f8ff;
  padding: 20px 25px;
  line-height: 30px;
}
#nurturing-wrapper .nurturing-response.thank .title {
  color: #00acff;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.4 !important;
  font-size: 20px !important;
}
#nurturing-wrapper .nurturing-response.thank .text {
  font-size: 24px !important;
  line-height: 1.33 !important;
  font-weight: 500 !important;
  padding: inherit;
  text-align: center;
}
#nurturing-wrapper .nurturing-response.error {
  display: none;
  background: #ff8f8f;
  padding: 20px;
  line-height: 30px;
}
#nurturing-wrapper .nurturing-response.error .title {
  color: #a30000;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.4 !important;
  font-size: 20px !important;
}
#nurturing-wrapper .nurturing-response.error .text {
  font-size: 24px !important;
  line-height: 1.33 !important;
  font-weight: 500 !important;
  padding: inherit;
  text-align: center;
}
#nurturing-wrapper .nurturing-form .input-text {
  border-bottom: 2px;
  font-weight: bold;
}
#nurturing-wrapper ::placeholder {
  color: #dadada;
  opacity: 1;
}
#nurturing-wrapper :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #dadada;
}
#nurturing-wrapper ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #dadadayyy;
}
#nurturing-wrapper .nurturing-form .input-check.error {
  color: #af2b3d !important;
  border: 2px solid #af2b3d !important;
  box-shadow: 0 0;
}
#nurturing-wrapper .nurturing-form .input-style.error {
  color: #af2b3d !important;
  border: 1px solid #af2b3d !important;
  box-shadow: 0 0;
}
#nurturing-wrapper .nurturing-form .liberatoria .error {
  color: #af2b3d;
  font-size: 14px;
  font-weight: bold;
}
#nurturing-wrapper .nurturing-form input.error::-webkit-input-placeholder {
  color: #af2b3d !important;
}
#nurturing-wrapper .nurturing-form input.error::-moz-placeholder {
  color: #af2b3d !important;
}
#nurturing-wrapper .nurturing-form input.error:-ms-input-placeholder {
  color: #af2b3d !important;
}
#nurturing-wrapper .nurturing-form input.error:-moz-placeholder {
  color: #af2b3d !important;
}
#nurturing-wrapper .label-screen {
  display: none;
}
#nurturing-wrapper .label-screen.error {
  border: solid 1px #af2b3d;
  color: #af2b3d;
  border-radius: 10px;
  font-size: 12px;
  background-color: #f4a7a8;
  margin: -25px 0 10px 0;
  position: relative;
  z-index: 1;
  display: block;
  padding: 5px;
}
#nurturing-wrapper .input-check {
  width: 25px;
  height: 25px;
  float: left;
}
#nurturing-wrapper .liberatoria {
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: justify;
  overflow: hidden;
  margin-bottom: 24px;
  padding-left: 10px;
}
#nurturing-wrapper .liberatoria a {
  color: #00acff;
}
#nurturing-wrapper #nurturing-submit {
  font-size: 17.5px !important;
  line-height: 1.2;
  font-weight: 300;
  text-transform: uppercase;
  background: #008737;
  border: 1px solid #008737;
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  outline: none !important;
  width: 100% !important;
}
#nurturing-wrapper #nurturing-submit:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#nurturing-wrapper .center-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  #nurturing-wrapper .section__title {
    margin-bottom: 25px !important;
  }
  #nurturing-wrapper .nurturing-sx {
    font-size: 18px;
    line-height: 1.44;
  }
  #nurturing-wrapper .nurturing-dx {
    margin: 40px 0;
  }
  #nurturing-wrapper .nurturing-form {
    padding: 0 !important;
  }
  #nurturing-wrapper .green-envelope {
    font-size: 14px !important;
  }
  #nurturing-wrapper .nurturing-form input {
    padding: 8px 0px !important;
    margin: 0px 0px !important;
  }
  #nurturing-wrapper .nurturing-form .input-text {
    width: 80% !important;
    font-size: 14px !important;
    line-height: inherit !important;
  }
  #nurturing-wrapper #nurturing-submit {
    font-size: 16px !important;
    padding: 13px 24px !important;
  }
  #nurturing-wrapper .nurturing-response.thank {
    margin: 10% 3%;
  }
  #nurturing-wrapper .nurturing-response.error {
    margin: 10% 3%;
  }
  #nurturing-wrapper .desktop-img {
    display: none !important;
  }
  #nurturing-wrapper .mobile-img {
    display: display !important;
    text-align: center;
  }
  #nurturing-wrapper .far-right {
    padding-top: 12px;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  #nurturing-wrapper .desktop-img {
    display: display !important;
  }
  #nurturing-wrapper .mobile-img {
    display: none !important;
  }
  #nurturing-wrapper .nurturing-form input {
    font-size: 20px !important;
  }
}
@media (min-width: 1025px) {
  #nurturing-wrapper .nurturing-form .input-text {
    width: 77%;
  }
  #nurturing-wrapper .nurturing-form {
    margin-left: 12%;
  }
  #nurturing-wrapper .nurturing-sx {
    float: left;
    width: 48%;
    padding-right: 47px;
  }
  #nurturing-wrapper .nurturing-cx {
    float: left;
    width: 30%;
  }
  #nurturing-wrapper .nurturing-dx {
    float: right;
    width: 15%;
  }
  #nurturing-wrapper .nurturing-form input {
    padding: 8px 0px !important;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  #nurturing-wrapper .green-envelope {
    font-size: 16px !important;
  }
  #nurturing-wrapper .section .section__title {
    padding: 10px;
  }
  #nurturing-wrapper .nurturing-form input {
    padding: 8px 0px !important;
    margin: 0px 0px !important;
  }
  #nurturing-wrapper .nurturing-sx {
    width: 100%;
    padding: 0px 5.5% 50px 0px;
  }
  #nurturing-wrapper fieldset {
    padding: 0px 5.5%;
    width: 50%;
  }
  #nurturing-wrapper .nurturing-dx {
    float: right;
    width: 50%;
    padding-left: 16%;
  }
  #nurturing-wrapper #nurturing-submit {
    /*margin-left: 100px;*/
  }
  #nurturing-wrapper .nurturing-response.thank {
    width: 50% !important;
  }
  #nurturing-wrapper .nurturing-response.error {
    width: 50% !important;
  }
  #nurturing-wrapper .nurturing-form .input-text {
    font-size: 16px !important;
    width: 77% !important;
    line-height: inherit !important;
    margin: 0px 0px !important;
  }
  #nurturing-wrapper .far-right {
    padding-top: 10px;
    font-size: 16px;
  }
}

#nurturing-wrapper.bg-nurturing-gray {
  background-color: #eceef0;
}

#nurturing-wrapper.bg-nurturing-azure {
  background-color: #e5f6ff;
}

/* WIDGET TESTUALE + SLIDER MARCHI */
@media (max-width: 768px) {
  .section.widget-testuale-wrapper {
    padding-top: 0px !important;
    margin-top: 0px;
  }
}
.widget-testuale-wrapper .content {
  font-size: 16px;
  line-height: 25px;
}
.widget-testuale-wrapper .content.dx {
  text-align: right;
}
.widget-testuale-wrapper .content.sx {
  text-align: left;
}
.widget-testuale-wrapper .content.cx {
  text-align: center;
}
.widget-testuale-wrapper .content.ju {
  text-align: justify;
}
.widget-testuale-wrapper .content p {
  margin: 0 0 10px 0 !important;
}
.widget-testuale-wrapper .content h2 {
  font-size: 23px;
  line-height: 30px;
  margin: 0 0 10px 0 !important;
}
.widget-testuale-wrapper .content h3 {
  font-size: 17px;
  line-height: 1.34;
  margin: 0 0 10px 0 !important;
}
.widget-testuale-wrapper .content h4 {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 10px 0 !important;
}
.widget-testuale-wrapper .content h5 {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 10px 0 !important;
}
.widget-testuale-wrapper .content h6 {
  font-size: 9px;
  line-height: 13px;
  margin: 0 0 10px 0 !important;
}
.widget-testuale-wrapper li {
  margin-left: 20px;
}
.widget-testuale-wrapper .image {
  width: 100%;
  display: block;
  margin: auto;
}
.widget-testuale-wrapper .image-right {
  float: right;
  width: 45vw;
  margin: 0 0 30px 30px;
  display: none;
}
.widget-testuale-wrapper .image-left {
  float: left;
  width: 45vw;
  margin: 0 30px 30px 0;
  display: none;
}
@media (min-width: 768px) {
  .widget-testuale-wrapper {
    padding: 0px 20px 0px 20px;
  }
  .widget-testuale-wrapper h1 {
    font-size: 55px;
    line-height: 65px;
    margin: 0 0 90px 0 !important;
  }
  .widget-testuale-wrapper .content h2 {
    font-size: 30px;
    line-height: 42px;
  }
  .widget-testuale-wrapper .content h3 {
    font-size: 23px;
    line-height: 32px;
  }
  .widget-testuale-wrapper .col-wt-8 {
    width: 100%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .widget-testuale-wrapper .col-wt-4 {
    display: none;
  }
  .widget-testuale-wrapper .col-wt-6 .image {
    display: block;
  }
  .widget-testuale-wrapper .col-wt-8 .image-right {
    display: block;
  }
}
@media (min-width: 1440px) {
  .widget-testuale-wrapper .col-wt-6 {
    width: 50%;
    float: left;
    /*height: -webkit-fill-available;*/
    background-repeat: no-repeat;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .widget-testuale-wrapper .col-wt-8 {
    width: 66%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .widget-testuale-wrapper .col-wt-4 {
    display: block;
    width: 33%;
    float: left;
    /* height: -webkit-fill-available;*/
    background-repeat: no-repeat;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .widget-testuale-wrapper .image {
    width: auto;
    display: block;
    height: auto;
  }
  .widget-testuale-wrapper .col-wt-8 .image-right {
    display: none;
  }
}

/* SLIDER MARCHI */
.slider-marchi-wrapper {
  padding: 75px 0;
  min-height: -webkit-fill-available;
}

.slider-marchi.slick-slider {
  max-height: none;
  z-index: 3;
}
.slider-marchi.slick-slider .slick-list {
  overflow: hidden !important;
}
.slider-marchi.slick-slider .box-img-marchi {
  height: 95px;
  width: 180px;
  margin: 0 auto 10px auto;
}
.slider-marchi.slick-slider .slider-img {
  display: block;
  max-height: 100%;
}
.slider-marchi.slick-slider .slick-list {
  margin-bottom: 70px;
}
.slider-marchi.slick-slider .slick-prev,
.slider-marchi.slick-slider .slick-next {
  background-color: transparent;
  position: absolute;
  top: 35%;
  display: block;
  padding: 0;
  cursor: pointer;
  color: #00acff;
  border: none;
  outline: none;
  z-index: 1;
  font-size: 25px;
  padding-top: 40px;
}
.slider-marchi.slick-slider .slick-prev {
  left: 0;
}
.slider-marchi.slick-slider .slick-next {
  right: 0;
}
@media (min-width: 1024px) {
  .slider-marchi.slick-slider .slick-prev {
    font-size: 60px;
    left: -25px;
  }
  .slider-marchi.slick-slider .slick-next {
    font-size: 60px;
    right: -25px;
  }
}
@media (min-width: 1440px) {
  .slider-marchi.slick-slider .slick-prev {
    padding-top: 80px;
  }
  .slider-marchi.slick-slider .slick-next {
    padding-top: 80px;
  }
}
@media (max-width: 768px) {
  .slider-marchi.slick-slider .slick-prev {
    padding-top: 25px;
    margin-left: -5px;
  }
  .slider-marchi.slick-slider .slick-next {
    padding-top: 25px;
    margin-right: -5px;
  }
  .slider-marchi.slick-slider .box-img-marchi {
    height: 60px;
    width: 95px;
  }
}

/* WWPL- 798 Gestione BR in cover/slideHeader */
@media (max-width: 1024px) {
  .hero__desc br {
    display: none;
  }

  .hero__title br {
    display: none;
  }
}
/* WWPL - 979 AlwaysHome: inserimento link su Caratteristiche principali */
div.claim__desc a {
  color: inherit;
}

/* OVERLAY NUOVACASA ALWAYSHOME*/
/* WWPL-1173*/
.overWrapper .closer_x {
  letter-spacing: -1.1px;
  color: #b3b4b8;
  font-size: xx-large;
  cursor: pointer;
  top: 30px;
  right: 30px;
  position: absolute;
  text-transform: lowercase;
}

.ko_message {
  margin-bottom: 50px;
}

.overAH__input-long {
  margin: 0px !important;
  padding: 5px 0px 0px 50px !important;
}

.overAH {
  color: #000;
}
.overAH .form {
  margin-top: -16px;
  margin-bottom: 20px;
}
.overAH .form .form__fieldset .over-form__label-short {
  margin: 5px 0px 0px 30px;
}
.overAH .form .form__fieldset .over-form__label-long {
  margin: 5px 0px 0px 45px;
}
.overAH #modulo-verificavenditore.form {
  margin-top: 46px;
}
.overAH .disabled-btn {
  cursor: default;
  background: #d9d9db !important;
  pointer-events: none;
  cursor: normal;
}
.overAH .minor_btn {
  width: 260px;
  height: 50px;
  border-radius: 25px;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #6ac7ea;
  margin: auto;
  color: #fff;
  font-size: 18.5px;
}
.overAH .main_btn {
  width: 325px;
  height: 60px;
  border-radius: 35px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #e62d87;
  margin: auto;
  margin-top: 28px !important;
  margin-bottom: 10px;
  color: #fff;
  font-size: 25px;
}
.overAH .verifica_btn {
  width: 180px;
  height: 60px;
  line-height: 60px;
  font-size: 21px;
}
.overAH .used_btn {
  background-color: #b2b3b6 !important;
}
.overAH .title {
  font-size: 34px;
  line-height: 1.22;
  text-align: center;
  color: #00aaff;
  margin-top: 10px;
  margin-bottom: 30px;
}
.overAH .over_text {
  font-size: 23px;
  line-height: 1.39;
  text-align: center;
  margin: 25px auto 30px auto;
  font-weight: normal;
}
.overAH .ah_title {
  font-size: 23px;
  line-height: 32px;
}
.overAH .ah_text {
  font-size: 16px;
  line-height: 1.56;
}
.overAH .hr_margini {
  margin-top: 12px;
  margin-bottom: 3px;
}
.overAH .over-icon {
  margin-top: 15px;
  font-size: 33px !important;
}
.overAH .over-icon.ok-icon {
  color: green;
}
.overAH .icon_right {
  position: absolute;
  right: 12px;
  top: 2px;
  font-size: 25px;
}
.overAH .logoAH {
  height: 54px;
  width: 160px;
}
@media (max-width: 767px) {
  .overAH {
    color: #000;
  }
  .overAH .minor_btn {
    width: 153px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    font-size: 11px;
  }
  .overAH .main_btn {
    width: 193px;
    height: 42px;
    border-radius: 21px;
    line-height: 42px;
    margin-top: 25px !important;
    margin-bottom: 25px;
    font-size: 15.5px;
  }
  .overAH .verifica_btn {
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .overAH .title {
    font-size: 28px;
    line-height: 1.43;
    margin-bottom: 18px !important;
  }
  .overAH .over_text {
    font-size: 13px;
    line-height: 1.46;
    margin: 20px auto;
  }
  .overAH .form .form__fieldset .form__input {
    height: 40px;
    width: 100%;
  }
  .overAH .over-icon {
    margin-top: 20px;
    font-size: 17px !important;
  }
  .overAH .mobile-resize {
    padding: 0;
    margin: 0;
  }
  .overAH .form .form__fieldset .form__label {
    position: absolute;
    top: 30%;
    left: -9px;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 0;
    height: 20%;
  }
  .overAH .logoAH {
    width: 100px;
    height: 34px;
  }
}

/* RADIO BUTTON CUSTOM */
/* Customize the label (the container) */
.containerAH {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.containerAH input {
  position: absolute;
  opacity: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #dadada;
}

/* On mouse-over, add a grey background color */
.containerAH:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerAH input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerAH input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerAH .checkmark:after {
  top: 3px;
  left: 3px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #00caff;
}

.overAH input::placeholder {
  color: #ccc;
  margin-left: 15px;
}

@media (max-width: 1023px) {
  .overWrapper .closer_x {
    width: 10px;
    font-size: x-large;
  }
}
.awesomplete > ul > li[aria-selected=true] {
  background: #e62d87 !important;
  width: 98%;
  color: white;
}

/* WIDGET CONTATTI */
.rotate-arrow {
  transform: rotate(180deg);
}

.arrow-cont {
  font-size: 28px;
  width: 45px;
  margin: auto;
  border: 2px solid white;
  padding: 6px;
  border-radius: 50%;
}

.change-up-arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.form_bgc {
  background: rgba(0, 170, 255, 0.15);
}

.thank_contatti_form {
  color: #37b9c3;
  font-size: 24px;
  text-align: center;
  padding-bottom: 15px;
}

.contatti-main-row .form-widget-wrapper {
  padding-top: 50px;
  background: rgba(0, 170, 255, 0.15);
}

.contatti-main-row .title_contatti_widget {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.36;
}

.contatti-section h2.label-contatti {
  font-size: 22px;
  margin: 0;
  line-height: 48px;
}

.arrow_multi {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 28px) calc(1em + 2px), calc(100% - 24px) calc(1em + 2px), calc(100% + 0.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  outline: none;
  border-color: #ccc;
}

.wrapper-container-batterie {
  max-width: 1170px;
  margin: 0 auto;
}

.hide_overflow_y {
  overflow-y: hidden;
}

.thankyouMessageMain {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.47;
  padding-bottom: 20px;
  padding-top: 20%;
}

.thankyouMessage {
  font-size: 23px;
  line-height: 1.39;
}

.contatti-section .batterie .form .form__fieldset .form__input[data-empty=false] + .form__label,
.contatti-section .batterie .form .form__fieldset .form__input:valid + .form__label,
.contatti-section .batterie .form .form__fieldset .form__input:focus + .form__label,
.contatti-section .batterie .form .form__fieldset .form__input + .error + .form__label,
.contatti-section .batterie .form .form__fieldset .form__label.focused {
  font-size: 9.5px !important;
  transform: translate3d(0, -7px, 0) !important;
  font-weight: normal;
  position: absolute;
  z-index: 2;
}

.contatti-section .form .form__fieldset .form__input {
  height: 40px !important;
  padding: 15px 8px 0 8px;
  font-size: 20px !important;
  line-height: 15px;
  margin: 0;
}

.contatti-section .batterie .form .form__fieldset .form__label {
  font-size: 15px !important;
  transform: translate3d(0, 0px, 0) !important;
  font-weight: normal;
  top: 13px;
}

.contatti-section #form_batterie label.error + .form__label {
  font-size: 10.5px !important;
  transform: translate3d(0, -10px, 0) !important;
  font-weight: normal;
  position: absolute;
  z-index: 2;
}

.contatti-section .bigger-checkbox {
  height: 32px;
  width: 32px;
}

.contatti-section .wrap-privacy {
  line-height: 38px;
  font-size: 15px;
  font-family: "Lato";
  font-weight: normal;
}

.contatti-section .form .form__submit.cta-link {
  font-size: 14px !important;
  line-height: 12px !important;
  padding: 13px 50px;
  font-family: "Lato";
}

@media (max-width: 767px) {
  .contatti-section .row .wrap-privacy {
    line-height: 20px;
  }
}
.overlay-privacy {
  display: none;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5% 15px;
}

.overlay-privacy .overlay-privacy__wrapper {
  position: relative;
  max-width: 1000px;
  background-color: #fff;
  border-radius: 11px;
  margin: 0 auto;
}

.overlay-privacy .overlay-privacy__wrapper .close-icon {
  position: absolute;
  top: 5px;
  right: 4px;
  z-index: 2;
  width: 28px;
  height: 28px;
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  background-color: #94969a;
  border-radius: 50%;
  box-shadow: 8px 8px 12px -5px #cccccc;
}

.overlay-privacy .overlay-privacy__scroll > div {
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 35px;
}

.overlay-privacy .overlay-privacy__title {
  font-size: 30px;
  padding-top: 35px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 20px;
  letter-spacing: -1px;
  line-height: 1.2;
}

.overlay-privacy .overlay-privacy__subject {
  font-size: 20px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 10px;
}

.overlay-privacy .overlay-privacy__text * {
  font-size: 15px;
}

.overlay-privacy .overlay-privacy__text ul {
  padding-bottom: 10px;
  padding-left: 30px;
}

.overlay-privacy .overlay-privacy__footer {
  padding-top: 10px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 20px;
}

.overlay-privacy .overlay-privacy__footer a {
  font-size: 13px;
  text-decoration: underline !important;
}

.overlay-privacy .overlay-privacy__footer a:hover {
  text-decoration: none;
}

select#fasciaOrariaRicontatto.error {
  border: solid 1px #af2b3d !important;
  color: #af2b3d;
  z-index: 1;
  position: relative;
}

label#fasciaOrariaRicontatto-error {
  color: #af2b3d;
  border: solid 1px #af2b3d;
  display: flex;
  padding: 10px 0px 0px 5px;
  border-radius: 10px;
  background-color: #f4a7a8;
  z-index: 0;
  position: relative;
}

.contatti-section input.form__input.error {
  border: solid 1px #af2b3d !important;
  color: #af2b3d;
  z-index: 1;
  position: relative;
}

.contatti-section input.form__input:focus {
  z-index: 1;
  position: relative;
}

.contatti-section input:not([type=checkbox]) + label.error {
  color: #af2b3d;
  border: solid 1px #af2b3d;
  display: flex;
  padding: 10px 0px 0px 5px;
  border-radius: 10px;
  background-color: #f4a7a8;
  z-index: 0;
  position: relative;
}

.contatti-section #privacy-error.error {
  padding-top: 2px;
  display: flex;
  color: #af2b3d;
}

.bigger-checkbox {
  height: 20px;
  /* rimosso important ad entrambi*/
  width: 20px;
}

/* LARGE DESKTOP */
@media (min-width: 1440px) {
  .thankyouTitle {
    font-size: 30px;
    line-height: 1.47;
    font-weight: bold;
    font-weight: 600;
    padding-bottom: 20px;
  }
}
/* SMARTPHONE */
@media (max-width: 992px) {
  .overlay-privacy .overlay-privacy__title {
    padding-left: 20px;
    padding-right: 20px;
  }

  .overlay-privacy .overlay-privacy__subject {
    padding-left: 20px;
    padding-right: 20px;
  }

  .overlay-privacy .overlay-privacy__scroll > div {
    padding: 20px;
  }

  .overlay-privacy .overlay-privacy__footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .thankyouMessageMain {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.27;
  }

  .thankyouMessage {
    font-size: 22px;
    line-height: 1.27;
  }
}
.contatti-section .contatti-block {
  min-height: 200px;
}

.contatti-section .btn_block {
  color: white;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 2.67;
  letter-spacing: normal;
  margin-bottom: 48px;
}

.contatti-section .contatti-main-row {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}

@media (min-width: 769px) {
  .contatti-section .column_tabled {
    display: table-cell;
    float: none;
  }

  .contatti-section .contatti-main-row {
    border-top-right-radius: 10px;
  }
}
@media (max-width: 768px) {
  .contatti-section .btn_block {
    margin: 14px auto 20px auto;
    width: 60%;
    border-radius: 16px;
  }

  .contatti-section .row.contatti-block {
    padding-top: 20px;
  }

  .contatti-section .blocco-alto .block-icon {
    margin-top: 0px;
    margin-bottom: 12px;
  }

  .batterie .form .form__fieldset .form__label {
    top: 22px;
  }

  .contatti-section .contatti-main-row {
    border-top-right-radius: unset;
  }
}
.contatti-section .description-gen {
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  vertical-align: middle;
  align-items: center;
}

@media (max-width: 768px) {
  .contatti-section .description-gen {
    display: grid !important;
    grid-template-rows: 85% 0%;
  }
}
.contatti-section .block-icon {
  height: 70px;
  margin-top: 50px;
  text-align: center;
  width: 70px;
}

.contatti-section .block-title {
  font-size: 14px;
  text-align: center;
  padding: 10px 20px;
}

.contatti-section .block-label {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 48px;
}

@media (max-width: 768px) {
  .contatti-section .mobile-only-grid {
    display: grid !important;
  }

  .contatti-section #form_batterie #privacy-error.error {
    padding-top: 0px;
  }

  .contatti-section #form_batterie input:not([type=checkbox]) + label.error {
    padding: 2px 0px 0px 5px;
    border-radius: 0px 0px 10px 10px;
    font-size: 10px;
  }
}
.mobile-only-grid {
  display: none !important;
}

@media (min-width: 1200px) {
  .wr-opzioni.container, .sezione-opzioni_manut_1 .wrapper-opzioni {
    width: 1170px !important;
  }
}
.bottone-richiama-box {
  margin: -25px auto 20px auto !important;
}

.container-box-price {
  bottom: 0px !important;
}

.hidden_block {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.container {
  margin-bottom: 100px;
}

/* NUOVO HEADER */
.newheader .container {
  margin-bottom: 0px;
}

/* FINE NUOVO HEADER */
#sezione-opzioni-overlay {
  position: relative;
  top: 10px;
}

.sezione-opzioni {
  margin-top: 60px;
  margin-bottom: 100px;
}

.sezione-opzioni_prodotto .tooltipInfo {
  position: relative;
  display: inline-block;
}
.sezione-opzioni_prodotto .tooltipInfo .tooltiptext {
  background-color: #00acff;
  font-family: Lato;
  font-size: 13.5px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: -0.1px;
  text-align: justify;
  color: #ffffff;
  visibility: hidden;
  width: 140px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 35%;
  margin-left: -60px;
}
.sezione-opzioni_prodotto .tooltipInfo .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #00acff transparent transparent transparent;
}
.sezione-opzioni_prodotto .tooltipInfo:hover .tooltiptext {
  visibility: visible;
}
.sezione-opzioni_prodotto .zoom:hover {
  transform: scale(1.1);
  z-index: 1;
}
.sezione-opzioni_prodotto .zoom {
  transition: transform 1s;
}
.sezione-opzioni_prodotto .main-title {
  font-size: 60px;
  font-weight: 500;
  line-height: 1.17;
  text-align: center;
  color: #00aaff;
}
.sezione-opzioni_prodotto .wrapper-opzioni {
  position: relative;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.sezione-opzioni_prodotto .wrapper-label-box {
  width: 100%;
}
.sezione-opzioni_prodotto .label-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 160px;
  z-index: 1;
}
.sezione-opzioni_prodotto .label-box-text {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.41;
  text-align: center;
}
.sezione-opzioni_prodotto .label-box-triangle {
  border-left: 18px solid transparent;
  position: absolute;
  top: 32px;
  left: 0px;
}
.sezione-opzioni_prodotto .wrapper-label-box > .color-label-box {
  background-color: #69af23;
}
.sezione-opzioni_prodotto .wrapper-label-box > .label-box > .color-label-box-text {
  color: #ffffff;
}
.sezione-opzioni_prodotto .wrapper-label-box > .label-box > .color-label-box-triangle {
  border-top: 25px solid green;
}
.sezione-opzioni_prodotto .wrapper-label-box > .transparent-label-box {
  background-color: unset;
}
.sezione-opzioni_prodotto .wrapper-label-box > .label-box > .transparent-label-box-text {
  color: transparent;
}
.sezione-opzioni_prodotto .wrapper-label-box > .label-box > .transparent-label-box-triangle {
  border-top: 25px solid transparent;
}
.sezione-opzioni_prodotto .box-opzioni {
  text-align: center !important;
  font-size: 18px !important;
  background-color: #eaf8ff;
  border: solid 1px #b2b3b6;
  margin-left: 16px;
  margin-right: 16px;
  box-shadow: 0px 25px 20px 0px #999;
  position: relative;
  height: 100%;
}
.sezione-opzioni_prodotto .head-box {
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sezione-opzioni_prodotto .text-box {
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
  padding: 25px;
}
.sezione-opzioni_prodotto .text-box ul {
  font-size: 12px;
  line-height: 1.33;
  padding-left: 25px;
  padding-top: 5px;
}
.sezione-opzioni_prodotto .text-box li {
  padding-top: 5px;
}
.sezione-opzioni_prodotto .image-box {
  float: left;
}
.sezione-opzioni_prodotto .box-separator {
  margin: 0px auto 0px auto;
  background-color: #000000;
  border: solid 1px #425b67;
  width: 90%;
}
.sezione-opzioni_prodotto .section-wrapper {
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sezione-opzioni_prodotto .section-cross {
  height: 40px;
  width: 40px;
  margin-right: 20px;
}
.sezione-opzioni_prodotto .cross-horizontal {
  height: 40px;
  position: relative;
  width: 8px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}
.sezione-opzioni_prodotto .cross-vertical {
  content: "";
  height: 8px;
  left: -16px;
  position: absolute;
  top: 16px;
  width: 40px;
  border-radius: 10px;
}
.sezione-opzioni_prodotto .section-box {
  width: 75%;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: 85% 15%;
}
.sezione-opzioni_prodotto .imagine-info-detail {
  max-width: 40px;
}
.sezione-opzioni_prodotto .container-info {
  position: relative;
}
.sezione-opzioni_prodotto .container-info:hover {
  cursor: pointer;
}
.sezione-opzioni_prodotto .section-content {
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  font-weight: bold;
  padding-right: 8px;
}
.sezione-opzioni_prodotto .section-content .detail {
  font-size: 12px;
  line-height: 1.33;
  font-weight: normal;
  padding-top: 5px;
}
.sezione-opzioni_prodotto .container-box-price {
  /*border: solid 1px;*/
  border-top: solid 1px;
  border-bottom: solid 1px;
  width: 100%;
  margin-top: 1px;
  /*position: absolute;*/
  bottom: 50px;
  margin-top: 30px;
}
.sezione-opzioni_prodotto .box-opzioni > .body-box > .color_container-box-price {
  background-color: #ffffff;
  border-color: #b2b3b6;
}
.sezione-opzioni_prodotto .container-box-price > .box-price > .color_text-price {
  color: #00aaff;
}
.sezione-opzioni_prodotto .box-opzioni > .body-box > .transparent_container-box-price {
  background-color: unset;
  border-color: transparent;
}
.sezione-opzioni_prodotto .container-box-price > .box-price > .transparent_text-price {
  color: transparent;
}
.sezione-opzioni_prodotto .box-price {
  padding: 40px 25px 40px 25px;
  height: 155px;
  margin-top: -20px;
}
.sezione-opzioni_prodotto .text-price {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.22;
}
.sezione-opzioni_prodotto .text-price-detail {
  font-weight: normal;
  font-size: 13px;
  line-height: 1.54;
}
.sezione-opzioni_prodotto .bottone-richiama-box {
  width: 250px;
  min-height: 49px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -25px auto -23px auto;
}
.sezione-opzioni_prodotto .bottone-richiama-box a {
  color: #ffffff !important;
}
.sezione-opzioni_prodotto .container-box-price > .color_bottone-richiama-box {
  background-color: #e62d87;
}
.sezione-opzioni_prodotto .container-box-price > .color_bottone-richiama-box:hover {
  background-color: #ad2864 !important;
  border-color: #ad2864;
  cursor: pointer;
}
.sezione-opzioni_prodotto .container-box-price > .color_bottone-richiama-box:active {
  background-color: #7e194a !important;
  border-color: #7e194a;
  cursor: pointer;
}
.sezione-opzioni_prodotto .bottone-richiama-box > .color_cta-bottone-richiama-box {
  color: #ffffff;
}
.sezione-opzioni_prodotto .container-box-price > .transparent_bottone-richiama-box {
  background-color: unset;
}
.sezione-opzioni_prodotto .bottone-richiama-box > .transparent_cta-bottone-richiama-box {
  color: transparent;
}
.sezione-opzioni_prodotto .cta-bottone-richiama-box {
  font-size: 22px;
  text-align: center;
  letter-spacing: -1.2px;
}

.sezione-opzioni_4 .immagine-titolo {
  max-width: 80%;
}

.sezione-opzioni_4 .overlay-position-info {
  bottom: 40px;
  left: -95px;
}

.sezione-opzioni_4 .title-box {
  font-size: 23px;
  line-height: 1.22;
  letter-spacing: -0.5px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

.sezione-opzioni_4 .title-box-width {
  width: 70%;
}

.sezione-opzioni_4 .bottone-richiama-box {
  width: 98%;
  min-height: 49px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -25px auto -23px auto;
}

.sezione-opzioni_4 .cta-bottone-richiama-box {
  font-size: 22px;
  text-align: center;
  letter-spacing: -2px;
}

.sezione-opzioni_3 .title-box {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: -0.5px;
  text-align: center;
  color: #ffffff;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

.sezione-opzioni_3 .title-box-width {
  width: 70%;
}

.sezione-opzioni_3 .overlay-position-info {
  bottom: 50px;
  left: -90px;
}

.sezione-opzioni_3 .bottone-richiama-box {
  width: 250px;
  min-height: 49px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -25px auto -23px auto;
}

.sezione-opzioni_3 .cta-bottone-richiama-box {
  font-size: 22px;
  text-align: center;
  letter-spacing: -1.2px;
}

.sezione-opzioni_prodotto .title-box {
  font-size: 30.5px;
  line-height: 1.21;
  letter-spacing: -0.6px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  padding-left: 0px;
}

.sezione-opzioni_prodotto .bottone-richiama-box {
  width: 250px;
  min-height: 49px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -25px auto -23px auto;
}

.sezione-opzioni_prodotto .cta-bottone-richiama-box {
  font-size: 22px;
  text-align: center;
  letter-spacing: -1.2px;
}

.sezione-opzioni_2 .overlay-position-info {
  bottom: 50px;
  left: -80px;
}

.sezione-opzioni_2 .title-box-width {
  width: 55%;
}

.sezione-opzioni_1 .overlay-position-info {
  bottom: 50px;
  left: -50px;
}

.sezione-opzioni_1 .title-box-width {
  width: 60%;
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .sezione-opzioni_prodotto .main-title {
    font-size: 55px;
    line-height: 1.18;
  }
  .sezione-opzioni_prodotto .wrapper-label-box {
    margin-top: 40px;
  }

  .sezione-opzioni_2 .wrapper-opzioni, .sezione-opzioni_4 .wrapper-opzioni {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: start;
  }
  .sezione-opzioni_2 .title-box, .sezione-opzioni_4 .title-box {
    font-size: 30.5px;
    line-height: 1.21;
    letter-spacing: -0.6px;
  }
  .sezione-opzioni_2 .title-box-width, .sezione-opzioni_4 .title-box-width {
    width: 75%;
  }
  .sezione-opzioni_2 .bottone-richiama-box, .sezione-opzioni_4 .bottone-richiama-box {
    width: 250px;
  }
  .sezione-opzioni_2 .cta-bottone-richiama-box, .sezione-opzioni_4 .cta-bottone-richiama-box {
    letter-spacing: -1.2px;
  }
  .sezione-opzioni_2 .tooltipInfo .tooltiptext, .sezione-opzioni_4 .tooltipInfo .tooltiptext {
    width: 120px;
    left: 0%;
  }
  .sezione-opzioni_2 .tooltipInfo .tooltiptext::after, .sezione-opzioni_4 .tooltipInfo .tooltiptext::after {
    left: 65%;
  }

  .sezione-opzioni_3 .box-opzioni {
    width: 90%;
  }
  .sezione-opzioni_3 .bottone-richiama-box {
    width: 98%;
  }
  .sezione-opzioni_3 .cta-bottone-richiama-box {
    letter-spacing: -2px;
  }
  .sezione-opzioni_3 .title-box {
    font-size: 26px;
    line-height: 1.19;
    letter-spacing: -0.5px;
    padding-left: 0px;
  }
  .sezione-opzioni_3 .title-box-width {
    width: 70%;
  }
  .sezione-opzioni_3 .immagine-titolo {
    max-width: 80%;
  }
  .sezione-opzioni_3 #sezione-opzioni-overlay {
    top: 5px;
  }
  .sezione-opzioni_3 .tooltipInfo .tooltiptext {
    width: 120px;
    left: 0%;
  }
  .sezione-opzioni_3 .tooltipInfo .tooltiptext::after {
    left: 65%;
  }

  .sezione-opzioni_1 .box-opzioni {
    width: 96%;
  }
  .sezione-opzioni_1 .title-box {
    font-size: 30.5px;
    line-height: 1.21;
    letter-spacing: -0.6px;
  }
  .sezione-opzioni_1 .title-box-width {
    width: 40%;
  }
  .sezione-opzioni_1 .tooltipInfo .tooltiptext {
    width: 150px;
    left: 30%;
  }
  .sezione-opzioni_1 .tooltipInfo .tooltiptext::after {
    left: 50%;
  }
}
@media screen and (max-width: 768px) {
  .sezione-opzioni_prodotto .wrapper-label-box-one {
    width: auto;
  }
  .sezione-opzioni_prodotto .zoom:hover {
    transform: scale(1);
  }
  .sezione-opzioni_prodotto .wrapper-opzioni {
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    align-items: start;
  }
  .sezione-opzioni_prodotto .wrapper-label-box {
    margin-bottom: 40px;
    margin-right: 17px;
    width: 94%;
    margin-left: auto;
  }
  .sezione-opzioni_prodotto .main-title {
    font-size: 28px;
    line-height: 1.43;
    margin: auto;
  }
  .sezione-opzioni_prodotto .title-box {
    font-size: 26px;
    line-height: 1.19;
    letter-spacing: -0.5px;
    width: 70%;
  }
  .sezione-opzioni_prodotto .box-opzioni {
    width: inherit;
  }
  .sezione-opzioni_prodotto .box-price {
    padding-top: 20px 25px 40px 25px;
  }
  .sezione-opzioni_prodotto .tooltipInfo .tooltiptext {
    width: 140px;
    left: 0%;
  }
  .sezione-opzioni_prodotto .tooltipInfo .tooltiptext::after {
    left: 55%;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.contattiServizio .awesomplete > ul {
  z-index: 999;
}

form[name=ricontattami] .ricontattami_comune + label {
  font-size: 12px;
  font-weight: 700;
  color: #b3b4b8;
  transform: translate3d(0, -10px, 0);
}

/*form fieldset > label {
    font-size: 13px !important;
    transform: translate3d(0, -10px, 0) !important;
}

form fieldset div > label {
    font-size: 13px !important;
    transform: translate3d(0, -10px, 0) !important;
}*/
.contattiServizio label {
  font-size: 13px !important;
  transform: translate3d(0, -10px, 0) !important;
}

/* Nasconde un paragrafo della privacy */
div.privacy__text.align-center > p:nth-child(3) {
  display: none;
}

.flex-center-parallax {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
}

body {
  overflow-y: hidden;
}

.contain,
.content-main {
  width: calc(100vw - 100px);
  margin: 0 auto;
  position: relative;
  max-width: 1380px;
  padding: 25px 50px;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  -moz-transition: 0.1s;
  -webkit-transition: 0.1s;
}

.background-image {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-attachment: scroll;
  background-size: cover;
}

.background-min {
  min-height: 450px;
}

@media (max-width: 767px) {
  .contain,
.content-main {
    width: calc(100vw - 40px);
    padding: 25px 20px;
    -o-transition: 0.1s;
    -ms-transition: 0.1s;
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
  }
}
/* opacityFull */
.opacityEffect {
  opacity: 0;
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}

@keyframes opacityFull {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* topFull */
.topEffect {
  opacity: 1;
  margin-top: -100px;
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
  visibility: hidden;
}

.opacityFull {
  opacity: 1;
  animation: opacityFull 1.5s ease 1;
  -webkit-animation: opacityFull ease 1.5s 1;
}

.opacityOnOff {
  opacity: 1;
  animation: opacityFull 1s ease 1;
  -webkit-animation: opacityFull ease 1s 1;
}

@keyframes topFull {
  0% {
    opacity: 0;
    margin-top: -100px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
    visibility: visible;
  }
}
.topFull {
  opacity: 1;
  margin-top: 0;
  animation: topFull 1.5s ease 1;
  -webkit-animation: topFull ease 1.5s 1;
  visibility: visible;
}

/* leftFull */
.leftEffect,
.leftEffect-load {
  opacity: 1;
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
  position: absolute;
  visibility: hidden;
}

@keyframes leftFull {
  0% {
    opacity: 0;
    left: -100vw;
  }
  100% {
    opacity: 1;
    left: 0;
    visibility: visible;
  }
}
.leftFull {
  opacity: 1;
  margin-top: 0;
  animation: leftFull 1.5s ease 1;
  -webkit-animation: leftFull ease 1.5s 1;
  position: relative;
  visibility: visible;
}

/* rightFull */
.rightEffect,
.rightEffect-load {
  opacity: 1;
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
  position: absolute;
  visibility: hidden;
}

@keyframes rightFull {
  0% {
    opacity: 0;
    right: -100vw;
  }
  100% {
    opacity: 1;
    right: 0;
    visibility: visible;
  }
}
.rightFull {
  opacity: 1;
  animation: rightFull 1.5s ease 1;
  -webkit-animation: rightFull ease 1.5s 1;
  position: relative;
  visibility: visible;
}

.popIn {
  transform: scale(0);
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.popIn.loaded {
  transform: scale(1);
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

/* scaleEffect */
.scaleIn:not(:hover) {
  transform: scale(1);
  cursor: pointer;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.scaleIn:hover {
  transform: scale(1.1);
  cursor: pointer;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.scaleOut:not(:hover) {
  transform: scale(1);
  cursor: pointer;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.scaleOut:hover {
  transform: scale(0.9);
  cursor: pointer;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

/* hoverEffect */
.circle-box {
  width: 200px;
  height: 200px;
  border: solid 5px #425b67;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.circleVoid {
  background-color: #425b67;
  color: #fff;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.circleFull:hover {
  background-color: #425b67;
  color: #fff;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.circleVoid:hover {
  background-color: transparent;
  color: #425b67;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.borderEffect:hover {
  border: solid 5px #00aaff;
  color: #00aaff;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.radiusEffect:hover {
  -webkit-border-radius: 25%;
  -moz-border-radius: 25%;
  border-radius: 25%;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.bg-circle {
  background-color: #425b67;
  color: #fff;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.bg-circle.showShade:hover {
  background-color: #37b9c3;
  border: solid 5px #37b9c3;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.topHover {
  margin-top: 0;
  opacity: 1;
}

.topHover:hover {
  animation: topHover 0.5s ease 1;
  -webkit-animation: topHover ease 0.5s 1;
}

@keyframes topHover {
  0% {
    opacity: 0;
    margin-top: -50px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
.changeText span {
  display: none;
}

.changeText:hover span {
  display: block;
  animation: changeText 0.5s ease 1;
  -webkit-animation: changeText ease 0.5s 1;
}

@keyframes changeText {
  0% {
    display: none;
  }
  100% {
    display: block;
  }
}
.showLeft {
  position: relative;
  overflow: hidden;
}

.showLeft * {
  left: -50vw;
  opacity: 0;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.showLeft:hover * {
  left: 0;
  opacity: 1;
  position: relative;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

@keyframes opacityEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.showLeft.active * {
  left: 0;
  opacity: 1;
  animation: opacityEffect 0.5s ease 1;
  -webkit-animation: opacityEffect ease 0.5s 1;
  position: relative;
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.fadeInUpEffect,
.fadeInUpEffect-load {
  opacity: 1;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  visibility: hidden;
}

.fadeInUpEffect.show-item {
  opacity: 1;
  -webkit-animation-name: fadeInUpEffect;
  -webkit-animation-duration: 1s;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeInUpEffect;
  animation-duration: 1s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  visibility: visible;
}

.fadeInUpEffect-load.show-item {
  opacity: 1;
  -webkit-animation-name: fadeInUpEffect-load;
  -webkit-animation-duration: 1s;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeInUpEffect-load;
  animation-duration: 1s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.background-image.parallax {
  background-attachment: fixed;
  min-height: 600px;
}

@keyframes fadeInUpEffect {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpEffect-load {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.off {
  display: none;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.on {
  display: inline;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.OnOff img,
img.onoff {
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}

.OnOff img.active,
img.onoff.active {
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}

.overlay-effect {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}

.overlay-effect.active {
  background-color: rgba(0, 0, 0, 0);
  -o-transition: 1.5s;
  -ms-transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  /* Safari 4.0 - 8.0 */
  animation-name: fadeInUp;
  animation-duration: 1s;
}

.affidati {
  margin-top: 25px;
  font-family: inherit;
  font-weight: 500;
  font-size: 30px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.5px;
  text-align: center;
  color: black;
}

.affidati .text-style-1 {
  font-size: 20px;
  line-height: 1.47;
  letter-spacing: normal;
  font-weight: 500;
  font-family: inherit;
}

.sicurezza-casa {
  font-size: 27px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: -0.3px;
  text-align: center;
  color: #00acff;
  margin-top: 15px;
  height: 100%;
  margin-bottom: 15px;
}

.swiper-slide .text-center .text-style-1 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: black;
}

.sezione-orange, .sezione-opinioni, .cosa-dicono {
  margin-bottom: 30px;
}

.sezione-testo {
  text-align: center;
}

.sezione-box {
  margin-top: 68px;
  margin-bottom: 40px;
}

.Rectangle-12-copy {
  background-color: #f4b323;
  margin-top: 30px;
  margin-bottom: 30px;
}

.Rectangle-12-copy .white-text {
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  padding: 15px;
}

.white-text .Layer-1 {
  width: 18px;
  height: 18px;
}

.featured-default-copy-2 {
  width: 100px;
  height: 100px;
}

.featured-default-copy-2 img {
  max-width: 100%;
  margin-top: 15px;
  border-radius: 50%;
}

.client-box-text {
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: #4c4d4f;
}

.client-box-text .text-style-1 {
  /*! font-family: inherit; */
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  margin-top: 15px;
}

.client-box-text .rate-star {
  margin-top: 15px;
}

.aui .cosa-dicono.col-xs-12 {
  float: none;
  width: 382px;
  padding: 0px 0px 55px 0px;
  word-spacing: -4px;
}

.cosa-dicono {
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #00aaff;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
}

.btn-color-magenta, a.btn-color-magenta {
  background-color: #e62d87;
  border: solid 1px #e62d87;
}

.bottone-richiama .cta-link, .bottone-richiama .cta-link:link {
  font-size: 26px !important;
  border-radius: 35px;
  padding: 20px 30px;
  font-weight: normal;
  width: 251px;
  letter-spacing: 1px;
}

.bottone-richiama {
  margin-top: 70px;
  margin-bottom: 30px;
}

.wrapper-landing-footer-b2c {
  max-width: 1440px;
  width: 100%;
  position: relative;
  margin: 0 auto !important;
  padding: 30px 0 !important;
}

.bar-landing-footer-b2c {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.box-landing-footer-b2c {
  width: 100%;
  padding: 25px 30px 15px 30px;
  margin: auto;
  height: 90px !important;
}

.left-col-landing-footer-b2c {
  width: 50%;
  display: block;
  float: right;
  text-align: right;
}

.right-col-landing-footer-b2c {
  width: 50%;
  display: block;
  float: left;
  text-align: left;
}

.link-landing-footer-b2c a:hover {
  color: #00aaff;
}

.overlay-landing-footer-b2c {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.popup-landing-footer-b2c {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 40%;
  position: relative;
  overflow: auto;
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .featured-default-copy-2 {
    height: 100% !important;
  }

  .client-box-text {
    text-align: center;
  }

  .featured-default-copy-2 img {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .client-box-text {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.41;
  }

  .client-box-text .text-style-1 {
    font-size: 15px;
    margin-top: 10px;
  }

  .featured-default-copy-2 img {
    height: 100%;
    margin-bottom: 27px;
  }

  .featured-default-copy-2 img {
    width: 80px;
    height: 80px;
    margin-top: 0px;
  }

  .Rectangle-12-copy .white-text {
    font-size: 22px;
  }

  .affidati {
    margin-top: 30px;
    font-size: 23px;
    line-height: 1.22;
    letter-spacing: normal;
  }

  .affidati .text-style-1 {
    margin: 10px auto 15px auto;
    font-size: 17px;
    line-height: 1.41;
    letter-spacing: -0.4px;
    width: 85%;
  }

  .sezione-box {
    margin-top: 53px;
    margin-bottom: 0px;
  }

  .sicurezza-casa {
    font-size: 22.5px;
    font-weight: bold;
    line-height: 1.24;
    letter-spacing: -0.2px;
    width: 85%;
    margin: 15px auto 10px auto;
    height: auto;
  }

  .swiper-container {
    max-height: 100%;
  }

  .swiper-wrapper-mobile {
    display: table;
    width: 100%;
  }

  .swiper-slide-mobile {
    padding-bottom: 68px;
  }

  .swiper-slide .text-center .text-style-1 {
    font-size: 16.5px;
    line-height: 1.45;
  }

  .Rectangle-12-copy {
    margin-top: 2px;
    margin-bottom: 40px;
  }

  .cosa-dicono {
    font-size: 22px;
    line-height: 1.27;
    height: 46px;
    width: 146px !important;
    margin-bottom: 25px;
  }

  .bottone-richiama .cta-link, .bottone-richiama .cta-link:link {
    font-size: 18px !important;
    width: 172px;
    padding: 0 0 0 0;
    text-align: center;
    line-height: 53px;
  }

  .wrapper-landing-footer-b2c {
    padding: 40px 0 !important;
  }

  .bar-landing-footer-b2c {
    padding-left: 3px;
    padding-right: 3px;
  }

  .box-landing-footer-b2c {
    width: 100%;
    padding: 30px 10px 30px 10px;
    margin: auto;
  }

  .footer-logo {
    background-size: 100% !important;
  }

  .left-col-landing-footer-b2c {
    padding-left: 20px;
    padding-right: 20px;
  }

  .right-col-landing-footer-b2c {
    padding-left: 20px;
    padding-right: 20px;
  }

  .popup-landing-footer-b2c {
    width: 70%;
  }
}
.form_ {
  cursor: pointer;
}

#pagination-visible {
  display: none;
}

#pagination-visible .swiper-pagination-bullet {
  background-color: #eeeeee;
}

#pagination-visible .swiper-pagination-bullet-active {
  background-color: #00acff;
}

@media (max-width: 768px) {
  #pagination-visible {
    display: block;
    /*bottom: -20px;*/
    left: 0;
    height: 40px;
  }
}
.awesomplete [hidden] {
  display: none;
}

.awesomplete .visually-hidden {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.awesomplete {
  display: inline-block;
  position: relative;
}

.awesomplete > input {
  display: block;
}

.awesomplete > ul {
  position: absolute;
  left: 0;
  z-index: 1;
  min-width: 100%;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
}

.awesomplete > ul:empty {
  display: none;
}

.awesomplete > ul {
  border-radius: 0.3em;
  margin: 0.2em 0 0;
  background: rgba(255, 255, 255, 0.9);
  background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8));
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
  text-shadow: none;
}

@supports (transform: scale(0)) {
  .awesomplete > ul {
    transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
    transform-origin: 1.43em -0.43em;
  }

  .awesomplete > ul[hidden],
.awesomplete > ul:empty {
    opacity: 0;
    transform: scale(0);
    display: block;
    transition-timing-function: ease;
  }
}
/* Pointer */
.awesomplete > ul:before {
  content: "";
  position: absolute;
  top: -0.43em;
  left: 1em;
  width: 0;
  height: 0;
  padding: 0.4em;
  background: white;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.awesomplete > ul > li {
  position: relative;
  padding: 0.2em 0.5em;
  cursor: pointer;
}

.awesomplete mark {
  background: #eaff00;
}

.awesomplete li:hover mark {
  background: #b5d100;
}

.awesomplete li[aria-selected=true] mark {
  background: #3d6b00;
  color: inherit;
}

/*# sourceMappingURL=awesomplete.css.map */
/* START OF ARIADNE MEGA MENU CLASSES */
/*body {
    height: 1000px;
}*/
/* CFP */
/*CARBON FOOTPRINT FLOATING BUTTON*/
.floating-cfp {
  z-index: 4;
  position: fixed;
  top: 120px;
  right: 20px;
  background-color: #6cb021;
  border-radius: 22px;
  display: flex;
  color: white;
}

@media (min-width: 768px) {
  .floating-cfp,
.floating-chat {
    display: none !important;
  }
}
#cfp-aggregate {
  display: none;
}

.cfp-closed {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: #6cb021;
}

.cfp-x {
  padding: 0px 13px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  line-height: 43px;
  font-size: 24px;
}

.cfp-open {
  font-weight: bold;
  font-size: 13px;
  padding: 8px 20px;
  line-height: 1.19;
  text-align: center;
}

.cfpPopIn {
  transform: scale(0);
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.cfpPopIn.cfpPopInLoaded {
  transform: scale(1);
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

/* DESKTOP */
.header-menu a {
  font-weight: 900;
  text-transform: uppercase;
}
.header-menu a img {
  position: relative;
  margin-top: -5px;
  width: 15px;
}

.header-menu .top-menu-blue {
  color: #00aaff;
}

.header-menu .top-menu-green {
  color: #6cb021;
}

.header-menu .top-menu-pink {
  color: #e62d87;
}

.mega-blue-text {
  font-size: 17px;
  color: #00aaff;
  line-height: 1.41;
}

.mega.text-v4 {
  font-size: 19px;
  line-height: 26px;
  margin-top: 25px;
  margin-bottom: 15px;
  font-weight: normal;
}

.mega-more-product {
  padding: 0px 0px 0px 0px;
}

.mega-normal-text {
  white-space: normal;
  font-size: 13px;
  line-height: 1.46;
}

.mega-normal-text-v4 {
  font-size: 16px;
  line-height: 1.56;
}

/* NUOVO HEADER */
.mega-dropdown-menu {
  /*display: none;*/
  text-align: left;
  position: absolute;
  left: 100%;
  right: -100%;
  overflow-y: scroll;
  top: 0;
  height: calc(100vh - 110px);
  width: 100%;
  align-items: center;
  /*	background-color: #fff;*/
  background-color: #f5f5f5;
  transition-duration: 0.5s;
}

@media (max-width: 992px) {
  .mega-dropdown-menu {
    background-color: white;
    display: none;
  }

  .mega-dropdown-menu .media-megamenu {
    border-bottom: 1px solid #f5f5f5 !important;
  }
}
/*@include media-breakpoint-up(lg)*/
@media (min-width: 992px) {
  .mega-dropdown-menu {
    left: 0;
    right: auto;
    top: 130px;
    overflow-y: hidden;
    overflow-x: hidden;
    height: auto;
    -webkit-transition-property: max-height, height, padding, top;
    transition-property: max-height, height, padding, top;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    max-height: 0;
  }

  .wrapper--scrolled .mega-dropdown-menu {
    top: 60px;
  }
}
.mega-dropdown-menu .spalladx-wrapper {
  padding: 10px;
}

@media (max-width: 991px) {
  .mega-dropdown-menu .spalladx-wrapper {
    text-align: center;
  }
}
.mega-dropdown-menu .spalladx-wrapper:hover {
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #ffffff;
  background-color: rgba(228, 228, 228, 0.3);
}

/* FINE NUOVO HEADER */
.mega-dropdown-menu .block-mega-v4 {
  border: 1px solid #f5f5f5;
}
.mega-dropdown-menu .block-mega-v4 .img-responsive-menu {
  height: fit-content;
  max-height: 200px;
  width: 100%;
}

.mega-dropdown-menu .block-mega-v4:hover {
  background-color: #e4e4e4;
  border: 1px solid #b2b3b6;
  border-radius: 4px;
  cursor: pointer;
}

.navbar.megamenu.navbar-fixed {
  left: 0;
  position: fixed;
  top: 95px;
  width: 100%;
  z-index: 2;
}

.sticky-wrapper {
  z-index: 2;
}

.blue {
  color: #00aaff;
}

.megamenu .blue {
  color: #00aaff;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky header {
  padding: 10px 0;
}

.header-logo-size {
  height: 62px;
  -webkit-transition: width 2s, height 2s;
  /* Safari */
  transition: width 2s, height 2s;
}

header .header-logo-size.logo-resize {
  height: 55px;
}

header.megamenu {
  background-color: white;
  padding: 33px 0px 0px 0px;
  transition: 0.25s;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  -webkit-transition: width 2s, height 2s;
  /* Safari */
  transition: width 2s, height 2s;
}

header.megamenu.header-resize {
  padding: 20px 0px 0px 0px;
  position: fixed;
  box-shadow: 0 4px 18px -8px #aba4a4;
}

.megamenu .header-menu select {
  color: #939598;
  font-size: 13px;
  border: none;
  font-weight: 900;
  -webkit-appearance: menulist;
}

.megamenu.header-resize .header-menu select {
  font-size: 13px;
}

.header-menu {
  display: inline-block;
}

.navbar.megamenu .navbar-nav > li:hover .mega-dropdown-menu,
.navbar.megamenu .navbar-nav > li:active .mega-dropdown-menu,
.navbar.megamenu .navbar-nav > li:focus .mega-dropdown-menu {
  display: block;
}

.navbar.megamenu .navbar-nav > li > a {
  color: #425b67;
  position: relative;
  transition: 0.5s, 0.5s;
}

/* Top menu divisore */
li.top-menu-divisor:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  height: 13px;
  width: 1px;
  background-color: #939598;
}

/* main menu */
.navbar.megamenu .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  height: 13px;
  width: 1px;
  background-color: #00aaff;
  -webkit-transition: width 0.5s, height 0.5s;
  /* Safari */
  transition: width 0.5s, height 0.5s;
}

.header-menu li .menu-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px 18px;
  display: inline-block;
  height: 16px;
  margin-left: 10px;
}

.header-menu li .menu-icon.icon-casa {
  background-image: url("../images/casa/casa@2x.png");
}

.header-menu li .menu-icon.icon-casa:hover,
.header-menu li .menu-icon.icon-casa.active {
  background-image: url("../images/casa-active/casa@2x.png");
}

.header-menu li .menu-icon.icon-imprese {
  background-image: url("../images/imprese/fiirm@2x.png");
}

.header-menu li .menu-icon.icon-imprese:hover,
.header-menu li .menu-icon.icon-imprese.active {
  background-image: url("../images/imprese-active/fiirm@2x.png");
}

.header-menu li .menu-icon.icon-condomini {
  background-image: url("../images/condomini/condomini@2x.png");
}

.header-menu li .menu-icon.icon-condomini:hover,
.header-menu li .menu-icon.icon-condomini.active {
  background-image: url("../images/condomini-active/condomini@2x.png");
}

.navbar.megamenu .navbar-header {
  text-align: right;
  width: 100%;
  transition: 2s, 2s;
}

.navbar.megamenu .navbar-nav {
  float: right;
  display: block;
}

.navbar.megamenu .navbar-nav > li {
  left: 0;
  position: initial;
  float: left;
}

.navbar.megamenu .nav .open > a,
.navbar.megamenu .nav .open > a:focus,
.navbar.megamenu .nav .open > a:hover {
  background-color: transparent;
}

.active-ancestor {
  font-weight: bold !important;
}

/* .megamenu .mega-dropdown-menu {
    background-color: #f5f5f5;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    top: 136px;
    left: 0;
    width: 1440px;
    z-index: 2;
    transition-duration: .5s;
} */
.mega-dropdown-menu.small {
  width: 960px;
}

.mega-dropdown-menu .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.mega-dropdown-menu .row [class*=col-] {
  display: flex;
  flex-direction: column;
}

.mega-dropdown-menu hr {
  border-top: 1px solid #b2b3b6;
  margin: 0;
}

.mega-dropdown-menu .padding {
  padding: 23px 35px 20px;
}

.mega-dropdown-menu .padding-small {
  padding: 10px 15px 5px;
}

.mega-dropdown-menu .no-padding-bottom {
  padding-bottom: 0;
}

.mega-dropdown-menu .no-padding-top {
  padding-top: 0;
}

.mega-dropdown-menu .no-padding-left {
  padding-left: 0;
}

.mega-dropdown-menu .no-padding-right {
  padding-right: 0;
}

.mega-dropdown-menu .media-megamenu {
  border: 1px solid transparent;
  padding: 10px 10px 0 0;
}

.mega-dropdown-menu .media-megamenu:hover {
  background-color: #e4e4e4;
  border: 1px solid #b2b3b6;
  border-radius: 4px;
  cursor: pointer;
}

.mega-dropdown-menu .media-megamenu:hover .media-heading-megamenu,
.media-heading-megamenu:hover {
  text-decoration: underline;
  color: #0af;
}

.media-megamenu .media-left-megamenu {
  margin: 0px !important;
}

.media-megamenu .media-object {
  width: 32px;
  height: 32px;
}

.media-megamenu .mega-normal-text {
  margin: 0px 0px 40px 0px !important;
}

.media-body-megamenu .media-heading-megamenu {
  margin: 0px;
}

@media (max-width: 991px) {
  .media-megamenu .media-left-megamenu {
    padding-left: 15px !important;
  }
}
.mega-dropdown-menu .media-heading-megamenu {
  font-size: 17px;
  line-height: 1.59;
}

.mega-dropdown-menu .text-menu li {
  border-top: 1px solid #b2b3b6;
  font-size: 13px;
  left: 0;
  line-height: 19px;
  list-style-type: none;
  padding: 8px 0;
  line-height: 1.46;
}

.mega-dropdown-menu .mega-img-dx {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.35;
}

.mega-dropdown-menu .mega-link-dx {
  font-size: 17.5px;
  font-weight: normal;
  line-height: 1.29;
}

.mega-dropdown-menu .reverse .text-menu.megamenu-ul li {
  font-size: 17px;
  line-height: 1.54;
}

.mega-dropdown-menu .padding-small.pad-left {
  padding-left: 35px;
}

.mega-dropdown-menu .media-heading.mega-text-v4 {
  font-size: 19px;
  margin-top: 20px;
  line-height: 1.37;
}

.mega-dropdown-menu .text-menu li:last-child {
  border-bottom: 1px solid #b2b3b6;
}

.mega-dropdown-menu .text-menu li:hover {
  background-color: #e4e4e4;
}

.mega-dropdown-menu .link-wrapper {
  position: relative;
}

.mega-dropdown-menu .link-wrapper:hover .media-heading.font-weight-bold.mega-text-v4 {
  text-decoration: underline;
  color: #0af;
}

.mega-dropdown-menu .link-wrapper p {
  margin-right: 13px;
}

.mega-dropdown-menu .link-wrapper .arrow {
  bottom: 0;
  right: 0;
  position: absolute;
  font-weight: 600;
  font-weight: bolder;
}

.navbar.megamenu .mega-dropdown-menu .media-body p {
  margin: 0 0 10px;
}

/* REVERSE */
.mega-dropdown-menu .reverse {
  background-color: #425b67;
  color: white;
  height: 100%;
}

.mega-dropdown-menu .reverse hr {
  border-top: 1px solid white;
  margin: 0;
}

.mega-dropdown-menu .reverse .text-menu {
  margin: 0;
  padding: 0;
}

.mega-dropdown-menu .reverse .text-menu li {
  border: none;
  font-size: 13px;
  left: 0;
  line-height: 19px;
  list-style-type: none;
  padding: 8px 0;
}

.mega-dropdown-menu .reverse .text-menu li:hover {
  background-color: #293d48;
  color: white;
}

.mega-dropdown-menu .reverse.padding-small p:hover {
  background-color: #293d48;
}

.mega-dropdown-menu .reverse .text-menu li > a:hover {
  color: white;
}

.mega-dropdown-menu .reverse a:hover {
  color: inherit;
}

.mega-dropdown-menu .reverse .text-menu.small li {
  font-size: 11px;
  line-height: 16px;
  padding: 5px 0;
}

/* RESPONSIVE */
@media (min-width: 768px) and (max-width: 999px) {
  .navbar.megamenu .navbar-nav > li > a {
    padding: 0 7px 10px 7px;
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1249px) {
  .navbar.megamenu .navbar-nav > li > a {
    padding: 0 9px 10px 9px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1249px) {
  header.megamenu.header-resize {
    padding-top: 18px;
  }

  .navbar-resize i.mega_bordo {
    bottom: 12px;
  }

  .right-upvoice {
    padding-right: 8px;
  }

  header.megamenu.header {
    padding-top: 18px;
  }

  .header-logo-size {
    height: 50px;
    width: 150px;
  }

  header .header-logo-size.logo-resize {
    height: 50px;
    width: 150px;
  }

  .megamenu .header-menu li {
    font-size: 10px;
    margin-left: 20px;
  }

  .navbar.megamenu .navbar-nav > li:first-child > a:before {
    content: none;
  }

  .navbar.megamenu .navbar-nav.navbar-resize > li > a:before {
    height: 13px;
  }

  .megamenu .header-menu select {
    font-size: 10px;
  }

  .megamenu.header-resize .header-menu select {
    font-size: 10px;
  }
}
@media (min-width: 1250px) {
  .right-upvoice {
    padding-right: 20px;
  }

  .navbar.megamenu .navbar-nav > li > a {
    padding: 0 20px 25px 20px;
    font-size: 17px;
  }

  .navbar.megamenu .navbar-nav > li:first-child > a:before {
    content: none;
  }

  .navbar.megamenu .navbar-nav.navbar-resize > li > a {
    padding: 0 20px 10px 17px;
  }

  .navbar.megamenu .navbar-nav > li > a:hover,
.navbar.megamenu .navbar-nav > li > a:focus,
.navbar.megamenu .navbar-nav > li.open > a:hover,
.navbar.megamenu .navbar-nav > li.open > a:focus,
.navbar.megamenu .navbar-nav > li > a:hover > i,
.navbar.megamenu .navbar-nav > li > a:focus > i,
.navbar.megamenu .navbar-nav > li.open > a:hover > i,
.navbar.megamenu .navbar-nav > li.open > a:focus > i {
    background-color: transparent;
    font-weight: bold;
    color: #425b67;
    display: block !important;
  }

  .navbar.megamenu .navbar-nav > li > a::after {
    content: attr(title);
    display: block;
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }
}
/* MOBILE */
.mobile-container {
  background-color: #fff;
  max-width: 100%;
}

.mobile-container .logo img {
  margin: 10px 20px 15px 20px;
  width: 90px;
}
.mobile-container .header-menu li {
  margin-left: 20px;
  padding-top: 7px;
  padding-bottom: 10px;
  font-weight: 400;
}
.mobile-container .header-menu select {
  font-size: 13px;
  -webkit-appearance: menulist;
  border: none;
  font-weight: 900;
  background-color: white;
  padding-right: 20px;
}
.mobile-container .icon-account {
  color: #b2b3b6;
  float: right;
  font-size: 25px;
  padding: 15px 5px;
}
.mobile-container .icon-menu {
  color: #b2b3b6;
  float: right;
  font-size: 28px;
  padding: 15px;
}
.mobile-container .select-wrapper:after {
  top: 8px;
}

.subnavbar-nav-mobile,
.subsubnavbar-nav-mobile {
  /* display: none; */
  height: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s;
}

.navbar-mobile {
  background-color: #f5f5f5;
}

.navbar-nav-mobile {
  margin: 0;
  padding: 0;
}

.aui .mobile-container li a,
.aui .mobile-container li a i {
  color: #425b67;
}

.navbar-nav-mobile > li {
  border-top: 1px solid #b2b3b6;
  color: #425b67;
  font-size: 19px;
  left: 0;
  list-style-type: none;
  padding: 8px 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.navbar-nav-mobile > li:last-child {
  border-bottom: 1px solid #b2b3b6;
}

.navbar-nav-mobile > li a .fa,
.navbar-nav-mobile > li a .fas {
  float: right;
  margin-left: 10px;
  padding-top: 4px;
  transition: transform 0.25s linear;
}

.navbar-nav-mobile > li.open a .fa-chevron-right {
  color: #00aaff;
  transform: rotate(90deg);
}

.navbar-nav-mobile li.open.no-padding-bottom {
  padding-bottom: 0px;
}

.subnavbar-nav-mobile {
  background-color: #00aaff;
  font-size: 16px;
  margin: 0 -20px;
  padding: 0 20px;
  text-transform: initial;
}

.subnavbar-nav-mobile > li {
  color: white;
  left: 0;
  line-height: 32px;
  list-style-type: none;
  padding: 5px;
}

.subnavbar-nav-mobile > li:first-child {
  padding-top: 10px;
}

.subnavbar-nav-mobile > li a .fa-plus,
.subnavbar-nav-mobile > li a .fa-minus {
  border: 1px solid white;
  border-radius: 100%;
  color: white !important;
  display: none;
  float: right;
  font-size: 10px;
  height: 16px;
  line-height: 14px;
  margin: 8px -4px 0 10px;
  text-align: center;
  transition: transform 0.25s linear;
  width: 16px;
  padding-top: 0px;
}

.navbar-nav-mobile > li.open a .fa-plus,
.navbar-nav-mobile > li.open a .fa-minus {
  display: block;
}

.subnavbar-nav-mobile > li:last-child {
  padding-bottom: 0px;
}

.subsubnavbar-nav-mobile {
  background-color: #d4e0e6;
  font-size: 14px;
  margin: 0 -40px;
  padding: 0 40px;
  text-transform: initial;
}

.subsubnavbar-nav-mobile > li {
  color: #425b67;
  left: 0;
  list-style-type: none;
}

.header-mobile .navbar-mobile .navbar-nav-mobile > li > a {
  font-weight: bold;
}

/*
searchbox was removed as per customer request
.no-padding-bottom
.search-form {
    background-color: #f5f5f5;
    padding: 15px;
}
.search-text {
    border: 2px solid #cdcdcd;
    border-radius: 4px;
    width: 100%;
}
*/
.menu-wrapper {
  background-color: #f5f5f5;
  text-align: center;
  padding-top: 1%;
}

.header-menu li {
  color: #939598;
  float: left;
  font-weight: 600;
  font-size: 13px;
  left: 0;
  list-style-type: none;
  transition: 0.5s, 0.5s;
  font-weight: 400;
  padding-left: 15px;
  padding-right: 15px;
}

header.header-mobile {
  display: none;
}

.navbar-mobile .navbar-nav-mobile .subnavbar-nav-mobile.subnav > li > div > a,
.navbar-mobile .navbar-nav-mobile .subnavbar-nav-mobile.subnav > li > div > a:focus {
  color: white;
}

.navbar-mobile .navbar-nav-mobile .subnavbar-nav-mobile.subnav > li > a,
.navbar-mobile .navbar-nav-mobile .subnavbar-nav-mobile.subnav > li > a:focus {
  color: white;
}

@media screen and (min-width: 992px) {
  .mobile-container {
    display: none;
  }

  .navbar.megamenu,
.header.megamenu {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .mobile-container {
    display: block;
  }

  .navbar.megamenu,
.header.megamenu {
    display: none;
  }
}
/* TABLET */
@media (min-width: 992px) and (max-width: 1200px) {
  .megamenu .mega-dropdown-menu .row .tablet-fullwidth {
    width: 100%;
  }

  .megamenu .mega-dropdown-menu .row .tablet-fullwidth .padding {
    padding: 40px 15px 20px;
  }

  .megamenu .mega-dropdown-menu .row .tablet-hide {
    display: none;
  }

  .dropdown-menu .mega-dropdown-menu,
.megamenu .mega-dropdown-menu.small {
    width: 100%;
    position: fixed;
    top: 86px;
  }
}
/* MODIFICHE PER NUOVO HEADER */
.navigation__container .navigation__item:hover .mega-dropdown-menu {
  display: block;
}

@media (min-width: 1024px) and (max-width: 1249px) {
  .megamenu .mega-dropdown-menu {
    width: 100%;
    /*  position: fixed; */
    /*  top: 86px; */
  }

  .wrapper--scrolled .megamenu .mega-dropdown-menu {
    top: 60px;
  }

  .megamenu .navbar-resize .mega-dropdown-menu {
    width: 100%;
    margin-top: 58px;
  }
}
@media (min-width: 1250px) {
  .megamenu .mega-dropdown-menu {
    width: 100%;
    /*  position: fixed; */
    /*  margin-top: 86px !important; */
  }

  .wrapper--scrolled .megamenu .mega-dropdown-menu {
    top: 60px;
  }

  .megamenu .navbar-resize .mega-dropdown-menu {
    margin-top: 58px !important;
  }
}
@media (max-width: 1199.98px) {
  html.block-scroll-mobile {
    overflow: hidden;
  }
}
/* FINE MODIFICHE PER NUOVO HEADER */
/*FREE CONTENT FOOTER*/
.prefooter .wrap {
  background-color: white;
  padding: 20px 0 40px;
}
.prefooter h5 {
  font-size: 16px;
}
.prefooter ul {
  font-size: 12px;
  padding: 0 0 0 10px;
}
@media (max-width: 1024px) {
  .prefooter ul {
    column-count: 2;
  }
}
.prefooter ul li {
  list-style-type: none;
}
.prefooter ul li a {
  font-weight: 600;
}

.select-wrapper {
  position: relative;
  bottom: 2px;
}

.select-wrapper:after {
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  bottom: 0.15em;
  top: 0.1em;
  right: 1rem;
  content: "\f078";
  color: #434B67;
  pointer-events: none;
}

.select-wrapper select {
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 16px;
  -moz-padding-end: 14px;
  -webkit-padding-start: 0px;
  -moz-padding-start: 2px;
  background-color: white;
  background-position: center right;
  background-repeat: no-repeat;
  font-size: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none !important;
  padding: 2px 15px 0 10px;
  margin: 0;
  text-align-last: right;
}
.select-wrapper select option {
  direction: rtl;
  -webkit-appearance: none;
}

/* END OF ARIADNE MEGA MENU CLASSES */
i.mega_bordo {
  content: "";
  position: absolute;
  width: 30%;
  height: 1px;
  bottom: 17px;
  left: 35%;
  border-bottom: 2px solid #425b67;
}

.navbar-resize i.mega_bordo {
  bottom: 4px;
}

/*CHAT FLOATING BUTTON*/
.floating-chat {
  z-index: 4;
  position: fixed;
  /*bottom: 50px;*/
  bottom: 16px;
  right: 16px;
  background-color: #0096e0;
  border-radius: 28px;
  display: flex;
  color: white;
  transition: width 0.5s;
  width: 56px;
  height: 56px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, 0.16), 0 4px 8px 0 rgba(36, 51, 101, 0.24), 0 1px 1px 0 rgba(0, 0, 0, 0.16);
  white-space: nowrap;
  overflow: hidden;
}

.floating-chat.expanded {
  width: 190px;
}

#floating-entra-chat {
  display: none;
  transition: opacity 0.5s ease-out;
  opacity: 0;
}

.expanded #floating-entra-chat {
  opacity: 1;
  display: block;
}

.chat-closed {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  background-color: #0096e0;
}

.chat-open {
  font-weight: bold;
  font-size: 16px;
  padding: 18px 6px;
  line-height: 1.19;
  text-align: left;
  width: 115px;
}

/* CHAT FLOATING BUTTON*/
.badge_sotto {
  padding-top: 16px;
  font-size: 22px;
}

.section-badge {
  margin: 40px 0;
}

.badge-row {
  height: 200px;
  background: #00aaff;
}

.badge-text {
  color: white;
  font-weight: bold;
  align-items: center;
  text-align: center;
  width: 100%;
  display: flow-root;
  font-size: 26px;
  line-height: 1.2;
  padding-top: 4%;
  padding-bottom: 4%;
}

.badge-img-wrap {
  align-items: center;
}

.badge-img {
  display: inline-block;
  height: auto;
  width: auto;
  max-height: 200px;
}

.badge-img-container {
  text-align: right;
  display: block;
}

.badge-oneitem-container {
  text-align: center;
  padding-right: 5% !important;
  display: block;
}

.badge-oneitem-text {
  padding-left: 5%;
}

@media (max-width: 767px) {
  .badge-row {
    height: 100%;
  }

  .badge-text {
    font-size: 16px;
  }

  .badge-img-container {
    padding-top: 5% !important;
    text-align: center;
  }

  .badge-text-container {
    text-align: center;
  }

  .badge-text .badge_sotto {
    padding-top: 10px;
    font-size: 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .badge-text-container .badge-text {
    text-align: left;
    padding-top: 7%;
    padding-bottom: 7%;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .badge-row {
    height: 100%;
  }

  .badge-img-container {
    text-align: center;
  }

  .badge-text-container {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .badge-text-container .badge-text {
    font-size: 36px;
    text-align: left;
  }

  .badge-img-container {
    padding-right: 5% !important;
  }
}
.gestione-offerta-wrapper {
  /* CAldaie */
  /*revisione wizard caldaie sfondoo grigio */
  /* _________ */
  /* fix WWPL-691 */
  /*.versione_due a.register {
         display: none;
     }*/
  /** summer fix **/
  /*WWPL-117 fix Safari*/
  /*ASSICURAZIONE */
  /* Breadcrumb */
  /* WWPL-2710 */
  /* Fine WWPL-2710 */
}
.gestione-offerta-wrapper .cliente-input {
  margin-bottom: 25px;
}
.gestione-offerta-wrapper .recup-text {
  margin-bottom: 10px;
}
.gestione-offerta-wrapper .client-choice-btn {
  border: 1px solid #bdbdbd;
  margin: 45px 10px 5px 10px;
  width: -webkit-fill-available;
  width: -moz-available;
  background-color: #f5f5f5;
  height: 80px;
  border-radius: 6px;
}
.gestione-offerta-wrapper .client-choice-btn:hover {
  background-color: #e0e0e0 !important;
}
.gestione-offerta-wrapper .light-box.versione_due .small .thumb-ico-lbox {
  height: auto;
  width: auto;
  max-height: 35px;
}
.gestione-offerta-wrapper .light-box.versione_due .small .circle-progress.active, .gestione-offerta-wrapper .light-box.versione_due .small .circle-progress.active.disabled {
  margin-top: 8px;
}
.gestione-offerta-wrapper .thumb-ico-lbox {
  height: 30px;
  width: auto;
}
.gestione-offerta-wrapper .padding-post-conc {
  padding: 50px 50px 25px 50px;
}
.gestione-offerta-wrapper .no-lh {
  line-height: 0 !important;
}
.gestione-offerta-wrapper .titolo-offerta-lbox {
  font-size: 28px !important;
}
.gestione-offerta-wrapper .border-top-content-gray {
  border-top: solid 1px #626368;
}
.gestione-offerta-wrapper .circle-progress.active {
  width: 54px !important;
  height: 54px !important;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -webkit-transition: 0.6s;
  min-width: 54px !important;
}
.gestione-offerta-wrapper .circle-progress.mini {
  width: 30px !important;
  height: 30px !important;
}
.gestione-offerta-wrapper .circle-progress.disabled {
  background: #d9d9d9 !important;
}
.gestione-offerta-wrapper .margin-right-soft {
  margin-right: 10px;
}
.gestione-offerta-wrapper .mini-text {
  font-size: 14px !important;
  line-height: 20px !important;
}
.gestione-offerta-wrapper .padding-lbox {
  overflow-y: auto;
}
.gestione-offerta-wrapper .awesomplete > ul > li[aria-selected=true] {
  background: #fff0 !important;
}
.gestione-offerta-wrapper .awesomplete > ul {
  padding-left: 0px !important;
}
.gestione-offerta-wrapper .overWrapper.wrapper-config-caldaia,
.gestione-offerta-wrapper .privacy-light-box.box-config-caldaia {
  background: #b2b3b6 !important;
}
.gestione-offerta-wrapper .privacy.privacy-config-caldaia {
  margin: 3% 21%;
  background: white;
  padding: 0% 2%;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .gestione-offerta-wrapper .overWrapper.wrapper-config-caldaia,
.gestione-offerta-wrapper .privacy-light-box.box-config-caldaia {
    background: #fff !important;
  }
  .gestione-offerta-wrapper .privacy.privacy-config-caldaia {
    margin: 0;
  }
}
.gestione-offerta-wrapper .titolo-form-config-caldaia {
  color: #00aaff;
  font-size: 37px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 15px;
}
.gestione-offerta-wrapper .sub-message-config-caldaia {
  color: #00aaff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
}
.gestione-offerta-wrapper .cald-disable .containerAH {
  margin: 3% 0;
}
.gestione-offerta-wrapper .bg-fucsia {
  background: #d93e87 !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -webkit-transition: 0.3s !important;
}
.gestione-offerta-wrapper .padding-lbox {
  padding-top: 130px !important;
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  position: fixed !important;
  overflow-y: auto !important;
  z-index: 6 !important;
}
.gestione-offerta-wrapper .lbox.mini {
  max-width: 460px !important;
}
.gestione-offerta-wrapper .lbox {
  width: 540px !important;
  z-index: initial !important;
  margin: 0 auto !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-attachment: scroll !important;
  background-size: contain !important;
  -webkit-transition: 0.5s !important;
  border-radius: 5px !important;
}
.gestione-offerta-wrapper .relative {
  position: relative !important;
}
.gestione-offerta-wrapper .bg-white {
  background: #fff;
}
.gestione-offerta-wrapper .lbox.mini {
  max-width: 100% !important;
}
.gestione-offerta-wrapper .margin-radio {
  margin: 20px 0 !important;
}
.gestione-offerta-wrapper .checkbox,
.gestione-offerta-wrapper .radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.gestione-offerta-wrapper .radio {
  width: 22px !important;
  height: 22px !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  border: solid 1px #b2b3b6 !important;
}
.gestione-offerta-wrapper .radio-btn {
  margin-right: 10px !important;
}
.gestione-offerta-wrapper .radio-circle {
  width: 16px !important;
  height: 16px !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.gestione-offerta-wrapper .active .radio-circle {
  background: #1db0e9 !important;
  -o-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -webkit-transition: 0.3s !important;
}
.gestione-offerta-wrapper .prosegui {
  display: nome !important;
}
.gestione-offerta-wrapper .prosegui:hover {
  background: #ad2864 !important;
  background-color: #ad2864 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.gestione-offerta-wrapper .prosegui-nuovo-cliente:hover {
  background: #ad2864 !important;
  background-color: #ad2864 !important;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.gestione-offerta-wrapper .chiudi {
  display: nome !important;
}
.gestione-offerta-wrapper .overlay-lbox {
  top: 0;
  left: 0;
}
.gestione-offerta-wrapper .padding-lbox {
  top: 0;
  left: 0;
}
.gestione-offerta-wrapper .versione_due .close-lbox-tondo > div {
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  top: 20px;
  right: 20px;
  cursor: pointer;
  font-size: 12px;
}
.gestione-offerta-wrapper .versione_due .bg-close {
  background: #939598;
}
.gestione-offerta-wrapper .versione_due .padding-close {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 1px 0 0 0;
  text-align: center;
}
.gestione-offerta-wrapper .versione_due .inset-input {
  padding: 6px 10px;
  border: solid 1px #b2b3b6;
  color: #b2b3b6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: inset 0 0 5px #b2b3b6;
  margin-right: 20px;
  font-size: 16px;
}
.gestione-offerta-wrapper .versione_due .inset-input::-webkit-input-placeholder {
  opacity: 1;
  color: #b2b3b6 !important;
}
.gestione-offerta-wrapper .versione_due .inset-input::-moz-placeholder {
  opacity: 1;
  color: #b2b3b6 !important;
}
.gestione-offerta-wrapper .versione_due .inset-input:-ms-input-placeholder {
  opacity: 1;
  color: #b2b3b6 !important;
}
.gestione-offerta-wrapper .versione_due .inset-input:-moz-placeholder {
  opacity: 1;
  color: #b2b3b6 !important;
}
.gestione-offerta-wrapper .versione_due .lbox.mini .submit-more.mini {
  font-size: 13px;
}
.gestione-offerta-wrapper .versione_due .subtext-input {
  color: #b2b3b6;
  font-size: 10px;
}
.gestione-offerta-wrapper .versione_due .subtext-input.blu {
  color: #1db0e9;
}
.gestione-offerta-wrapper .versione_due .lbox.mini {
  max-width: 460px;
}
.gestione-offerta-wrapper .versione_due a.btn-link-s {
  font-size: 11px;
  text-decoration: underline !important;
  margin-top: 20px;
}
.gestione-offerta-wrapper .versione_due #box-no-copertura {
  margin-top: 10px;
}
.gestione-offerta-wrapper .versione_due .margin-btn-end {
  margin-top: 30px;
}
.gestione-offerta-wrapper .versione_due .msg-lbox {
  font-size: 10pt;
  line-height: 15pt;
  margin-top: 10px;
}
.gestione-offerta-wrapper .versione_due .bar-gray.divide {
  height: 1px !important;
  width: 100% !important;
  margin: 20px auto 20px auto !important;
  background: #b2b3b6 !important;
}
.gestione-offerta-wrapper .versione_due .margin-radio {
  margin: 20px 0;
}
.gestione-offerta-wrapper .versione_due .radio {
  width: 22px !important;
  height: 22px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #b2b3b6;
}
.gestione-offerta-wrapper .versione_due .radio-btn {
  margin-right: 10px;
}
.gestione-offerta-wrapper .versione_due .radio-circle {
  width: 16px !important;
  height: 16px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.gestione-offerta-wrapper .versione_due .active .radio-circle {
  background: #1db0e9;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}
.gestione-offerta-wrapper .versione_due .margin-input {
  margin-top: 20px;
}
.gestione-offerta-wrapper .versione_due #gia-cliente-box-login {
  display: none;
}
.gestione-offerta-wrapper .versione_due .small .price-offerta {
  font-size: 40px !important;
  padding: 4px 0 !important;
}
.gestione-offerta-wrapper .versione_due .small .h3,
.gestione-offerta-wrapper h3 {
  font-size: 18px;
}
.gestione-offerta-wrapper .versione_due .small .linguetta-tr-pop {
  right: 0 !important;
}
.gestione-offerta-wrapper .versione_due .chosen-container {
  padding: 6px 10px;
  border: solid 1px #b2b3b6;
  color: #b2b3b6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: inset 0 0 5px #b2b3b6;
  margin-right: 20px;
  font-size: 16px;
  width: 100% !important;
}
.gestione-offerta-wrapper .versione_due .chosen-container-single .chosen-single {
  padding: 0 !important;
  height: 100% !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background: transparent !important;
  background-clip: none !important;
  box-shadow: none !important;
  color: #b2b3b6 !important;
  white-space: nowrap;
  line-height: 26px !important;
  font-size: 16px !important;
}
.gestione-offerta-wrapper .versione_due .chosen-container-single .chosen-single span {
  line-height: 26px !important;
  font-size: 16px !important;
}
.gestione-offerta-wrapper .versione_due .chosen-drop {
  left: 0 !important;
}
.gestione-offerta-wrapper .versione_due .flex-center {
  display: flex !important;
}
.gestione-offerta-wrapper .text-linguetta-tr {
  line-height: 1.1;
}
.gestione-offerta-wrapper .lbox {
  overflow-x: hidden;
}
.gestione-offerta-wrapper .mobile-only {
  display: none;
}
.gestione-offerta-wrapper .padding-soft-ud {
  padding: 10px 12px;
  border: 1px solid #bdbdbd;
  border-radius: 6px;
  background-color: #f5f5f5;
  margin: 0 6px 0px 0;
  cursor: pointer;
}
.gestione-offerta-wrapper .label-piu-scelta {
  color: white;
  position: absolute;
  top: -10px;
  right: -8px;
  background-color: #0af;
  border-radius: 2px;
  padding: 4px 5px;
  font-size: 12px;
  line-height: 1;
}
.gestione-offerta-wrapper .awesomplete > input {
  line-height: 26px !important;
  font-size: 16px !important;
  border: solid 1px #b2b3b6;
  padding-left: 5px;
}
.gestione-offerta-wrapper .awesomplete > ul > li {
  list-style-type: unset;
}
.gestione-offerta-wrapper .input-shadow {
  padding: 6px 10px !important;
  border: solid 1px #b2b3b6 !important;
  color: #b2b3b6 !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 5px #b2b3b6 !important;
  margin-right: 20px !important;
  font-size: 16px !important;
}
.gestione-offerta-wrapper .margin-input-btn {
  margin-right: 20px !important;
}
.gestione-offerta-wrapper .fornitura-title {
  font-size: 30px !important;
  line-height: 32px !important;
}
.gestione-offerta-wrapper .cliente-title {
  font-size: 30px !important;
  line-height: 32px !important;
}
.gestione-offerta-wrapper .cliente-subtitle {
  font-size: 18px;
  line-height: 22pt;
}
.gestione-offerta-wrapper .copertura-title {
  font-size: 30px !important;
  line-height: 32px !important;
}
.gestione-offerta-wrapper .device-title {
  font-size: 30px !important;
  line-height: 32px !important;
}
.gestione-offerta-wrapper .btn-link-s {
  font-size: 18px !important;
}
.gestione-offerta-wrapper .submit-more.mini {
  font-size: 22px !important;
  /*padding: 10px 20px !important;*/
}
.gestione-offerta-wrapper .submit-more.mini span {
  margin: 10px 20px !important;
}
.gestione-offerta-wrapper .padding-copertura {
  padding: 10px 0px !important;
}
.gestione-offerta-wrapper .toolbar-margin {
  margin-top: 60px !important;
}
.gestione-offerta-wrapper .margin-top-content {
  margin-top: 30px !important;
}
.gestione-offerta-wrapper .text-normal {
  font-size: 18px !important;
}
.gestione-offerta-wrapper .label-normal {
  font-size: 22px !important;
}
.gestione-offerta-wrapper .label-big {
  font-size: 26px !important;
  line-height: 26px !important;
}
.gestione-offerta-wrapper .lbox {
  max-height: none !important;
  height: auto !important;
}
.gestione-offerta-wrapper .padding-lbox-due {
  padding-top: 5% !important;
}
.gestione-offerta-wrapper .question {
  margin: -12px 0px 1px 0px !important;
}
.gestione-offerta-wrapper input[type=text],
.gestione-offerta-wrapper input[type=password],
.gestione-offerta-wrapper textarea {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  font-size: 22px;
  line-height: 20px;
  color: #555;
  border-radius: 8px;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  outline: none;
  z-index: 2;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  height: 46px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .gestione-offerta-wrapper .form-password {
    padding: 5px 0px 0px 50px !important;
    height: 60px !important;
  }
}
@media (max-width: 767px) {
  .gestione-offerta-wrapper .form-password {
    padding: 5px 0px 0px 35px !important;
    height: 40px !important;
  }
}
@media (max-width: 767px) {
  .gestione-offerta-wrapper {
    /** summer fix **/
  }
  .gestione-offerta-wrapper div.label-piu-scelta {
    top: 0px;
    right: 0px;
  }
  .gestione-offerta-wrapper .client-choice-btn {
    height: 58px;
  }
  .gestione-offerta-wrapper div#btn-new-client {
    margin: 25px 10px 8px 10px;
  }
  .gestione-offerta-wrapper div#btn-old-client {
    margin: 8px 10px 25px 10px;
  }
  .gestione-offerta-wrapper .privacy-light-box div.padding-soft-ud {
    margin-bottom: 7px;
  }
  .gestione-offerta-wrapper .flex-mobile {
    display: block !important;
  }
  .gestione-offerta-wrapper .inset-input {
    margin: 0 0 10px 0 !important;
  }
  .gestione-offerta-wrapper .small .circle-progress.active,
.gestione-offerta-wrapper .small .circle-progress.active.disabled {
    width: 25px !important;
    height: 25px !important;
    -o-transition: 0.6s !important;
    -ms-transition: 0.6s !important;
    -moz-transition: 0.6s !important;
    -webkit-transition: 0.6s !important;
  }
  .gestione-offerta-wrapper .small .thumb-ico-lbox {
    height: 20px !important;
    width: auto !important;
  }
  .gestione-offerta-wrapper .small .price-offerta {
    font-size: 40px !important;
    padding: 4px 0 !important;
  }
  .gestione-offerta-wrapper .small .h3,
.gestione-offerta-wrapper h3 {
    font-size: 18px !important;
  }
  .gestione-offerta-wrapper .small .linguetta-tr-pop {
    right: 0 !important;
  }
  .gestione-offerta-wrapper .m-all-circleft {
    width: calc(100vw - 80px);
  }
  .gestione-offerta-wrapper .desktop-only {
    display: none !important;
  }
  .gestione-offerta-wrapper .mobile-only {
    display: block !important;
  }
  .gestione-offerta-wrapper .padding-lbox {
    padding-top: 0px !important;
  }
  .gestione-offerta-wrapper .padding-lbox-due {
    padding-top: 0px !important;
  }
  .gestione-offerta-wrapper .margin-input-btn {
    margin-right: 0px !important;
  }
  .gestione-offerta-wrapper .versione_due input,
.gestione-offerta-wrapper .versione_due input.input-large,
.gestione-offerta-wrapper .versione_due textarea,
.gestione-offerta-wrapper .versione_due .uneditable-input {
    margin-bottom: 10px !important;
  }
  .gestione-offerta-wrapper .margin-top-content {
    margin-top: 30px !important;
  }
  .gestione-offerta-wrapper .btn-link-s {
    font-size: 18px !important;
  }
  .gestione-offerta-wrapper .search-more.mini {
    font-size: 22px !important;
    padding: 10px 20px !important;
  }
  .gestione-offerta-wrapper .search-padding {
    padding-top: 10px !important;
  }
  .gestione-offerta-wrapper .text-normal {
    font-size: 18px !important;
  }
  .gestione-offerta-wrapper .versione_due input {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gestione-offerta-wrapper .versione_due .ios input {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gestione-offerta-wrapper .versione_due a.btn-link-s {
    font-size: 11px;
    text-decoration: underline !important;
    margin-top: 5px;
  }
}
@media (max-width: 979px) {
  .gestione-offerta-wrapper .versione_due input,
.gestione-offerta-wrapper .versione_due input.input-large,
.gestione-offerta-wrapper .versione_due textarea,
.gestione-offerta-wrapper .versione_due .uneditable-input {
    width: 100% !important;
  }
  .gestione-offerta-wrapper .versione_due input {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gestione-offerta-wrapper .versione_due .ios input {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gestione-offerta-wrapper .padding-lbox-due {
    padding-top: 0px !important;
  }
}
@media (max-width: 1023px) {
  .gestione-offerta-wrapper .lbox,
.gestione-offerta-wrapper .lbox-large {
    width: 100%;
    height: 100vh;
  }
  .gestione-offerta-wrapper .lbox {
    max-height: none !important;
  }
  .gestione-offerta-wrapper .versione_due input {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gestione-offerta-wrapper .ios input {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gestione-offerta-wrapper .padding-lbox-due {
    padding-top: 0px !important;
  }
}
@media (max-height: 799px) and (min-width: 1023px) {
  .gestione-offerta-wrapper .lbox {
    max-height: none !important;
  }
  .gestione-offerta-wrapper .fasce-btn {
    width: 280px;
    text-align: center;
  }
  .gestione-offerta-wrapper .versione_due input {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gestione-offerta-wrapper .versione_due .ios input {
    max-width: 100% !important;
    width: 100% !important;
  }
  .gestione-offerta-wrapper .padding-lbox-due {
    padding-top: 0px !important;
  }
}
.gestione-offerta-wrapper #mono-icon {
  height: 60px;
  margin: 0px 15px !important;
}
.gestione-offerta-wrapper #fasce-icon {
  height: 60px;
  margin: 0px 15px !important;
}
.gestione-offerta-wrapper #tariffa_mono_tooltip {
  margin-top: 10px !important;
}
.gestione-offerta-wrapper #tariffa_fasce_tooltip {
  margin-top: 10px !important;
}
@media (min-width: 768px) {
  .gestione-offerta-wrapper .underlogo_text {
    font-size: 23px;
    letter-spacing: -1;
  }
}
@media (max-width: 767) {
  .gestione-offerta-wrapper .underlogo_text {
    font-size: 14px;
    letter-spacing: -1;
  }
}
@media (min-width: 768px) {
  .gestione-offerta-wrapper .overAH .title.treInUno {
    font-size: 18px;
    color: black;
  }
}
@media (max-width: 767px) {
  .gestione-offerta-wrapper .overAH .title.treInUno {
    font-size: 16px;
    line-height: 1.43;
    margin-bottom: 40px !important;
    color: black;
  }
}
.gestione-offerta-wrapper .privacy.treInUno {
  font-size: 16px;
  line-height: 23px;
  /*padding: 0% 0%;*/
}
@media (max-width: 767px) {
  .gestione-offerta-wrapper .privacy.treInUno {
    padding: 0% 12%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gestione-offerta-wrapper .privacy.treInUno {
    padding: 0% 5%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gestione-offerta-wrapper .privacy.treInUno.step2 {
    padding: 0% 15%;
  }
}
@media (min-width: 1200px) and (max-width: 1333px) {
  .gestione-offerta-wrapper .privacy.treInUno {
    padding: 0% 20%;
  }
}
.gestione-offerta-wrapper .section--lightblue #config_caldaia_form .form__input {
  background-color: #f9f9f9;
}
.gestione-offerta-wrapper .section--lightblue #config_caldaia_form .form__fieldset .form__label {
  width: 70px;
  height: 11px;
  font-family: Lato;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.15px;
  text-align: left;
  color: #cccccc;
}
.gestione-offerta-wrapper #modal .yui3-widget-mask {
  z-index: 9999 !important;
}
.gestione-offerta-wrapper .modal-spazio-clienti {
  z-index: 9999 !important;
}
.gestione-offerta-wrapper .modal-spazio-clienti .modal-content {
  position: fixed;
  top: 22%;
  /*transform: translateY(-110%);*/
  border-radius: 25px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  width: 640px;
  min-height: 300px;
}
.gestione-offerta-wrapper .modal-spazio-clienti .modal-body {
  padding-bottom: 30px;
  padding-top: 0px;
  margin-left: 24px;
}
.gestione-offerta-wrapper .modal-spazio-clienti .btn-toolbar {
  text-align: right;
}
.gestione-offerta-wrapper .modal-spazio-clienti .modal-header {
  border-bottom: unset;
  font-size: 25px;
  padding-top: 5px;
  padding-bottom: 0px;
  display: inline-block;
}
.gestione-offerta-wrapper .modal-spazio-clienti .modal-body .title {
  font-size: 25px;
  color: #00aaff;
}
.gestione-offerta-wrapper .modal-spazio-clienti .modal-header .btn-toolbar .btn.btn-default {
  border: 0;
  color: #0af;
  font-size: 30px;
  padding: 5px;
  background-color: transparent;
  transform: rotateX(45deg);
}
@media (max-width: 768px) {
  .gestione-offerta-wrapper .cliente-input {
    margin-bottom: 20px;
  }
  .gestione-offerta-wrapper .recup-text {
    margin-bottom: 10px;
  }
  .gestione-offerta-wrapper .modal-spazio-clienti .modal-content {
    width: 80%;
    margin: 0 auto;
  }
  .gestione-offerta-wrapper .modal-spazio-clienti {
    top: inherit !important;
    left: inherit !important;
    width: inherit !important;
    height: 100%;
  }
  .gestione-offerta-wrapper .modal-spazio-clienti .modal-footer .btn {
    padding: 5px 10px;
    width: fit-content !important;
  }
  .gestione-offerta-wrapper .modal-spazio-clienti .modal-header .btn-toolbar .btn {
    float: right;
    padding: 0;
    width: auto;
  }
  .gestione-offerta-wrapper #offerta-assicurazione .desktop {
    display: none;
  }
}
.gestione-offerta-wrapper .modal-spazio-clienti .modal-footer .toolbar-content {
  text-align: center;
}
.gestione-offerta-wrapper .modal-spazio-clienti .modal-footer .btn {
  background-color: #e62d87;
  color: #fff;
  width: 40%;
  min-height: 50px;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: 20px;
  line-height: 0.07;
}
.gestione-offerta-wrapper .modal-spazio-clienti .modal-footer .btn:hover {
  background-color: #AD2864;
}
.gestione-offerta-wrapper #offerta-assicurazione .icon_hover {
  border-radius: 10px;
}
.gestione-offerta-wrapper #offerta-assicurazione .icon_hover a,
.gestione-offerta-wrapper i {
  cursor: pointer;
}
.gestione-offerta-wrapper .breadcrumb-flusso-container {
  margin: 10px 0px 20px 0px;
}
.gestione-offerta-wrapper .breadcrumb-flusso-hai-selezionato {
  font-size: 17px;
  color: #00AAFF;
  margin-right: 8px;
  display: inline;
}
.gestione-offerta-wrapper .breadcrumb-flusso-element {
  font-size: 14px;
  background-color: #F5F5F5;
  padding: 3px;
  display: inline;
  margin-right: 6px;
}
@media (max-width: 767px) {
  .gestione-offerta-wrapper .breadcrumb-flusso-hai-selezionato,
.gestione-offerta-wrapper .breadcrumb-flusso-element {
    text-align: center;
    width: fit-content;
    margin: 0px auto 4px auto;
    display: block;
  }
}
.gestione-offerta-wrapper .breadcrumb-flusso-element img {
  width: 13px;
  height: 13px;
  margin: 0px 4px 2px 4px;
}
.gestione-offerta-wrapper .comm-btn:active,
.gestione-offerta-wrapper .fasce-btn:active,
.gestione-offerta-wrapper .client-choice-btn:active,
.gestione-offerta-wrapper .assic-btn:active,
.gestione-offerta-wrapper #wrap-stessacasa-step2-3in1:active,
.gestione-offerta-wrapper #wrap-altracasa-step2-3in1:active {
  background-color: #bdbdbd !important;
}
.gestione-offerta-wrapper .privacy-light-box .main_btn:hover {
  background-color: #ad2864;
}
.gestione-offerta-wrapper .privacy-light-box .main_btn:active {
  background-color: #7e194a;
}
.gestione-offerta-wrapper .overAH .minor_btn:hover {
  background-color: #58a5c2;
}
.gestione-offerta-wrapper .overAH .minor_btn:active {
  background-color: #3c7286;
}
.gestione-offerta-wrapper .comm-btn.selected,
.gestione-offerta-wrapper .client-choice-btn.selected,
.gestione-offerta-wrapper .assic-btn.selected,
.gestione-offerta-wrapper .treInUno.step2 .selected,
.gestione-offerta-wrapper .fasce-btn.selected {
  background-color: #f5f5f5 !important;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #757575;
}
.gestione-offerta-wrapper .comm-btn.selected:hover,
.gestione-offerta-wrapper .client-choice-btn.selected:hover,
.gestione-offerta-wrapper .assic-btn.selected:hover,
.gestione-offerta-wrapper .treInUno.step2 .selected:hover,
.gestione-offerta-wrapper .fasce-btn.selected:hover {
  background-color: #e0e0e0 !important;
}
.gestione-offerta-wrapper .comm-btn.selected:active,
.gestione-offerta-wrapper .client-choice-btn.selected:active,
.gestione-offerta-wrapper .assic-btn.selected:active,
.gestione-offerta-wrapper .treInUno.step2 .selected:active,
.gestione-offerta-wrapper .fasce-btn.selected:active {
  background-color: #bdbdbd !important;
}

.tab-assicurazione .step__img-block {
  width: 40px;
  border-radius: 50%;
  background-color: #0af;
  background-size: contain;
}
.tab-assicurazione .step__title {
  padding-left: 10px;
}
.tab-assicurazione .slick-dots {
  margin-top: 10px;
}
.tab-assicurazione .card-container {
  position: relative;
  width: 96%;
  margin: auto;
  border: 2px solid #0af;
  border-radius: 20px;
  overflow: auto;
  /*min-height:580px;*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
}
.tab-assicurazione .step__title {
  font-weight: bold;
  color: #0af;
  font-size: 24px;
  text-align: left;
}
.tab-assicurazione .step__text {
  padding: 20px 15px 15px;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
}
.tab-assicurazione .row, .tab-assicurazione .text-cont, .tab-assicurazione .img-cont {
  height: 100%;
}
.tab-assicurazione .row-cont {
  padding: 61px 42px;
}
.tab-assicurazione .tab-img {
  max-height: 100%;
}
.tab-assicurazione .active div.tab-content {
  border: 1px solid #0af;
  color: #0af;
  font-weight: bold;
}
.tab-assicurazione div.tab-content {
  margin-top: -1px;
}
.tab-assicurazione .tab-pane.active {
  border: solid 2px #0af;
  box-shadow: 0 0 9.7px 0.3px rgba(0, 0, 0, 0.4);
}
.tab-assicurazione .img-block {
  display: inline-flex;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #dbdbdb;
  background-size: contain;
}
.tab-assicurazione .slider .img-block {
  background: #0af;
}
.tab-assicurazione .active .text-block {
  color: white;
}
.tab-assicurazione .text-block {
  display: inline-flex;
  align-items: center;
  margin-left: 7px;
}
.tab-assicurazione .tab-desc-title {
  font-size: 23px;
  line-height: 1.39;
}
.tab-assicurazione .tab-desc-body {
  margin-top: 25px;
  font-size: 16px;
}
.tab-assicurazione .tab-assic-link {
  font-size: 16px;
  cursor: pointer;
  margin: 30px 0;
  color: #337ab7;
  text-decoration: underline;
}
.tab-assicurazione ul.nav.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.tab-assicurazione ul.nav.nav-tabs li.tab:first-child {
  margin-left: 0;
}
.tab-assicurazione ul.nav.nav-tabs li.tab:last-child {
  margin-right: 0;
}
.tab-assicurazione .nav.nav-tabs li.tab.active .img-block {
  background-color: white;
}
.tab-assicurazione .nav.nav-tabs li.tab {
  border-radius: 8px 8px 0px 0px;
  border: solid 2px #c4c5c6;
  border-bottom: 0px;
  margin: 0 3px;
  padding: 0;
  flex: 1;
  background-color: white;
  color: #c4c5c6;
}
.tab-assicurazione .nav.nav-tabs li {
  float: none;
  left: 0;
}
.tab-assicurazione .nav.nav-tabs li.tab.active {
  background-color: #0af;
  border-color: #0af;
}
.tab-assicurazione .nav.nav-tabs li.tab.active:after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 0px;
  height: 0px;
  border-right: 23px solid transparent;
  border-left: 23px solid transparent;
  border-top: 15px solid #0af;
  left: calc((100% - 46px) / 2);
}
.tab-assicurazione .nav.nav-tabs > li > a.tab-content {
  background-color: inherit;
  color: inherit;
  border: none;
  padding: 20px;
  outline: none;
}
.tab-assicurazione .slick-slide {
  padding-right: 10px;
  padding-left: 10px;
  transition: all 600ms ease;
  opacity: 0.5;
  margin-bottom: 19px;
}
.tab-assicurazione .slick-slide.slick-center {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
}
.tab-assicurazione .step__desc {
  position: absolute;
  bottom: 2%;
  font-size: 12px;
  width: 90%;
}
.tab-assicurazione .step__desc a {
  text-decoration: underline !important;
  color: #337ab7;
}
.tab-assicurazione #card-swiper {
  overflow: -webkit-paged-x;
}

@media (max-width: 1023px) {
  .img-block {
    width: 24px;
    height: 24px;
  }

  .text-block {
    font-size: 13px;
  }

  .tab-img {
    max-height: 70%;
    max-width: 70%;
  }
}
@media (max-width: 359px) {
  .card-container {
    min-height: 815px;
  }
}
.banner-app {
  text-align: center;
  background-color: #425b67;
  color: white;
  position: relative;
}
.banner-app .banner-app-text {
  margin: 0 30px;
  font-size: 14px;
}
.banner-app .banner-app-icon {
  width: 31px;
  height: 31px;
  margin: 14px 0px;
  border-radius: 5px;
}
.banner-app .banner-app-cta {
  border: 1px solid white;
  border-radius: 18px;
  font-size: 10px;
  padding: 7px 14px;
  cursor: pointer;
}
.banner-app .banner-app-cta:hover {
  background-color: white;
  color: #425b67;
}
.banner-app .banner-app-close {
  position: absolute;
  right: 10px;
  cursor: pointer;
  line-height: 10px;
  font-size: 10px;
  top: calc(50% - 5px);
}

.wrapper_info .netreviews_review_rate_and_stars div {
  font-size: 10px;
}

.wrapper_info {
  margin-left: 50px;
  align-items: center;
  position: absolute;
  top: 200px;
  right: 0px;
}

.container_info {
  width: 230px;
  padding: 15px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
  border-radius: 10px;
}

.container_info .info_title {
  color: black;
  font-weight: bold;
  line-height: 1.16;
  font-size: 15px;
}

.cards_comp .container {
  margin-bottom: 40px;
}

.cards_comp .tab_comps {
  /*box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.29);*/
  margin-bottom: 20px;
}

.cards_comp .nav-fill li.nav-item {
  flex: 1 0;
}

@media (max-width: 991px) {
  .cards_comp.comparatore-prezzi-wrapper .desktop-only {
    display: none;
  }

  .cards_comp .nav .nav-link.active {
    border-color: #0af;
    background-color: #0af;
    color: #fff;
    font-weight: 600;
  }

  .cards_comp .nav .nav-link {
    font-size: 14px;
    color: #9e9e9e;
    border: 1px solid #9e9e9e;
    height: 100%;
    padding: 2% 15%;
  }

  .cards_comp .nav-fixed {
    position: fixed;
    background-color: white;
    top: -2px;
    z-index: 10;
    width: 100%;
  }

  .cards_comp.comparatore-prezzi-wrapper .desktop-only {
    display: none;
  }
}
@media (min-width: 992px) {
  .comparatore-prezzi-wrapper .nav.flex-row {
    display: none;
  }
}
@media (max-width: 575px) {
  .title_comp {
    margin: auto;
    width: 75%;
  }

  .cards_comp.comparatore-prezzi-wrapper .cta-link.btn-color-magenta, .cards_comp.comparatore-prezzi-wrapper .cta-link.btn-color-magenta {
    font-size: 16px;
  }
}
.f-bold {
  font-weight: 600;
}

.cards_comp {
  margin-bottom: 60px;
}

.icon_comp {
  margin-top: 20px;
}

.title_comp {
  font-size: 26px;
  font-weight: 600;
  color: #0af;
}

.tip_comp {
  color: white;
  font-weight: 600;
  background-color: #0af;
  width: fit-content;
  padding: 5px 10px;
  position: absolute;
  top: -33px;
  right: 0;
  border-radius: 14px 14px 0px 0px;
  width: 100%;
  height: 55px;
  z-index: -1;
  text-align: center;
}

.label_comp {
  max-width: 80px;
  font-size: 15px;
  font-weight: 600;
}

.option_comp {
  font-size: 15px;
}

.price_comp {
  font-size: 15px;
}

.comparatore-prezzi-wrapper td, .comparatore-prezzi-wrapper th {
  line-height: 1.6;
  font-size: 15px;
  text-align: center;
  padding: 15px 0;
}

.comparatore-prezzi-wrapper table td:first-child, .comparatore-prezzi-wrapper table th:first-child {
  text-align: left;
}

.comparatore-prezzi-wrapper .table .table_title {
  color: #0af;
  font-size: 17px !important;
}

.comparatore-prezzi-wrapper .cta-link.btn-color-magenta, .cards_comp .cta-link.btn-color-magenta {
  padding: 7px 25px;
  font-size: 24px;
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 0px;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s;
}

/* Hover Effects on Card */
@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -0.25rem;
    margin-bottom: 0.25rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.comparatore-prezzi-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2196F3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.gray {
  color: gray;
}

.comparatore-prezzi-tooltip {
  margin: 0px 7px;
  width: 27px;
  height: 27px;
}

#comparatore-prezzi.section h2.section__title {
  font-size: 40px;
}

#comparatore-prezzi h5.title_comp {
  font-size: 24px;
}

@media (max-width: 768px) {
  #comparatore-prezzi.section h2.section__title {
    font-size: 30px !important;
  }

  #comparatore-prezzi h5.title_comp {
    font-size: 20px;
  }

  #comparatore-prezzi.comparatore-prezzi-wrapper .cta-link.btn-color-magenta, #comparatore-prezzi.comparatore-prezzi-wrapper .cards_comp .cta-link.btn-color-magenta {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .cdown-wrap-mob .cdown-wrap {
    margin: 32px 20px 24px 20px;
    max-width: unset;
  }

  .cdown-wrap-mob .cdown-block .cdays-class {
    font-size: 20px;
    line-height: 1.05;
  }

  .cdown-wrap-mob .cdown-block {
    font-size: 12px;
    padding: 4px 0px;
  }
}
@media (min-width: 978px) {
  .hero.hero-newmobile {
    margin-bottom: 85px;
    height: 400px;
    padding-bottom: 10px;
  }
}
.cdown-wrap-desk {
  position: absolute;
  top: 30px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 977px) {
  .cdown-wrap-desk {
    top: 125px;
  }

  .hero {
    margin-bottom: 80px;
  }
}
.cdown {
  align-items: center;
}

.cdown-block {
  color: #0af;
  background-color: #fff;
  padding: 12px 3px;
  border-radius: 16px;
  font-weight: 600;
  text-align: center;
  flex: 1 1 0px;
  margin: 0 10px;
  font-size: 14px;
}

.cdown-wrap {
  max-width: 340px;
  color: white;
  padding: 10px;
  text-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #0af;
  /*opacity: 0.9;*/
  border-radius: 8px;
  font-family: "Lato";
  line-height: 1.43;
}

.cdown-block .cdays-class {
  font-size: 34px;
  line-height: 1.21;
}

.hero .hero__title {
  font-size: 40px;
}

.hero .hero__desc {
  font-size: 24px;
}

.hero .hero__title-long {
  font-size: 40px;
}

.hero .hero__desc-long {
  font-size: 24px;
}

@media (max-width: 768px) {
  .mobile-header-wrap .hero__title {
    font-size: 30px;
  }

  .mobile-header-wrap .hero__desc {
    font-size: 20px;
  }

  .mobile-header-wrap .hero__title p {
    font-size: 30px !important;
  }

  .mobile-header-wrap .hero__desc p {
    font-size: 20px !important;
  }

  .wrapper-container.mobile-header-wrap {
    padding-bottom: 20px;
    margin-bottom: 15px;
  }

  .mobile-header-wrap .hero__title-long {
    font-size: 30px;
  }

  .mobile-header-wrap .hero__desc-long {
    font-size: 20px;
  }
}
/* ONETRUST BANNER */
#onetrust-consent-sdk {
  display: none;
}

#onetrust-banner-sdk {
  height: fit-content !important;
}

.custom-ot-btn {
  color: #00aaff !important;
  border-color: #00aaff !important;
  background-color: #FFFFFF !important;
  min-width: 135px !important;
  padding: 12px 10px !important;
  letter-spacing: 0.05em !important;
  line-height: 1.4 !important;
  font-size: 0.813em !important;
  font-weight: 600 !important;
  height: auto !important;
  white-space: normal !important;
  word-break: break-word !important;
  word-wrap: break-word !important;
  margin-right: 30.8% !important;
  text-decoration: underline !important;
  border: none !important;
}

#onetrust-button-group {
  margin-top: 4% !important;
}

@media only screen and (max-width: 425px) {
  .custom-ot-btn {
    width: 100% !important;
    margin-bottom: 10px !important;
    margin-right: unset !important;
  }

  #onetrust-button-group {
    margin-top: unset !important;
  }
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

/*body.engie {
	background-color: #ededed !important;
}*/
body.engie section.row {
  margin: 0 auto !important;
}

body.engie section .bar {
  float: none !important;
  background-color: inherit;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.flat-portlet .portlet-borderless-container {
  min-height: initial !important;
}

body.engie #portlet_58 {
  margin-top: 150px;
}

@media (max-width: 767.98px) {
  .cx-common-container {
    right: 0 !important;
  }

  .cx-side-button-group {
    top: 62% !important;
    display: none;
  }
}
.portlet-login {
  width: 50%;
  margin: auto;
}

.checkbox-screen {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  padding: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 4px;
  border-radius: 4px !important;
  margin-right: 10px !important;
  color: #555;
}
.checkbox-screen.active {
  background-color: #00aaff;
}
.checkbox-screen.active .check-interno {
  display: block;
  color: white;
}
.checkbox-screen.checkbox-error {
  border: 1px solid #af2b3d;
  padding: 2px;
}
.checkbox-screen.error, .checkbox-screen .error {
  color: #af2b3d;
  font-weight: bold;
}
.checkbox-screen .check-interno {
  display: none;
}
.checkbox-screen .checkbox-alert {
  position: absolute;
  left: 15px;
  top: 25px;
}

/* FIX PER POSITION MEGAMENU da menu di navigazione*/
#megamenu-row-container section.portlet {
  position: unset;
  margin: 0;
}

/* RESTYLE ON HOVER */
@media (min-width: 992px) {
  .navigation__item.w-100.w-xl-auto:hover .mega-dropdown-menu {
    /*display: block;*/
    max-height: 600px;
  }
}

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