@charset "UTF-8";
.accounting {
  width: 100%;
}
.accounting th, .accounting td {
  padding: 0.5em;
  vertical-align: middle !important;
}
.accounting tr:nth-of-type(even) {
  background-color: #eee;
}
.accounting tr th:nth-of-type(1), .accounting tr td:nth-of-type(1) {
  width: 2em;
  max-width: 2em;
  min-width: 2em;
}
.accounting tr th:nth-of-type(2), .accounting tr td:nth-of-type(2) {
  width: 10em;
  max-width: 10em;
  min-width: 10em;
}
.accounting tr th:nth-of-type(3), .accounting tr td:nth-of-type(3) {
  width: 7em;
  max-width: 7em;
  min-width: 7em;
}
.accounting tr th:nth-of-type(4), .accounting tr td:nth-of-type(4) {
  width: 6em;
  max-width: 6em;
  min-width: 6em;
  text-align: center;
}
.accounting td form {
  margin: 0;
}
.accounting td form button {
  border: 0;
}

#logout {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: 0.5em;
  padding-bottom: 0.65em;
  background-image: linear-gradient(to right, #333, #555);
  background: linear-gradient(132deg, #41505f 0%, #242526 100%);
  z-index: 100;
  color: #fff;
}
#logout form {
  float: right;
}
#logout form, #logout form input {
  margin-bottom: 0;
}
#logout form input {
  cursor: pointer;
}
#logout form input[type=submit] {
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  content: " ";
  background-image: url("../img/logout2.png");
  background-color: #fff;
  min-height: 1.6em;
  min-width: 1.6em;
  border: 0;
  border-radius: 0.25em;
}

#main {
  width: 100%;
  margin-top: 0.5em;
  cell-spacing: 0;
  cell-padding: 0;
  border-spacing: 0;
  margin-bottom: 4em;
}
#main > tbody > tr > td:first-of-type {
  width: 100% !important;
}
#main > tbody > tr > td:first-of-type > div {
  width: 100%;
}
#main > tbody > tr > td:first-of-type h3 {
  font-size: 1.5em;
}
#main > tbody > tr > td {
  display: block;
}
#main > tbody > tr > td:last-of-type {
  width: 100%;
  position: fixed;
  bottom: 0;
  vertical-align: top;
  text-align: center;
  position: fixed;
  right: 0;
  background-color: #fff;
  opacity: 0.9;
  padding-top: 0.25em;
}
#main > tbody > tr > td:last-of-type button {
  min-width: 3em;
  min-height: 3em;
  max-width: 3em;
  max-width: 3em;
  content: " ";
  background-position: center center;
  background-size: 75% auto;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  margin-bottom: 0.25em;
}
#main > tbody > tr > td:last-of-type button:hover, #main > tbody > tr > td:last-of-type button.active {
  background-color: #242526;
}
#main > tbody > tr > td:last-of-type button#show-news {
  background-image: url("../img/rss.png");
}
#main > tbody > tr > td:last-of-type button#show-prices {
  background-image: url("../img/price-chart.png");
}
#main > tbody > tr > td:last-of-type button#show-calc {
  background-image: url("../img/calc.png");
}
#main > tbody > tr > td:last-of-type button#show-orders {
  background-image: url("../img/delivered.png");
}
#main > tbody > tr > td:last-of-type button#show-pending {
  background-image: url("../img/sandglass.png");
}
#main > tbody > tr > td:last-of-type button#show-contacts {
  background-image: url("../img/contacts.png");
}
#main > tbody > tr > td:last-of-type button#show-todo {
  background-image: url("../img/todo.png");
}
#main > tbody > tr > td:last-of-type button#show-search {
  background-image: url("../img/lookup.png");
}
#main > tbody > tr > td:last-of-type button#show-suppliers {
  background-image: url("../img/production.png");
}
#main > tbody > tr > td:last-of-type button#show-analytics {
  background-image: url("../img/anal.png");
}
#main > tbody > tr > td:last-of-type button#show-trucks {
  background-image: url("../img/orders.png");
}
#main > tbody > tr > td:last-of-type button#show-sales {
  background-image: url("../img/handshake.webp");
}

