.howto {
    width: 100%;
    margin: 15px 0 10px 25px;
    font-size: 14px;

}

.tool {
    clear:both;
    margin-top:35px;
    font-size: 14px;
}

#today {
  margin-top: 25px;
}

a {
  font-weight: bold;
  color: #437f89;
}

.description {
   font-size: 14px;
   margin-bottom: 20px;
}

.results {
  font-size: 18px;
  min-height:120px;
}

.spacer {
  margin-top:45px;
  width:100%;
}

.input {
  border-radius: 5px;
  height: 32px;
}

#tm-top-bar {
  background-color: #f8f9fa;
  /*background-image: url(../img/pattern-01.png);*/
  background-size: contain;
  max-height: 65px;
}

.ss-container {
  border-radius: 5px;
  border: 2px solid black;
  margin-bottom: 15px;
  box-sizing: unset;
}

.toolbar {
  text-align: center;
  clear: both;
  margin-top:25px;
}

#theform {
  margin-top: 100px;
}

td {
  width:33%!important;
}

table {
  margin: 30px 0 30px 0;
}

label {
  font-weight: bold;
}

.btn {
  border-radius: 5px;
  background-color: #c4d2d7;
  border: 1px solid black;
  color: black;
  height: 24px;
  margin-bottom: 3px;
}

/* Mobile-first approach: default styles for smaller screens */
.btn {
  width: 100px;
  margin-right: 20px;
  font-size: 16px;
}

/* Override for larger screens */
@media screen and (max-width: 540px) {
  .btn {
    width: 115px;
    margin-right: 25px;
  }

  .howto {
    clear:both;
    margin:0!important;
    padding-top:20px;
  }
}

.error {
  color: red;
  font-size: 12px;
  font-weight: bold;
}

.ie-container-width-fix-2, .ie-container-width-fix {
  width:85%;
}

.red {
    color:red;
}

*,::after,::before {
    box-sizing: unset;
}