/* Mail CSS */
div#mail_container {
  display: flex;
  flex-direction: column;
  width: 735px;
  padding-left: 2em;
  padding-right: 2em;
  /* margin: auto; */
}

h1 {
  font-size: 1.75rem;
}

form {
}

form > label.desc {
  width: 100%;
  float: left;
  text-align: left;
  padding-right: 15px;
  padding-top: 5px;
  font-size: 90%;
  color: #777;
}
form > label.error {
  float: none;
  width: 15%;
}

form > span.error {
  color: red;
}

fieldset {
  border: 0;
  padding: 0;
}
form > div.desc {
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.form_button {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #888;
  border-right: solid 1px #888;
  border-radius: 6px;
  padding: 10px;
  color: var(--btn-col-text);
  background-color: var(--btn-col-back);
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  min-width: 6rem;
  margin-right: 1rem;
  margin-top: 1rem;
}

.form_button_small{
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #888;
  border-right: solid 1px #888;
  border-radius: 4px;
  padding: 3px;
  color: var(--btn-col-text);
  background-color: var(--btn-col-back);
  font-size: 1em;
  font-weight: normal;
  cursor: pointer;
  margin-right: 1em;
}

div.webex_lookup {
  clear: both;
  margin-bottom: 5px;
  max-width: 90%;
}

select {
  border: solid 1px #aaa;
  padding: 5px;
  border-radius: 5px;
  width: 100%;
  font-size: 100%;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
textarea {
  width: 100%;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1.2em;
  padding: 4px;
  margin-bottom: 2px;
}

input.medium[type=text],
input.medium[type=email],
input.medium[type=tel],
input.medium[type=url],
input.medium[type=password] {
  width: 70%;
}

input.short[type=text],
input.short[type=email],
input.short[type=tel],
input.short[type=url],
input.short[type=password] {
  width: 20%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
/*  border-color: #4697e4; */
}