.SWSCalculator,
.SWSModal {
  font-family: sans-serif;
  color: #404040;
  line-height: 1.8;
}

.SWSCalculator a,
.SWSModal a {
  color: #21759b;
  text-decoration: none;
}

.SWSCalculator a:hover,
.SWSModal a:hover {
  text-decoration: underline;
}

.SWSCalculator h1,
.SWSModal h1,
.SWSModal h3,
.SWSCalculator h3 {
  color: #ff5f00;
}

.SWSCalculator .InputForm {
  background-color: #f79e1b;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
}

.SWSCalculator .InputForm .Option {
  cursor: default;
}

.SWSCalculator button,
.SWSModal button,
.SWSModal .button {
  background-color: #f79e1b;
  color: #fff;
  border-radius: 5px;
  margin-top: 10px;
  border: 0px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  line-height: normal;
}

.SWSCalculator button:hover,
.SWSModal button:hover,
.SWSModal .button:hover {
  background-color: #ff5f00;
  text-decoration: none;
}

.SWSCalculator input[type="text"] {
  border: 1px solid #eee;
  padding: 5px;
  margin: 5px 0 15px 0;
  width: 100px;
}

.SWSCalculator label {
  font-weight: 700;
}

.SWSModal .CloseButton {
  float: right;
  cursor: pointer;
  padding-top: 10px;
  padding-right: 10px;
}

.SWSModal h1 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.SWSModal {
  position: fixed;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.75);

  opacity: 0;
  transition: opacity 500ms ease-in-out;
}

.SWSModal--open {
  opacity: 1;
}

.SWSModal--close {
  opacity: 0;
}

.SWSModalContent {
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;

  position: absolute;
  inset: 40px;
  border: 1px solid rgb(204, 204, 204);
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  overflow: auto;
  border-radius: 4px;
  outline: currentcolor none medium;
  padding: 20px;
}

.SWSModalContent .button {
  color: #000;
  width: 6em;
}

/* Tweeks for larger screens */
@media only screen and (min-width: 1000px) {
  .SWSModalContent {
    width: 50%;
    max-width: 600px;
  }
}

/* Disallow scrolling the body when the modal is open */
.ReactModal__Body--open {
  overflow: hidden;
}