@media screen and (min-width: 1200px) {
  #main {
    display: table;
    margin-top: 2em;
    margin-bottom: 0;
  }
  #main > tbody > tr > td:first-of-type {
    width: calc(100% - 10em);
  }
  #main > tbody > tr > td:first-of-type > div {
    width: 60%;
  }
  #main > tbody > tr > td:first-of-type h3 {
    font-size: 1.5em;
  }
  #main > tbody > tr > td {
    display: table-cell;
  }
  #main > tbody > tr > td:last-of-type {
    width: 5em;
    min-width: 5em;
    max-width: 5em;
    top: 4em;
    right: 0;
    padding-top: 0;
  }
  #main > tbody > tr > td:last-of-type button {
    min-width: 4em;
    min-height: 4em;
    max-width: 4em;
    max-width: 4em;
    margin-bottom: 1em;
  }
}
#tab-news > div > div {
  padding: 0;
  border-radius: 0.5em !important;
  z-index: 10;
  background-color: #eee;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
#tab-news > div > div > p {
  padding: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  z-index: 8;
  margin: 0;
}
#tab-news > div > div > p:last-of-type {
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
  style: italic;
  font-size: 0.9em;
}
#tab-news > form {
  margin-top: -1em;
}
#tab-news > form input {
  width: 100%;
  padding-left: 0.5em;
}

#tab-prices h4, #tab-prices #chart-manager {
  display: none;
}
#tab-prices #chart-source {
  width: 100%;
}
#tab-prices #chart-source thead td {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em !important;
  text-align: center;
  border-bottom: 1px #ccc solid;
}
#tab-prices #chart-source thead td p {
  font-weight: 600;
  margin-bottom: 0.15em;
}
#tab-prices #chart-source tr td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  text-align: center;
}
#tab-prices #chart-source tr td:first-of-type {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#tab-prices #chart-source tr:nth-of-type(even) {
  background-color: #eee;
}
#tab-prices #chart-source .update-chart input {
  text-align: center;
}
#tab-prices #chart-source tr:hover {
  background-color: #c2dbff;
}
#tab-prices #chart-source .price-chart-date span:first-of-type {
  display: none;
}
#tab-prices #chart-source .price-chart-date span:last-of-type {
  display: block;
}

@media screen and (min-width: 1200px) {
  #chart-source thead td {
    padding-left: 1em;
    padding-right: 1em;
  }
  #chart-source tr td:first-of-type {
    padding-left: 1em;
    padding-right: 1em;
  }
  #tab-prices h4, #tab-prices #chart-manager {
    display: block;
  }
  #tab-prices .price-chart-date span:first-of-type {
    display: block !important;
  }
  #tab-prices .price-chart-date span:last-of-type {
    display: none !important;
  }
}
#truck-list > div {
  margin-bottom: 1em;
  padding: 0.75em;
  border-left: 0.5em #fff solid;
}
#truck-list > div:nth-of-type(odd) {
  background-image: linear-gradient(to right, #fff, #eee);
}
#truck-list > div:nth-of-type(odd) {
  background-image: linear-gradient(to right, #fff, #eee);
}
#truck-list > div.fileDownloaded {
  background-image: none;
  background-color: #eee;
  background-opacity: 0.8;
  border-left: 0.5em #02AAB0 solid;
}
#truck-list > div > div:first-of-type {
  font-weight: 700;
}
#truck-list > div .files {
  padding-top: 0.7em;
  padding-bottom: 0.9em;
}
#truck-list > div button {
  border: 0 !important;
}

#tab-calc form {
  width: 100%;
}
#tab-calc form input, #tab-calc form select {
  width: 100%;
}
#tab-calc form input[name=triplet] {
  max-width: 33%;
  width: 33%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#tab-calc form input.mid {
  margin-left: 0.5% !important;
  margin-right: 0.5% !important;
}
#tab-calc form input[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
#tab-calc form input, #tab-calc form select {
  padding-left: 0.5em;
}
#tab-calc form input.user, #tab-calc form select.user {
  background-color: #41505f !important;
  color: #fff;
}
#tab-calc #calc-temp button {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

