*, ::after, ::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Source Sans Pro;
}
body {
  color: #000;
  background-color: #fff;
  width: 100%;
  font-size: 16px;
  line-height: 21px;
  margin: auto;
}
.usas-extra-top-margin{
  margin-top: 10px;
}
.usas-extra-bottom-margin{
  margin-bottom: 10px;
}
label {
  display: block;
}
input {
  width: 100%;
}
#root {
    background-color: #fff;
}
.content-container {
  position: relative;
  width: 100%;
  max-width: 1140px;
  min-height: calc(100vh - 423px);
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
}
.usas-bar-turmeric{
  background-color: #b1953a;
  height: 5px;
  margin-bottom: 15px;
}
.usas-thin-bar-turmeric{
  background-color: #b1953a;
  height: 2px;
  margin-bottom: 15px;
}
.usas-bar-gray{
  background-color: #687481;
  height: 5px;
  margin-bottom: 15px;
}
p {
  margin: 10px 0;
}
/*
Please don't put table css definitions in this file.  Use the UsasTable class from globalstyle.module.css
table {
  width: 100%;
}

table th {
  background-color: #E02A4F;
  color: #fff;
  text-align: left;
}

table td,
table th {
  line-height: 40px;
}
*/
.text-left{
  text-align:left;
}
.text-right{
  text-align:right !important;
}
.text-center{
  text-align:center;
}
.very-light-gray {
  background-color: #F3F3F3;
}
.light-gray {
  background-color: #C1C6C8;
}
.gray {
  background-color: #8A8D8F;
}
.dark-gray {
  background-color: #687481;
}
button {
  outline: none;
}
[data-reach-dialog-content] {
  margin: 20vh auto !important;
}
.bold {
  font-weight: bold;
}