@font-face {
  font-family: "Neue Helvetica W05";
  src: url(https://erp.senzomatic.com/rails-assets/assets/fonts/neue_helvetica_w05.woff2) format("woff2"); }

.environment-badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none; }
  .environment-badge .env-text {
    display: inline-block;
    padding: 6px 12px;
    background-color: #f05a22;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px; }

header .logo {
  position: relative; }

.header-component .logo {
  position: relative; }

.header-component {
  display: flex;
  flex-direction: column; }
  .header-component img {
    padding-right: 0.2rem; }
  .header-component .top {
    display: flex;
    justify-content: end; }
    @media (max-width: 729px) {
      .header-component .top {
        flex-direction: column;
        justify-content: flex-start; }
        .header-component .top div {
          margin-top: 0.5rem; } }
    @media (min-width: 730px) {
      .header-component .top {
        flex-direction: row;
        height: 2rem; } }
    .header-component .top div {
      margin-right: 1rem; }
      .header-component .top div:last-child {
        margin-right: 0rem; }
    .header-component .top .language.dropdown {
      align-items: baseline;
      display: flex;
      flex-direction: column;
      width: 5rem; }
      .header-component .top .language.dropdown .selected-language {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
      .header-component .top .language.dropdown ul {
        background-color: var(--base-bg-color);
        border-radius: var(--base-border-radius);
        box-shadow: 2px 2px 5px var(--button-hint-color);
        display: none;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0.5rem;
        left: 1rem; }
        .header-component .top .language.dropdown ul li {
          list-style: none; }
          .header-component .top .language.dropdown ul li a {
            width: 5rem;
            display: block;
            padding: 0.2rem 0.5rem; }
          .header-component .top .language.dropdown ul li a:hover {
            background-color: var(--base-color);
            border-radius: var(--base-border-radius);
            color: var(--base-bg-color);
            font-weight: var(--base-font-bold); }
      .header-component .top .language.dropdown:hover ul {
        display: block; }
  .header-component .center {
    margin-top: 1rem; }

.top {
  display: flex;
  flex-direction: row; }

.footer-component {
  display: flex;
  flex-direction: column; }
  @media (max-width: 729px) {
    .footer-component {
      margin-top: 2rem; } }
  @media (min-width: 730px) {
    .footer-component {
      margin-top: 10rem; } }
  .footer-component .info-block {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 729px) {
      .footer-component .info-block {
        flex-direction: column;
        justify-content: flex-start; }
        .footer-component .info-block div {
          margin-top: 0.5rem; } }
    @media (min-width: 730px) {
      .footer-component .info-block {
        flex-direction: row; } }
    .footer-component .info-block .logo,
    .footer-component .info-block .social-sites {
      display: flex;
      flex-direction: row;
      width: 25%; }
      .footer-component .info-block .logo div,
      .footer-component .info-block .social-sites div {
        margin-right: 1rem; }
        .footer-component .info-block .logo div:last-child,
        .footer-component .info-block .social-sites div:last-child {
          margin-right: 0; }
    .footer-component .info-block .logo {
      padding-right: 0.5rem; }
      .footer-component .info-block .logo img {
        width: 100%; }
    .footer-component .info-block .social-sites {
      padding-left: 0.5rem; }
    .footer-component .info-block .company-info {
      display: flex;
      flex-direction: column;
      width: 50%; }
      .footer-component .info-block .company-info div {
        margin-top: 15px; }
      .footer-component .info-block .company-info .address {
        display: flex;
        flex-direction: column; }

.buttons-to-activate-central-unit-component {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%; }
  .buttons-to-activate-central-unit-component form {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem; }
    .buttons-to-activate-central-unit-component form input, .buttons-to-activate-central-unit-component form textarea {
      margin: 0px 0 5px 0;
      width: 100%; }

.configuration-central-unit-status-component {
  align-items: center;
  display: flex;
  flex-direction: row;
  column-gap: 1rem; }
  @media (min-width: 730px) {
    .configuration-central-unit-status-component {
      padding-left: 2rem;
      justify-content: end; }
      .configuration-central-unit-status-component span {
        text-align: right;
        width: 85%; } }
  @media (max-width: 729px) {
    .configuration-central-unit-status-component {
      justify-content: space-between; }
      .configuration-central-unit-status-component span {
        width: 80%; } }
  .configuration-central-unit-status-component .online-check-error {
    background-size: 48px 40px;
    height: 40px;
    width: 48px; }
  .configuration-central-unit-status-component .check-unknown,
  .configuration-central-unit-status-component .check-ok,
  .configuration-central-unit-status-component .spinner,
  .configuration-central-unit-status-component .warning-orange,
  .configuration-central-unit-status-component .check-error,
  .configuration-central-unit-status-component .check-error-helpdesk {
    background-size: 40px 40px;
    height: 40px;
    width: 40px; }

.installation-sensors-status-component {
  align-items: center;
  display: flex;
  flex-direction: row;
  column-gap: 1rem; }
  @media (min-width: 730px) {
    .installation-sensors-status-component {
      padding-left: 2rem;
      justify-content: end; }
      .installation-sensors-status-component span {
        text-align: right;
        width: 85%; } }
  @media (max-width: 729px) {
    .installation-sensors-status-component {
      justify-content: space-between; }
      .installation-sensors-status-component span {
        width: 80%; } }
  .installation-sensors-status-component .check-unknown,
  .installation-sensors-status-component .check-error,
  .installation-sensors-status-component .check-ok,
  .installation-sensors-status-component .spinner,
  .installation-sensors-status-component .installation-ok,
  .installation-sensors-status-component .installation-warning {
    background-size: 40px 40px;
    height: 40px;
    width: 40px; }

.manage-valve-component {
  align-items: center;
  display: flex;
  flex-direction: column; }
  .manage-valve-component form {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem; }

.online-central-unit-status-component {
  align-items: center;
  display: flex;
  flex-direction: row;
  column-gap: 1rem; }
  @media (min-width: 730px) {
    .online-central-unit-status-component {
      padding-left: 2rem;
      justify-content: end; }
      .online-central-unit-status-component span {
        text-align: right;
        width: 85%; } }
  @media (max-width: 729px) {
    .online-central-unit-status-component {
      justify-content: space-between; }
      .online-central-unit-status-component span {
        width: 80%; } }
  .online-central-unit-status-component .online-check-ok, .online-central-unit-status-component .online-check-error, .online-central-unit-status-component .spinner, .online-central-unit-status-component .check-unknown {
    background-size: 40px 40px;
    height: 40px;
    width: 40px; }

#progress-bar {
  background-color: #d7d7d7;
  border-radius: 0.25rem;
  margin: 1rem 0;
  height: 1.2rem;
  width: 80%; }
  @media (max-width: 729px) {
    #progress-bar {
      width: 100%; } }
  #progress-bar #gauge {
    border-radius: 0.25rem;
    width: 100%;
    text-align: center;
    margin: auto;
    height: 1.2rem; }