#tab-search form {
  margin-top: -1em !important;
}
#tab-search form select {
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: 100%;
}
#tab-search p {
  margin-top: 0;
}

@media screen and (min-width: 1200px) {
  #tab-search form select {
    width: auto;
  }
}
.num-tab tr:nth-of-type(odd):not(thead > tr) {
  background-color: #eee !important;
}
.num-tab tr th {
  text-align: left;
  vertical-align: middle;
  padding-top: 0.5em;
  padding-bottom: 0.5em !important;
  font-size: 0.8em;
}
.num-tab tr td {
  vertical-align: top;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.num-tab tr td:first-of-type {
  text-align: center;
}
.num-tab tr td, .num-tab tr th {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.num-tab button, .num-tab input[type=submit] {
  cursor: pointer !important;
}
.num-tab button[type=submit] {
  border: 0;
}
.num-tab ul {
  padding: 0;
  margin: 0;
}
.num-tab ul li {
  list-style: none;
  line-height: 1.6;
}
.num-tab ul li:not(:last-of-type) {
  margin-bottom: 0.75em;
}

@media screen and (min-width: 1200px) {
  .num-tab td, .num-tab th {
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
  }
}
#tab-orders > table {
  max-width: 100%;
  width: 100%;
}
#tab-orders .num-tab td {
  vertical-align: top;
}
#tab-orders span {
  display: block;
  width: 100%;
}
#tab-orders th:nth-of-type(3), #tab-orders th:nth-of-type(4),
#tab-orders td:nth-of-type(3), #tab-orders td:nth-of-type(4) {
  display: none;
}
#tab-orders td:last-of-type {
  text-align: center;
}
#tab-orders td:nth-of-type(2) {
  max-width: 7em;
}

@media screen and (min-width: 1200px) {
  #tab-orders th:nth-of-type(3), #tab-orders th:nth-of-type(4),
  #tab-orders td:nth-of-type(3), #tab-orders td:nth-of-type(4) {
    display: table-cell;
  }
  #tab-orders span {
    display: inline !important;
    float: right;
    width: auto !important;
  }
  #tab-orders td:last-of-type {
    text-align: left;
  }
  #tab-orders td:nth-of-type(2) {
    max-width: initial;
  }
}
#tab-pending > table {
  max-width: 100%;
  width: 100%;
}
#tab-pending .num-tab td {
  vertical-align: top;
}
#tab-pending span {
  display: block;
  width: 100%;
}
#tab-pending th:nth-of-type(3), #tab-pending th:nth-of-type(4),
#tab-pending td:nth-of-type(3), #tab-pending td:nth-of-type(4) {
  display: none;
}
#tab-pending td:last-of-type {
  text-align: center;
}
#tab-pending td:nth-of-type(2) {
  max-width: 7em;
}
#tab-pending p.weeks-left {
  font-weight: 600 !important;
}

#add-order form input[type=text], #add-order form select, #add-order form div {
  width: 50%;
}
#add-order form label {
  display: inline-block;
}
#add-order form div {
  margin-top: 0.5em;
}
#add-order form #standards label {
  width: 7em;
}
#add-order form label input + span {
  margin-left: 0.25em;
  display: inline;
}

