.button {
  font-size: 1em;
  padding: 0.75em;
  display: block;
  border: none;
  border-radius: 0.25em;
  text-decoration: none;
  cursor: pointer;
}

.primary-button {
  background-color: #ffba52;
  color: white;
}

.disable-button {
  background-color: #464646;
  color: white;
}

.alert-button {
  background-color: #ff5252;
  color: white;
}

.large-button {
  font-size: 1.5em;
  padding: 0.5em;
}

.form-grid {
  display: grid;
  grid-template-columns: 200px 1fr;
  padding-left: 3em;
  padding-right: 3em;
  font-size: 1.2em;
}

.form-grid input {
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 0.3em;
}

.form-grid select {
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 0.3em;
  box-sizing: content-box;
}

.form-grid textarea {
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 0.3em;
  min-height: 5em;
}

.non-issues {
  padding: 0.2em;
  border: 1px solid #99ff00;
  background-color: rgb(49, 212, 60);
  color: white;
  border-radius: 20px;
}

.has-issues {
  padding: 0.2em;
  border: 1px solid #ff482c;
  background-color: rgb(207, 0, 0);
  color: white;
  border-radius: 20px;
}
.v-center-outer {
  height: 100vh;
}

.inner {
  max-width: 1200px;
}

.thin-inner {
  max-width: 900px;
}

.grid {
  display: grid;
  column-gap: 2em;
  row-gap: 2em;
}

.c-2c {
  grid-template-columns: repeat(2, 1fr);
}

.c-3c {
  grid-template-columns: repeat(3, 1fr);
}

.c-4c {
  grid-template-columns: repeat(4, 1fr);
}

.c-6c {
  grid-template-columns: repeat(6, 1fr);
}

.c-8c {
  grid-template-columns: repeat(8, 1fr);
}

.c-8-4c {
  grid-template-columns: 8fr 4fr;
}

.c-2-10c {
  grid-template-columns: 2fr 10fr;
}

.grid-2-span {
  grid-column: span 2;
}

.grid-center {
  display: grid;
  place-content: center;
  place-items: center;
}

.grid-left {
  display: grid;
  place-content: start;
  place-items: start;
}

.grid-right {
  display: grid;
  place-content: end;
  place-items: end;
}

.grid-start {
  display: grid;
  place-content: start;
  place-items: start;
}