.result-activation-component {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }
  .result-activation-component .hr {
    border-top: 1px solid #ebebeb;
    align-self: flex-end;
    width: 100% !important; }

.result-test-sensors-warn-component {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 2rem; }
  .result-test-sensors-warn-component .read-less-metrics, .result-test-sensors-warn-component .read-too-litle {
    display: flex;
    flex-direction: column;
    width: 60%; }
    .result-test-sensors-warn-component .read-less-metrics span.devices, .result-test-sensors-warn-component .read-too-litle span.devices {
      padding-left: 2rem; }

.sensors-installation-status-component {
  display: flex;
  flex-direction: column; }
  @media (max-width: 729px) {
    .sensors-installation-status-component {
      align-items: baseline; }
      .sensors-installation-status-component > #progress-bar {
        display: none; } }
  @media (min-width: 730px) {
    .sensors-installation-status-component {
      align-items: center; } }
  .sensors-installation-status-component #unknown-sensors, .sensors-installation-status-component #unknown-gateways {
    align-self: start;
    justify-content: start;
    padding-bottom: 2rem; }
  .sensors-installation-status-component #broken-connection {
    background-color: var(--button-warning-bg-color);
    border-radius: 0.25rem;
    color: var(--button-color);
    font-weight: bold;
    margin: 10px auto;
    padding: 20px 0;
    text-align: center;
    width: 100%; }
  .sensors-installation-status-component #information {
    display: flex;
    padding-top: 2rem;
    width: 100%; }
    @media (max-width: 729px) {
      .sensors-installation-status-component #information {
        flex-direction: column; } }
    @media (min-width: 730px) {
      .sensors-installation-status-component #information {
        flex-direction: row-reverse;
        justify-content: space-between; }
        .sensors-installation-status-component #information #results > #progress-bar {
          display: none; } }
  .sensors-installation-status-component #details {
    display: flex;
    padding-top: 2rem;
    width: 100%; }
    @media (max-width: 729px) {
      .sensors-installation-status-component #details {
        flex-direction: column; } }
    @media (min-width: 730px) {
      .sensors-installation-status-component #details {
        flex-direction: row-reverse;
        justify-content: start; } }
  .sensors-installation-status-component .hr {
    border-top: 1px solid #ebebeb; }
    @media (max-width: 729px) {
      .sensors-installation-status-component .hr {
        width: 85%; } }
    @media (min-width: 730px) {
      .sensors-installation-status-component .hr {
        width: 75%; } }
  .sensors-installation-status-component .installation-name,
  .sensors-installation-status-component .central_unit-label,
  .sensors-installation-status-component .central_unit-hwpart,
  .sensors-installation-status-component .central_unit-serial-numbers,
  .sensors-installation-status-component .devices-header-line {
    font-weight: bold; }
  .sensors-installation-status-component h1,
  .sensors-installation-status-component h2,
  .sensors-installation-status-component h3,
  .sensors-installation-status-component h4,
  .sensors-installation-status-component h5,
  .sensors-installation-status-component h6 {
    font-weight: 700;
    margin: 0; }
  .sensors-installation-status-component h1 {
    font-size: 5rem;
    margin-bottom: 2rem; }
  .sensors-installation-status-component h2 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem; }
  .sensors-installation-status-component h3 {
    font-size: 2rem;
    margin-bottom: 0.25rem; }
  .sensors-installation-status-component h4 {
    font-size: 1.75rem;
    margin-bottom: 0.25rem; }
  .sensors-installation-status-component h5 {
    font-size: 1.25rem;
    margin-bottom: 0.1rem; }
  .sensors-installation-status-component h6 {
    font-size: 1rem;
    margin-bottom: 0.1rem; }
  .sensors-installation-status-component .line {
    display: flex;
    flex-direction: row;
    padding-bottom: 0.5rem; }
    @media (max-width: 729px) {
      .sensors-installation-status-component .line {
        flex-direction: column; } }
    @media (min-width: 730px) {
      .sensors-installation-status-component .line {
        align-items: baseline;
        flex-direction: row; } }
    .sensors-installation-status-component .line span::after {
      content: ":";
      padding-right: 0.5rem; }
  .sensors-installation-status-component #messages {
    padding: 10px 0px; }
    .sensors-installation-status-component #messages .command,
    .sensors-installation-status-component #messages .message {
      display: flex;
      flex-direction: row;
      gap: 0.3rem; }
      .sensors-installation-status-component #messages .command .datetime,
      .sensors-installation-status-component #messages .message .datetime {
        display: flex;
        flex-direction: row;
        gap: 0.3rem; }
      .sensors-installation-status-component #messages .command .confirmed-text,
      .sensors-installation-status-component #messages .message .confirmed-text {
        color: var(--button-ok-color);
        font-weight: bold; }
      .sensors-installation-status-component #messages .command .cancelled-text,
      .sensors-installation-status-component #messages .message .cancelled-text {
        color: var(--button-error-color);
        font-weight: bold; }
  .sensors-installation-status-component #installation {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .sensors-installation-status-component #installation-details {
    display: flex;
    flex-direction: column; }
  .sensors-installation-status-component #installation,
  .sensors-installation-status-component #actions {
    display: flex;
    flex-direction: column; }
    @media (min-width: 730px) {
      .sensors-installation-status-component #installation,
      .sensors-installation-status-component #actions {
        width: 50%; } }
  .sensors-installation-status-component #actions {
    width: 100%; }
  @media (min-width: 730px) {
    .sensors-installation-status-component #results {
      width: 45%; } }
  .sensors-installation-status-component #results,
  .sensors-installation-status-component #summary,
  .sensors-installation-status-component #actions,
  .sensors-installation-status-component #installation-details,
  .sensors-installation-status-component #devices {
    margin-bottom: 1rem; }
  @media (max-width: 729px) {
    .sensors-installation-status-component #devices {
      width: 100%; } }
  @media (min-width: 730px) {
    .sensors-installation-status-component #devices {
      width: 65%; } }
  .sensors-installation-status-component #list {
    display: grid; }
    @media (max-width: 729px) {
      .sensors-installation-status-component #list {
        grid-template-columns: 100%; } }
    @media (min-width: 730px) {
      .sensors-installation-status-component #list {
        grid-template-columns: 40% 40%;
        gap: 1rem; } }
  .sensors-installation-status-component #installation .contact a {
    background-color: var(--base-bg-color);
    color: var(--base-color); }
  .sensors-installation-status-component #actions {
    gap: 1rem;
    align-items: center; }
    .sensors-installation-status-component #actions .manage-valve-component {
      width: 100%; }
    .sensors-installation-status-component #actions form {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: unset; }
      @media (min-width: 730px) {
        .sensors-installation-status-component #actions form {
          width: 60%; } }
      @media (max-width: 729px) {
        .sensors-installation-status-component #actions form {
          align-items: center;
          width: 90%; } }
      .sensors-installation-status-component #actions form button {
        width: 100%; }
    .sensors-installation-status-component #actions button {
      border-radius: 0.25rem;
      font-size: 1.25rem;
      font-weight: 600;
      height: 4rem; }
      .sensors-installation-status-component #actions button.disabled {
        background-color: var(--button-hint-bg-color);
        color: var(--button-hint-color);
        height: max-content;
        height: 4rem; }
      .sensors-installation-status-component #actions button.warning {
        background-color: var(--button-warning-bg-color);
        color: var(--button-important-color);
        height: 4rem; }
      .sensors-installation-status-component #actions button.good {
        background-color: var(--button-ok-bg-color);
        color: var(--button-important-color);
        height: 4rem; }
  .sensors-installation-status-component .unexpected {
    background-color: white;
    color: var(--base-color); }