@media screen and (min-width: 1200px) {
  #tab-pending th:nth-of-type(3), #tab-pending th:nth-of-type(4),
  #tab-pending td:nth-of-type(3), #tab-pending td:nth-of-type(4) {
    display: table-cell;
  }
  #tab-pending span {
    display: inline !important;
    float: right;
    width: auto !important;
  }
  #tab-pending td:last-of-type {
    text-align: left;
  }
  #tab-pending td:nth-of-type(2) {
    max-width: inital;
  }
  #tab-pending p.weeks-left {
    display: none;
  }
}
#order-summary {
  min-width: 100%;
}
#order-summary .num-tab {
  width: 100%;
}
#order-summary #nav, #order-summary #display {
  vertical-align: top;
  display: block !important;
}
#order-summary #nav {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  font-size: 1em;
}
#order-summary #nav td {
  vertical-align: middle !important;
}
#order-summary #nav > div {
  margin-bottom: 2em;
  width: 100%;
  min-width: 100%;
}
#order-summary #nav > div p {
  display: table-row;
  width: 100%;
}
#order-summary #nav > div p span {
  display: table-cell;
}
#order-summary #nav > div p span:last-of-type {
  padding-left: 1em;
}
#order-summary #nav td:last-of-type, #order-summary #nav td:last-of-type button {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
#order-summary #nav > table {
  margin-bottom: 2em;
}
#order-summary #nav ul.remarks {
  display: inline-block !important;
  width: auto !important;
  max-width: 25em;
}
#order-summary #nav ul.remarks li {
  width: auto !important;
  margin-top: 0.25em;
}
#order-summary .activeOrderRoute {
  background-color: #ffcf47 !important;
}
#order-summary .order-route td:last-of-type, #order-summary .activeOrderRoute td:last-of-type {
  max-width: 3em !important;
  min-width: 3em !important;
}
#order-summary #display {
  width: 100%;
  min-width: 100%;
  padding-top: 1.5em;
  border-top: 1px #ddd solid;
  margin-top: 1.5em;
}
#order-summary #display .warning {
  display: block;
  margin-top: 1em;
  color: red;
}
#order-summary #display p {
  display: table-row;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
#order-summary #display p span {
  display: table-cell;
  vertical-align: top;
}
#order-summary #display p span:first-of-type {
  padding-right: 1em;
}

@media screen and (min-width: 1200px) {
  #order-summary .num-tab {
    width: 100%;
  }
  #order-summary #nav, #order-summary #display {
    display: table-cell !important;
  }
  #order-summary #nav {
    max-width: 25em;
    min-width: 25em;
    width: 25em;
    padding-right: 1em;
  }
  #order-summary #display {
    padding-top: 0;
    border-top: 0;
    margin-top: 0s;
  }
}
#tab-suppliers .num-tab {
  width: 100%;
}
#tab-suppliers .num-tab td:first-of-type {
  width: 2em;
  max-width: 2em;
  min-width: 2em;
}
#tab-suppliers .num-tab tbody {
  cursor: pointer;
}
#tab-suppliers .num-tab tbody.active td {
  background-color: #41505f !important;
  color: #fff;
}
#tab-suppliers .num-tab tbody.suppliers-list tr:last-of-type {
  display: none;
}
#tab-suppliers .num-tab tbody.suppliers-list tr:last-of-type td {
  text-align: left;
}
#tab-suppliers .num-tab tbody.suppliers-list tr:last-of-type td p {
  display: block;
  vertical-align: text-top;
}
#tab-suppliers .num-tab tbody.suppliers-list tr:last-of-type td p span {
  display: inline-block;
  vertical-align: text-top;
}
#tab-suppliers .num-tab tbody.suppliers-list tr:last-of-type td p span:first-of-type {
  width: 30%;
}
#tab-suppliers .num-tab tbody.suppliers-list tr:last-of-type td p span:last-of-type {
  width: 70%;
}
#tab-suppliers .num-tab tbody.suppliers-list tr:last-of-type td p span a {
  color: #fff !important;
}
#tab-suppliers .num-tab tbody:nth-of-type(odd) tr {
  background-color: #eee !important;
}
#tab-suppliers .num-tab tbody:nth-of-type(even) tr {
  background-color: #fff !important;
}

#anal-form > div {
  margin-top: 1em;
  margin-bottom: 1em;
}
#anal-form > div label {
  display: block;
}
#anal-form > button {
  margin-top: 0;
}
#anal-form > h4 {
  margin-bottom: 0.5em;
}
#anal-form select, #anal-form button {
  font-size: 1em;
}
#anal-form label {
  display: block;
  margin-top: 1em !important;
}

