.auth_panel {
  width: 350px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 75px;
  border: 2px solid #eee;
  border-radius: 25px;
  padding: 30px;
  background: #f9f9f9;
}

html {
  overflow: scroll;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 0;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}

#database_button_group_div>.btn-group .btn-group-normal {
  display: inline-table !important;
}

#sensor_checkbox_div>.shiny-input-checkboxgroup label~.shiny-options-group {
  column-count: 3;
}

#status_checkbox_div>.shiny-input-checkboxgroup label~.shiny-options-group {
  column-count: 3;
}

#alarm_checkbox_div>.shiny-input-checkboxgroup label~.shiny-options-group {
  column-count: 3;
}

.shiny-text-output {
  color: #1D2B42;
  font-family: Lato;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
}

.modal-title {
  text-align: center;
  color: #1D2B42;
  font-family: Lato;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}

.modal-body {
  text-align: center;
  color: #1D2B42;
  font-family: Lato;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
}

.grey-row {
  background-color: #ecf0f1;

}

.centered-row {
  min-height: 56.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 1px;
}

.ma_input {
  font-family: Lato;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
}


progress {
  padding-right: 10px;
  font-size: 1rem;
}

::-webkit-progress-value {
  transition: width 1s;
}