.grid-end {
  display: grid;
  place-content: end;
  place-items: end;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.flow-c {
  grid-auto-flow: column;
}

.full-width {
  width: 100%;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}
.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.m-1 {
  margin: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-7 {
  margin: 1.75rem;
}
.m-8 {
  margin: 2rem;
}
.m-9 {
  margin: 2.25rem;
}
.m-10 {
  margin: 2.5rem;
}
.m-11 {
  margin: 2.75rem;
}
.m-12 {
  margin: 3rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-9 {
  margin-right: 2.25rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-11 {
  margin-right: 2.75rem;
}
.mr-12 {
  margin-right: 3rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-11 {
  margin-left: 2.75rem;
}
.ml-12 {
  margin-left: 3rem;
}
.mx-n1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-n2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mx-n3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.mx-n4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-n5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.mx-n6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.mx-n7 {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}
.mx-n8 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.mx-n9 {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}
.mx-n10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
.mx-n11 {
  margin-left: -2.75rem;
  margin-right: -2.75rem;
}
.mx-n12 {
  margin-left: -3rem;
  margin-right: -3rem;
}
.my-n1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.my-n2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.my-n3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
.my-n4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.my-n5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}
.my-n6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
.my-n7 {
  margin-top: -1.75rem;
  margin-bottom: -1.75rem;
}
.my-n8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}
.my-n9 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}
.my-n10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}
.my-n11 {
  margin-top: -2.75rem;
  margin-bottom: -2.75rem;
}
.my-n12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}
.m-1 n {
  margin: -0.25rem;
}
.m-2 n {
  margin: -0.5rem;
}
.m-3 n {
  margin: -0.75rem;
}
.m-4 n {
  margin: -1rem;
}
.m-5 n {
  margin: -1.25rem;
}
.m-6 n {
  margin: -1.5rem;
}
.m-7 n {
  margin: -1.75rem;
}
.m-8 n {
  margin: -2rem;
}
.m-9 n {
  margin: -2.25rem;
}
.m-10 n {
  margin: -2.5rem;
}
.m-11 n {
  margin: -2.75rem;
}
.m-12 n {
  margin: -3rem;
}
.mt-n1 {
  margin-top: -0.25rem;
}
.mt-n2 {
  margin-top: -0.5rem;
}
.mt-n3 {
  margin-top: -0.75rem;
}
.mt-n4 {
  margin-top: -1rem;
}
.mt-n5 {
  margin-top: -1.25rem;
}
.mt-n6 {
  margin-top: -1.5rem;
}
.mt-n7 {
  margin-top: -1.75rem;
}
.mt-n8 {
  margin-top: -2rem;
}
.mt-n9 {
  margin-top: -2.25rem;
}
.mt-n10 {
  margin-top: -2.5rem;
}
.mt-n11 {
  margin-top: -2.75rem;
}
.mt-n12 {
  margin-top: -3rem;
}
.mb-n1 {
  margin-bottom: -0.25rem;
}
.mb-n2 {
  margin-bottom: -0.5rem;
}
.mb-n3 {
  margin-bottom: -0.75rem;
}
.mb-n4 {
  margin-bottom: -1rem;
}
.mb-n5 {
  margin-bottom: -1.25rem;
}
.mb-n6 {
  margin-bottom: -1.5rem;
}
.mb-n7 {
  margin-bottom: -1.75rem;
}
.mb-n8 {
  margin-bottom: -2rem;
}
.mb-n9 {
  margin-bottom: -2.25rem;
}
.mb-n10 {
  margin-bottom: -2.5rem;
}
.mb-n11 {
  margin-bottom: -2.75rem;
}
.mb-n12 {
  margin-bottom: -3rem;
}
.mr-n1 {
  margin-right: -0.25rem;
}
.mr-n2 {
  margin-right: -0.5rem;
}
.mr-n3 {
  margin-right: -0.75rem;
}
.mr-n4 {
  margin-right: -1rem;
}
.mr-n5 {
  margin-right: -1.25rem;
}
.mr-n6 {
  margin-right: -1.5rem;
}
.mr-n7 {
  margin-right: -1.75rem;
}
.mr-n8 {
  margin-right: -2rem;
}
.mr-n9 {
  margin-right: -2.25rem;
}
.mr-n10 {
  margin-right: -2.5rem;
}
.mr-n11 {
  margin-right: -2.75rem;
}
.mr-n12 {
  margin-right: -3rem;
}
.ml-n1 {
  margin-left: -0.25rem;
}
.ml-n2 {
  margin-left: -0.5rem;
}
.ml-n3 {
  margin-left: -0.75rem;
}
.ml-n4 {
  margin-left: -1rem;
}
.ml-n5 {
  margin-left: -1.25rem;
}
.ml-n6 {
  margin-left: -1.5rem;
}
.ml-n7 {
  margin-left: -1.75rem;
}
.ml-n8 {
  margin-left: -2rem;
}
.ml-n9 {
  margin-left: -2.25rem;
}
.ml-n10 {
  margin-left: -2.5rem;
}
.ml-n11 {
  margin-left: -2.75rem;
}
.ml-n12 {
  margin-left: -3rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-9 {
  padding: 2.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-11 {
  padding: 2.75rem;
}
.p-12 {
  padding: 3rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-11 {
  padding-top: 2.75rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-11 {
  padding-bottom: 2.75rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-11 {
  padding-right: 2.75rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-12 {
  padding-left: 3rem;
}
.px-n1 {
  padding-left: -0.25rem;
  padding-right: -0.25rem;
}
.px-n2 {
  padding-left: -0.5rem;
  padding-right: -0.5rem;
}
.px-n3 {
  padding-left: -0.75rem;
  padding-right: -0.75rem;
}
.px-n4 {
  padding-left: -1rem;
  padding-right: -1rem;
}
.px-n5 {
  padding-left: -1.25rem;
  padding-right: -1.25rem;
}
.px-n6 {
  padding-left: -1.5rem;
  padding-right: -1.5rem;
}
.px-n7 {
  padding-left: -1.75rem;
  padding-right: -1.75rem;
}
.px-n8 {
  padding-left: -2rem;
  padding-right: -2rem;
}
.px-n9 {
  padding-left: -2.25rem;
  padding-right: -2.25rem;
}
.px-n10 {
  padding-left: -2.5rem;
  padding-right: -2.5rem;
}
.px-n11 {
  padding-left: -2.75rem;
  padding-right: -2.75rem;
}
.px-n12 {
  padding-left: -3rem;
  padding-right: -3rem;
}
.py-n1 {
  padding-top: -0.25rem;
  padding-bottom: -0.25rem;
}
.py-n2 {
  padding-top: -0.5rem;
  padding-bottom: -0.5rem;
}
.py-n3 {
  padding-top: -0.75rem;
  padding-bottom: -0.75rem;
}
.py-n4 {
  padding-top: -1rem;
  padding-bottom: -1rem;
}
.py-n5 {
  padding-top: -1.25rem;
  padding-bottom: -1.25rem;
}
.py-n6 {
  padding-top: -1.5rem;
  padding-bottom: -1.5rem;
}
.py-n7 {
  padding-top: -1.75rem;
  padding-bottom: -1.75rem;
}
.py-n8 {
  padding-top: -2rem;
  padding-bottom: -2rem;
}
.py-n9 {
  padding-top: -2.25rem;
  padding-bottom: -2.25rem;
}
.py-n10 {
  padding-top: -2.5rem;
  padding-bottom: -2.5rem;
}
.py-n11 {
  padding-top: -2.75rem;
  padding-bottom: -2.75rem;
}
.py-n12 {
  padding-top: -3rem;
  padding-bottom: -3rem;
}
.p-1 n {
  padding: -0.25rem;
}
.p-2 n {
  padding: -0.5rem;
}
.p-3 n {
  padding: -0.75rem;
}
.p-4 n {
  padding: -1rem;
}
.p-5 n {
  padding: -1.25rem;
}
.p-6 n {
  padding: -1.5rem;
}
.p-7 n {
  padding: -1.75rem;
}
.p-8 n {
  padding: -2rem;
}
.p-9 n {
  padding: -2.25rem;
}
.p-10 n {
  padding: -2.5rem;
}
.p-11 n {
  padding: -2.75rem;
}
.p-12 n {
  padding: -3rem;
}
.pt-n1 {
  padding-top: -0.25rem;
}
.pt-n2 {
  padding-top: -0.5rem;
}
.pt-n3 {
  padding-top: -0.75rem;
}
.pt-n4 {
  padding-top: -1rem;
}
.pt-n5 {
  padding-top: -1.25rem;
}
.pt-n6 {
  padding-top: -1.5rem;
}
.pt-n7 {
  padding-top: -1.75rem;
}
.pt-n8 {
  padding-top: -2rem;
}
.pt-n9 {
  padding-top: -2.25rem;
}
.pt-n10 {
  padding-top: -2.5rem;
}
.pt-n11 {
  padding-top: -2.75rem;
}
.pt-n12 {
  padding-top: -3rem;
}
.pb-n1 {
  padding-bottom: -0.25rem;
}
.pb-n2 {
  padding-bottom: -0.5rem;
}
.pb-n3 {
  padding-bottom: -0.75rem;
}
.pb-n4 {
  padding-bottom: -1rem;
}
.pb-n5 {
  padding-bottom: -1.25rem;
}
.pb-n6 {
  padding-bottom: -1.5rem;
}
.pb-n7 {
  padding-bottom: -1.75rem;
}
.pb-n8 {
  padding-bottom: -2rem;
}
.pb-n9 {
  padding-bottom: -2.25rem;
}
.pb-n10 {
  padding-bottom: -2.5rem;
}
.pb-n11 {
  padding-bottom: -2.75rem;
}
.pb-n12 {
  padding-bottom: -3rem;
}
.pr-n1 {
  padding-right: -0.25rem;
}
.pr-n2 {
  padding-right: -0.5rem;
}
.pr-n3 {
  padding-right: -0.75rem;
}
.pr-n4 {
  padding-right: -1rem;
}
.pr-n5 {
  padding-right: -1.25rem;
}
.pr-n6 {
  padding-right: -1.5rem;
}
.pr-n7 {
  padding-right: -1.75rem;
}
.pr-n8 {
  padding-right: -2rem;
}
.pr-n9 {
  padding-right: -2.25rem;
}
.pr-n10 {
  padding-right: -2.5rem;
}
.pr-n11 {
  padding-right: -2.75rem;
}
.pr-n12 {
  padding-right: -3rem;
}
.pl-n1 {
  padding-left: -0.25rem;
}
.pl-n2 {
  padding-left: -0.5rem;
}
.pl-n3 {
  padding-left: -0.75rem;
}
.pl-n4 {
  padding-left: -1rem;
}
.pl-n5 {
  padding-left: -1.25rem;
}
.pl-n6 {
  padding-left: -1.5rem;
}
.pl-n7 {
  padding-left: -1.75rem;
}
.pl-n8 {
  padding-left: -2rem;
}
.pl-n9 {
  padding-left: -2.25rem;
}
.pl-n10 {
  padding-left: -2.5rem;
}
.pl-n11 {
  padding-left: -2.75rem;
}
.pl-n12 {
  padding-left: -3rem;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

body {
  background-color: #fffcf8;
  color: #515151;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

header {
  background-color: #ffa113;
}

header a {
  color: white;
}

header {
  padding: 1em;
  text-align: center;
}

header ul {
  margin: 0;
}

header ul li {
  display: inline;
  padding: 0 2em;
}

header ul li:nth-child(2) {
  border-left: none;
}

header ul li + li {
  border-left: 1px solid #ffffff;
}

header ul li a {
  text-decoration: none;
  padding: 0.5em;
}

.under-line {
  border-bottom: solid 1px #333333;
}

table thead tr th {
  background-color: #ffa113;
  color: #fffcf8;
  font-size: 1.5em;
  border-bottom: solid 3px #cf7c00;
  padding: 0.5em;
}

table tr:nth-child(2n) {
  background-color: #ffe0c1;
}
table tr:nth-child(2n + 1) {
  background-color: #fff8e2;
}

input[type="search"] {
  padding-left: 1em;
  padding-right: 1em;
}

.data-table {
  background-color: #ffffff;
  border: solid 1px #646464;
  border-collapse: collapse;
}

.data-table th {
  width: 20%;
  background-color: #ffe0c1;
}
.data-table td {
  background-color: #ffffff;
  text-align: left;
}

.data-table,
.data-table th,
.data-table td {
  border: solid 1px #646464;
  padding: 1em;
}

td {
  padding: 0.5em;
}

form.login {
  background-color: #ffffff;
  text-align: center;
  max-width: 400px;
  border-radius: 10px;
  border: solid 1px #646464;
  padding-left: 3em;
  padding-right: 3em;
  font-size: 1.2em;
}

form.login input {
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 0.3em;
  display: block;
  box-sizing: border-box;
}

form.login > h2 {
  padding-bottom: 0.5em;
  margin-bottom: 2em;
  color: #ffa113;
  border-bottom: 2px solid #ffa113;
  display: block;
}

.inline-block {
  display: inline-block;
}

.logout-button {
  grid-column-end: -1;
}

button.work {
  grid-column: span 2;
  font-size: 3em;
}

.work-inner {
  width: 800px;
  font-size: 2em;
}

.health-inner {
  width: 800px;
}

.healthcheck-on-radio {
  grid-column-start: 3;
  font-size: 0.5em;
}

.healthcheck-off-radio {
  grid-column-start: 4;
  font-size: 0.5em;
}

.health-label {
  grid-column: span 2;
  font-size: 1.5em;
}

.health-inner .radio-label {
  font-size: 3em;
}

.health-inner input[type="radio"] {
  inline-size: 2em;
  block-size: 2em;
}

.car-thumbnail {
  display: block;
  height: 300px;
  width: 300px;
  object-fit: contain;
}

.image-file-field {
  display: none;
}

.maintenance-inner {
  width: 800px;
}

.last-report .maintenance-label{
  font-size: 1em;
}

.maintenance-label {
  grid-column: span 3;
  font-size: 1.2em;
}

.maintenance-label-left {
  grid-column: span 3 / 3;
  font-size: 1.2em;
}


.maintenance-inner input[type="checkbox"] {
  inline-size: 2em;
  block-size: 2em;
}

.report-label {
  font-size: 1.2em;
}

button.transport {
  font-size: 3em;
  width: 600px;
}

.vacant-inner {
  width: 800px;
}

.transport-button-outer {
  margin-top: 10em;
}

.error li {
  color: red;
  list-style: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ef750b;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.report-search-label {
  grid-column: span 8;
}

.report-text-col {
  grid-column: span 4;
}

.report-field {
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 0.3em;
}

.confirmed-at-checkbox {
  grid-column-start: 5;
}

.small-font {
  font-size: 0.7em;
}