#mail-sender-config {
    padding:10px;
}

#mail-sender-config-container { /* Main Text Style */
    letter-spacing: 0px;
    opacity: 1;
    color: var(--main-text-color);
    font: normal normal normal 14px/18px Lato;
    text-align: left;
}

#mail-sender-config-container .header-button-container {
    display: flex;
    justify-content: space-between;
    height: 30px;
    align-items: center;
    margin-top: 3px;
}

#mail-sender-config-container .edit-btn {
  border: var(--normal-button-border);
  border-radius: 5px;
  padding: 7px 22px 7px 22px;
  background-color: var(--normal-button-background);
  color: var(--normal-button-color);
  text-align: center;
  font: normal normal bold 14px Lato;
  cursor: pointer;
  margin-right: 10px;
}

#mail-sender-config-container .edit-btn:hover {
  background-color: var(--hover-normal-button-backgorund);
  border-color: var(--hover-normal-button-border);
  color: var(--hover-normal-button-color);
}

#mail-sender-config-container .edit-btn:active {
  background-color: var(--active-normal-button-background);
  border-color: var(--active-normal-button-border);
  color: var(--active-normal-button-color);
}

#mail-sender-config-container .alert-topic-header {
    text-transform: uppercase;
    color: var(--main-placeholder-color);
    text-align: left;
    font: normal normal bold 12px/18px Lato;
}

#mail-sender-config-container #force-opened-door-label,
#mail-sender-config-container #fire-alarm-label {
    margin-left: 10px
}

#mail-sender-config-container .no-sender-text {
    color: var(--main-placeholder-color);
    font: normal normal italic 14px/18px Lato;
}

#mail-sender-config-container #notification-text-info {
    margin: 15px 0px 0px 10px;
}

#mail-sender-config-container .multiple-user-value {
    display: flex;
    margin: 4px 0px 30px 20px;
}

#mail-sender-config-container #send-mail-to-label {
    width: 201px;
}

#mail-sender-config-container .mail-list {
    flex: 1;
}

#mail-sender-config-container .mail-item {
    margin: 8px 0px 8px 0px;
}

#mail-sender-config-container .mail-item:first-child {
    margin-top: 0px;
}

#mail-sender-config-container .mail-item:last-child {
    margin-bottom: 0px;
}

#mail-sender-config-container .mail-template-header {
  text-align: left;
  font: normal normal bold 16px Lato;
  letter-spacing: 0px;
  color: var(--main-text-color);
  opacity: 1;
}

#mail-sender-config-container .default-template-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}