#anal-result h4 {
  backgroud-color: #ddd !important;
  margin-bottom: 0.25em;
}
#anal-result span {
  display: block;
  width: 100%;
}
#anal-result table caption {
  font-weight: 400;
  background-color: #eee !important;
  margin-top: 0.75em;
}
#anal-result table td, #anal-result table th {
  padding-left: 1em;
  padding-right: 1em;
}
#anal-result table tbody tr:last-of-type td {
  font-weight: 600 !important;
  border-top: 1px #333 solid;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
#anal-result table.freight tr:nth-of-type(even) {
  background-color: #eee;
}
#anal-result table.freight tr:last-of-type {
  background-color: transparent !important;
}
#anal-result table.freight tr.pending td {
  background-color: #f3c6c6;
}
#anal-result table.freight tr:hover {
  background-color: #ddd !important;
}

.lookup input, .lookup button, .lookup select {
  font-size: 1em;
}
.lookup button, .lookup div {
  margin-top: 0.5em;
}
.lookup div > div {
  margin-bottom: 1.5em;
}
.lookup h4 {
  margin-bottom: 0;
}
.lookup h4 + input {
  margin-top: 0.5em;
}
.lookup table {
  max-width: 100% !important;
}
.lookup table td, .lookup table th {
  padding-left: 0.5em;
  padding-right: 0.5em;
  white-space: nowrap;
  max-width: 100%;
}

#anal-result table.freight tr:nth-of-type(even), .lookup div table tr:nth-of-type(even) {
  background-color: #eee;
}
#anal-result table.freight tr:last-of-type, .lookup div table tr:last-of-type {
  background-color: transparent !important;
}
#anal-result table.freight tr.pending td, .lookup div table tr.pending td {
  background-color: #f3c6c6;
}
#anal-result table.freight tr:hover, .lookup div table tr:hover {
  background-color: #ddd !important;
}
#anal-result table.freight td, .lookup div table td {
  padding: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