.sensor-status-component {
  display: flex;
  flex-direction: column; }
  .sensor-status-component .sensor-main {
    pointer-events: none;
    display: flex;
    flex-direction: row; }
    .sensor-status-component .sensor-main .semaphore {
      pointer-events: none;
      margin: auto 0;
      width: 40px;
      height: 24px; }
    .sensor-status-component .sensor-main .device {
      pointer-events: none;
      border: 1px solid var(--button-bg-color);
      border-radius: 0.25rem;
      display: grid;
      grid-template-columns: auto;
      padding: 0.25rem;
      width: 95%; }
  .sensor-status-component .metric-details {
    border: 1px solid var(--button-bg-color);
    border-radius: 0.25rem;
    display: none;
    pointer-events: none;
    padding-top: 2px;
    gap: 2px; }
    .sensor-status-component .metric-details.expanded {
      display: flex;
      flex-direction: column;
      pointer-events: none; }
    .sensor-status-component .metric-details .metric {
      border-bottom: 1px solid var(--button-bg-color);
      padding: 5px; }
      .sensor-status-component .metric-details .metric .metric-name {
        margin-bottom: 1rem; }
      .sensor-status-component .metric-details .metric.missing {
        color: var(--button-warning-bg-color); }
      .sensor-status-component .metric-details .metric .metric-values {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
        padding-left: 1rem;
        pointer-events: none; }
        .sensor-status-component .metric-details .metric .metric-values .metric-value {
          display: flex;
          flex-direction: column; }

