/*
 * Global constants goes here
 */
:root {
    --primary-color: #42b983;
}


/*
 * Global CSS goes here, it requires to use :global before each style
 */
:global html {
    height: 100%;
}
:global body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: auto;
}
:global #app {
    color: #2c3e50;
    font-family: Source Sans Pro, Helvetica, sans-serif;
    height: 100%;
    width:100%;
}
:global #app p {
    text-align: justify;
}
:global .hello {
    color: var(--primary-color);
}

:global #permissives-table tbody tr td {
    text-align: center;
}

:global #permissives-table tbody tr td button {
    width: 95%;
}

:global #permissives-table thead tr th {
    text-align: center;
}

:global #settings-button {
    margin: auto 15px;
}

:global .control-button {
    width: 95%;
}

:global .alarms-active {
    animation: pulse 0.5s infinite;
}

@keyframes pulse {
    0% {
      background-color: #FFFFFF !important;
      color: #dc3545 !important;
    }
    100% {
      background-color: #dc3545 !important;
      color: #FFFFFF !important;
    }
  }