/* modals.css */
/* General/Global modal styling */

.remodal {
  padding: 2rem 2.5rem 1rem 2.5rem;
  text-align: left;
}
.remodal-close {
  top: 0.5rem;
  left: unset;
  right: 0;
}

.pure-form select {
    color: #404040;
}
.remodal h1,
.remodal p {
  margin-bottom: 1rem;
}
.remodal h1 {
  font-size: 1.5rem;
}

.remodal .pure-form fieldset {
  text-align: left;
}
.remodal .pure-form h5 {
    margin: 1em 0 0.5em 0;
}
.remodal .pure-form select,
.remodal .pure-form input,
.remodal .pure-form button {
    color: #404040;
    width: 100%;
}
.remodal .pure-form input {
  margin-bottom: 1rem;
}
.remodal .pure-form button {
  margin: 0.25rem 0;
}
.remodal .pure-form button:first-of-type {
  margin-top: 1.5rem;
}
.pure-form fieldset h5:not(:first-of-type) {
    margin-top: 1.5rem;
}


/* WiFi Security Modal */

.remodal .pure-form .selectSecurityType {
  margin-bottom: 0;
}
.remodal .pure-form .selectWifiChannel {
  margin-bottom: 1rem;
}


/* Set Schedule Modal */

.select-time-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.select-time-wrapper select {
  margin: 0 0.25rem;
}
.select-time-wrapper select:first-of-type {
  margin-left: 0;
}
.select-time-wrapper select:last-of-type {
  margin-right: 0;
}
.select-time-wrapper span {
  padding: 0 0.25rem;
  font-weight: bold;
}


/* Set Clock Modal */

.setClockWrapper {
  margin-bottom: 1rem;
}