body.senzomatic main.container .address_container {
  width: 60%; }

body.senzomatic .form-field-content {
  overflow: hidden;
  height: 0;
  transition: height 0.5s ease; }
  body.senzomatic .form-field-content.expanded {
    height: max-content; }

body.senzomatic .rows {
  line-height: 1.2; }

body.senzomatic .change_address {
  width: 70%; }

body.senzomatic .address_container .addresses {
  display: flex;
  column-gap: 5rem; }

body.senzomatic a,
body.senzomatic a span {
  color: var(--base-color);
  text-decoration: none; }
  body.senzomatic a:link, body.senzomatic a:visited,
  body.senzomatic a span:link,
  body.senzomatic a span:visited {
    color: var(--base-color); }
  body.senzomatic a:hover,
  body.senzomatic a span:hover {
    filter: brightness(140%); }
  body.senzomatic a:active,
  body.senzomatic a span:active {
    filter: brightness(120%); }

body.senzomatic button,
body.senzomatic a.button,
body.senzomatic input.button[type="submit"] {
  color: var(--button-color);
  background-color: var(--button-bg-color);
  border-radius: var(--base-border-radius);
  border-style: none;
  padding: 1rem 1rem;
  font-weight: 600;
  font-family: var(--font);
  font-size: var(--font-base-size);
  line-height: 1.2; }
  body.senzomatic button:hover,
  body.senzomatic a.button:hover,
  body.senzomatic input.button[type="submit"]:hover {
    filter: brightness(140%); }
  body.senzomatic button:active,
  body.senzomatic a.button:active,
  body.senzomatic input.button[type="submit"]:active {
    filter: brightness(120%); }
  body.senzomatic button.hint,
  body.senzomatic a.button.hint,
  body.senzomatic input.button.hint[type="submit"] {
    color: var(--button-hint-color);
    background-color: var(--button-hint-bg-color); }
    body.senzomatic button.hint:hover,
    body.senzomatic a.button.hint:hover,
    body.senzomatic input.button.hint[type="submit"]:hover {
      filter: brightness 0.9; }
  body.senzomatic button.important,
  body.senzomatic a.button.important,
  body.senzomatic input.button.important[type="submit"] {
    color: var(--button-important-color);
    background-color: var(--button-warning-bg-color); }
    body.senzomatic button.important:hover,
    body.senzomatic a.button.important:hover,
    body.senzomatic input.button.important[type="submit"]:hover {
      filter: brightness(50%); }