ul.truck-cloud {
  width: 100%;
  min-width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 2em;
  vertical-align: top !important;
  padding-right: 1em;
}
ul.truck-cloud a.mark {
  display: block;
  text-decoration: none;
  margin-bottom: 1em;
  cursor: pointer;
  font-weight: 600;
}
ul.truck-cloud a.mark::after {
  content: " ››";
}
ul.truck-cloud button {
  border: 0.2em transparent solid !important;
}
ul.truck-cloud button[disabled] {
  cursor: not-allowed;
  background-color: #ddd !important;
}
ul.truck-cloud button.fileRead {
  border: 0.2em green solid !important;
}
ul.truck-cloud > li {
  display: block;
  vertical-align: top;
  width: 100%;
  min-width: 100%;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  border: 1px #ddd solid;
  border-radius: 1em;
  margin: 0.5em;
  position: relative;
}
ul.truck-cloud > li.fileready::after, ul.truck-cloud > li.filedownloaded::after {
  display: inline-block;
  min-width: 2.5em;
  min-height: 2.5em;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  content: "a";
  color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 70%;
  margin-left: 0.5em;
}
ul.truck-cloud > li.fileready::after {
  background-image: url("../img/fileReady.png");
}
ul.truck-cloud > li.filedownloaded::after {
  background-image: url("../img/fileDownloaded.png");
}
ul.truck-cloud > li button.more-info {
  width: 100%;
}
ul.truck-cloud > li button {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-radius: 0.5em;
  border: 0;
  background-color: #fff;
  margin-top: 0.5em;
}
ul.truck-cloud > li button:last-of-type:not(.more-info) {
  margin-bottom: 1em;
}
ul.truck-cloud > li button.zip::after {
  content: "a";
  color: transparent;
  display: inline-block;
  min-width: 1.2em;
  background-image: url("../img/zip.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 140% auto;
  vertical-align: baseline;
}
ul.truck-cloud > li button:not(.more-info) {
  margin-right: 0.35em;
}
ul.truck-cloud > li.cancelled {
  background-color: #ff6f6f;
}
ul.truck-cloud > li.cancelled ul li {
  text-decoration: line-through !important;
}
ul.truck-cloud > li.cancelled:hover ul li {
  text-decoration: none !important;
}
ul.truck-cloud > li.dispatched.virtual {
  background-color: #feff6f;
}
ul.truck-cloud > li.dispatched {
  background-color: #74ff6f;
}
ul.truck-cloud > li.pending {
  background-color: #6fc4ff;
}
ul.truck-cloud > li h3, ul.truck-cloud > li h5 {
  text-align: center;
  margin-top: 0;
}
ul.truck-cloud > li h3 {
  margin-bottom: 0;
  color: #242526;
}
ul.truck-cloud > li h5:first-of-type:not(:last-of-type) {
  margin-bottom: 0;
}
ul.truck-cloud > li h5:last-of-type {
  margin-bottom: 1em !important;
}
ul.truck-cloud > li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.truck-cloud > li ul li {
  margin-bottom: 0.5em;
}
ul.truck-cloud > li ul li > span {
  display: block;
  font-weight: 600;
}
ul.truck-cloud > li ul li > span:first-of-type {
  font-size: 0.9em;
  margin-bottom: 0.25em;
  font-weight: initial;
}
ul.truck-cloud > li ul li > span.sum {
  border-top: 1px #000 solid;
  margin-top: 0.4em;
  padding-top: 0.4em;
}
ul.truck-cloud > li ul li > span:last-of-type span {
  display: block;
  margin-bottom: 0.25em;
}
ul.truck-cloud > li ul li > span:last-of-type span::before {
  content: "›";
  margin-right: 0.25em;
}

.controls {
  margin-top: 1em;
}
.controls button, .controls select {
  margin-right: 0.5em;
  margin-top: 0.5em;
}
.controls select {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.controls .activeFilter {
  cursor: pointer;
  background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border: 0;
}

@media screen and (min-width: 1200px) {
  ul.truck-cloud {
    padding-right: none;
  }
  ul.truck-cloud > li {
    display: inline-block;
    width: 16em;
    min-width: 16em;
  }
}
* {
  font-family: "DM Sans", "Open Sans", sans-serif;
  box-sizing: border-box;
}

body {
  padding-top: 1em;
  font-size: 1em;
}

button {
  cursor: pointer;
  padding: 0.5em;
  border-radius: 0.25em;
  border: 1px #aaa solid;
}

.green-button {
  cursor: pointer;
  background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border: 0;
}
.green-button:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
}

h1 {
  text-align: center;
  margin-top: 1em !important;
}

.centered {
  text-align: center;
}

.hidden {
  display: none !important;
}

.m2 {
  margin-top: 3.5em;
}

.m1 {
  margin-top: 2em;
}

.m05 {
  margin-top: 1em;
}

.m0 {
  margin-top: 0 !important;
}

.bold {
  font-weight: bold !important;
}

form input[type=submit] {
  cursor: pointer;
}

label {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #1D5D9B;
}
a:hover {
  text-decoration: underline;
}

#spooky {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  opacity: 0.99;
  background-color: #fff;
}

.box {
  z-index: 102;
  opacity: 1;
  position: fixed;
  width: 40%;
  min-width: 40%;
  left: 50%;
  margin-left: -20%;
  height: auto;
  top: 2em;
  padding: 1em;
  padding-top: 0;
  background-color: red;
  text-align: center;
  background-color: #efefef;
  border-radius: 0.5em;
  box-shadow: 0.5em 0.5em 0.5em #ccc;
}
.box button {
  margin-top: 1.5em;
}
.box > div {
  text-align: left !important;
}

form.regular input, form.regular select {
  background-color: #efefef;
}
form.regular button {
  background-color: #41505f;
  color: #fff;
}
form.regular input[type=text], form.regular button, form.regular select {
  margin-top: 0.5em;
  height: 2em;
  font-size: 1em !important;
  line-height: 1em !important;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  border-radius: 0.25em;
}
form.regular input[type=text], form.regular select {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}/*# sourceMappingURL=style.css.map */