body.senzomatic form div {
  margin-top: 1.5rem; }
  body.senzomatic form div label {
    font-weight: var(--base-font-bold); }

body.senzomatic form input:not([type="submit"]), body.senzomatic form select {
  background-color: white;
  border-radius: var(--base-border-radius);
  border-width: var(--base-border-width);
  font-size: 1.2rem;
  height: 2rem;
  padding: 0.5rem; }

@media (max-width: 729px) {
  body.senzomatic form .form-inputs {
    width: 100%; } }

@media (min-width: 730px) {
  body.senzomatic form .form-inputs {
    width: 25rem; } }

body.senzomatic form .form-inputs div {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  body.senzomatic form .form-inputs div abbr {
    display: none; }
  @media (max-width: 550px) {
    body.senzomatic form .form-inputs div input, body.senzomatic form .form-inputs div select {
      width: 100%; } }
  @media (max-width: 729px) {
    body.senzomatic form .form-inputs div input, body.senzomatic form .form-inputs div select {
      width: 95%; } }
  @media (min-width: 730px) {
    body.senzomatic form .form-inputs div input, body.senzomatic form .form-inputs div select {
      width: 65%; } }
  body.senzomatic form .form-inputs div input#show-delivery-address, body.senzomatic form .form-inputs div select#show-delivery-address {
    width: 10%; }
  body.senzomatic form .form-inputs div.links {
    font-weight: var(--base-font-bold); }

@media (max-width: 729px) {
  body.senzomatic form .form-inputs.sign-in {
    width: 100%; } }

@media (min-width: 730px) {
  body.senzomatic form .form-inputs.sign-in {
    width: 25rem; } }

body.senzomatic form .form-inputs.sign-in div {
  align-items: stretch;
  display: flex;
  flex-direction: column; }
  body.senzomatic form .form-inputs.sign-in div abbr {
    display: none; }
  body.senzomatic form .form-inputs.sign-in div.links {
    font-weight: var(--base-font-bold); }

body.senzomatic form .form-actions.sign-in {
  margin-top: 0.5rem; }
  @media (max-width: 729px) {
    body.senzomatic form .form-actions.sign-in {
      width: 100%; } }
  @media (min-width: 730px) {
    body.senzomatic form .form-actions.sign-in {
      width: 25rem; } }
  body.senzomatic form .form-actions.sign-in input[type="submit"] {
    width: 100%; }

body.senzomatic .check-ok {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/check_ok-ad03452ed61f166810cdc1d9639cee0f5d4f12ee8eba050c6f517ebed62ea8c1.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat; }

body.senzomatic .check-warn {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/check_warn-8686f927325f39ffc12add154dbccc209666b913f0398db1ac4c99148cd38934.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat; }

body.senzomatic .check-error {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/check_error-93344a102d5e6758333d7a92a1968f11acfd722596757d1bd91b2cad727f98ad.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat; }

body.senzomatic .check-error-helpdesk {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/call_error-94991d624f91cd507c2e32f46685ddbd9b6e3ad3bf59a69ffff9bc2e917123f5.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat; }

body.senzomatic .installation-ok {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/installation_ok-7c9c41f5f4af758135ba025e24d1049b44525a3fff7755ce7510f9c86869da4c.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat; }

body.senzomatic .installation-warning {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/installation_warning-36585fbe5f536e92972f876c86c8ba8da9d6982b9460afa27a4b6af7a53401cd.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat; }

body.senzomatic .warning-orange {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/triangel_orange-329fca94f0434408ca534e025edb676a8e5bded99647d25094855f835494d04e.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat; }

body.senzomatic .warning-yellow {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/triangel_yellow-59def388d5918431b60b6d2dc46fc32268c75be112a318fc06919a63d68ed5ea.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat; }

body.senzomatic .online-check-ok {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/online_check_ok-e1cd169fd2d094e89f8e3256e5b1c647f7ef3284d9425fcde8809abd29b7b87b.svg);
  background-size: 24px 20px;
  background-repeat: no-repeat; }

body.senzomatic .online-check-warn {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/online_check_warn-115635139213e4628cb4d05367f6e23c035a08526b55b29957b1374b6f0a4320.svg);
  background-size: 24px 20px;
  background-repeat: no-repeat; }

body.senzomatic .online-check-error {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/online_check_error-28f175005813b67ccc29200abe719bf8f31d3f4908b72c6a28b792431f9a8f20.svg);
  background-size: 24px 20px;
  background-repeat: no-repeat; }

body.senzomatic .check-unknown {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/check_unknown-ce6d8c7932071ecb6f4836a77a7e89fbd0e8511226febd9e1244f1cad61af84d.svg);
  background-size: 24px 20px;
  background-repeat: no-repeat; }

body.senzomatic .spinner {
  background-image: url(https://erp.senzomatic.com/rails-assets/assets/senzomatic/checks/spinner-8fbd5c72614f854687098d6ce60abafa93673ceaab2f5860d27bb7375b3c7aad.svg);
  background-size: 24px 20px;
  background-repeat: no-repeat; }

body.senzomatic {
  align-items: center;
  display: flex;
  flex-direction: column; }
  body.senzomatic .hidden {
    display: none; }
  body.senzomatic .container {
    max-width: unset;
    padding: 1rem 0rem 0rem 0rem; }
    @media (max-width: 550px) {
      body.senzomatic .container {
        width: 95%; } }
    @media (max-width: 729px) {
      body.senzomatic .container {
        width: 90%; } }
    @media (min-width: 730px) {
      body.senzomatic .container.normal {
        width: 75%; }
      body.senzomatic .container.narrow {
        width: 50%; } }
  body.senzomatic main {
    overflow-wrap: break-word;
    background-color: var(--base-bg-color);
    color: var(--base-color); }

body.senzomatic .session-new-page {
  width: 100%;
  display: flex; }
  @media (max-width: 729px) {
    body.senzomatic .session-new-page {
      flex-direction: column; } }
  @media (min-width: 730px) {
    body.senzomatic .session-new-page {
      flex-direction: row; } }
  @media (max-width: 729px) {
    body.senzomatic .session-new-page .sign-in-form {
      width: 100%; } }
  @media (min-width: 730px) {
    body.senzomatic .session-new-page .sign-in-form {
      width: 60%; } }
  body.senzomatic .session-new-page .sign-in-form .boolean.optional.user_remember_me {
    align-items: center;
    flex-direction: row;
    justify-content: stretch; }
    body.senzomatic .session-new-page .sign-in-form .boolean.optional.user_remember_me #user_remember_me {
      width: 1rem; }
  @media (max-width: 729px) {
    body.senzomatic .session-new-page .sign-in-partner {
      margin-top: 4rem;
      width: 100%; } }
  @media (min-width: 730px) {
    body.senzomatic .session-new-page .sign-in-partner {
      width: 40%; }
      body.senzomatic .session-new-page .sign-in-partner .partner-logo {
        top: 50%;
        position: relative; } }
.installation-week-statuses, .installations-week-statuses {
  position: relative; }
  .installation-week-statuses .installations-week-status-filters-component .form-line, .installations-week-statuses .installations-week-status-filters-component .form-line {
    line-height: normal;
    display: flex;
    flex-direction: row;
    gap: 1rem; }
    .installation-week-statuses .installations-week-status-filters-component .form-line .small, .installations-week-statuses .installations-week-status-filters-component .form-line .small {
      width: 20%; }
      .installation-week-statuses .installations-week-status-filters-component .form-line .small label, .installations-week-statuses .installations-week-status-filters-component .form-line .small label {
        text-wrap: nowrap; }
  .installation-week-statuses .line-block.tags, .installations-week-statuses .line-block.tags {
    background: transparent;
    font-size: 12px;
    position: absolute;
    right: 100%; }
  .installation-week-statuses .bubble, .installations-week-statuses .bubble {
    background-color: white;
    border-radius: 0 40px 0 40px;
    padding: 30px; }
  .installation-week-statuses .installation-week-status, .installations-week-statuses .installation-week-status {
    align-items: center;
    display: grid;
    grid-template-columns: 5% 20% 20% auto 5%;
    gap: 1rem; }
  .installation-week-statuses .week-status, .installations-week-statuses .week-status {
    align-items: center;
    display: grid;
    grid-template-columns: 5% 10% 10% 20% 5% auto;
    gap: 1rem; }
  .installation-week-statuses .report, .installations-week-statuses .report {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0.5rem; }

body.senzomatic .downloadable-materials {
  width: 100%;
  display: flex;
  flex-direction: column; }
  @media (min-width: 730px) {
    body.senzomatic .downloadable-materials {
      min-width: 730px; } }
  @media (min-width: 1024px) {
    body.senzomatic .downloadable-materials {
      min-width: 1024px; } }
  body.senzomatic .downloadable-materials .white-container {
    line-height: 2rem; }
  body.senzomatic .downloadable-materials .nothing-to-show {
    font-weight: bold;
    font-size: 20px;
    padding: 20px 0px 50px 0px; }
  body.senzomatic .downloadable-materials .downloadable-material button a {
    color: white; }
  body.senzomatic .downloadable-materials .downloadable-material .description {
    display: flex;
    flex-direction: row;
    padding: 0.5rem 0 0 0;
    justify-content: space-between; }
    @media (max-width: 729px) {
      body.senzomatic .downloadable-materials .downloadable-material .description {
        flex-direction: column; }
        body.senzomatic .downloadable-materials .downloadable-material .description button {
          width: 50%; } }
    @media (min-width: 729px) {
      body.senzomatic .downloadable-materials .downloadable-material .description {
        flex-direction: row;
        gap: 40px; } }
    body.senzomatic .downloadable-materials .downloadable-material .description button {
      padding: 0 1rem 0 1rem; }
  body.senzomatic .downloadable-materials .downloadable-material .attributes {
    align-items: center;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    max-width: 80%; }
    @media (max-width: 729px) {
      body.senzomatic .downloadable-materials .downloadable-material .attributes {
        flex-direction: column; }
        body.senzomatic .downloadable-materials .downloadable-material .attributes button {
          width: 100%; } }
    @media (min-width: 729px) {
      body.senzomatic .downloadable-materials .downloadable-material .attributes {
        flex-direction: row;
        gap: 40px; } }
body.senzomatic {
  --base-bg-color: #ffffff;
  --base-color: #1a4a72;
  --button-ok-color: #3d991c;
  --button-error-color: #99001f;
  --button-bg-color: #1a4a72;
  --button-color: #f7f7f7;
  --button-hint-bg-color: #ebebeb;
  --button-hint-color: #1a4a72;
  --button-ok-bg-color: #3d991c;
  --button-error-bg-color: #99001f;
  --button-warning-bg-color: #f05a22;
  --button-important-color: #f7f7f7;
  --base-border-radius: 4px;
  --base-border-width: 1px;
  --base-header-bg-color: var(--base-bg-color);
  --base-font-bold: 600;
  --font-base-size: 1rem;
  --base-font: "Inter", "Roboto", "open-sans", "Helvetica Neue", sans-serif;
  font-size: var(--font-base-size);
  font-family: var(--base-font);
  font-weight: 300;
  line-height: 1.2;
  color: var(--base-color);
  background-color: var(--base-bg-color); }