body {
  font-family: "Nexa", sans-serif;
  display: flex;
  flex-direction: column;
  height: 100vh;
  flex-wrap: nowrap;
}
body > footer,
body #navbar-container {
  flex: 0 0 auto;
}
body #body-container {
  flex: 1 0 auto;
}

.bg-wave {
  background-image: url("/Images/WaveBackground.jpg");
  background-size: cover;
}

#login-button {
  right: 30px;
}

.teardrop {
  border-radius: 50% 0 50% 50%;
  background: #147f40;
  color: white;
  padding: 8rem 5.5rem;
  text-align: left;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
}
.teardrop-large {
  height: 442px;
  width: 442px;
}

#navbar-container {
  z-index: 1040;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

table td,
table th {
  /*white-space: nowrap;*/
}
table tbody input:not([type=number]):not(.number):not([type=checkbox]):not([data-toggle=datepicker]),
table tbody select {
  min-width: 100%;
  width: auto !important;
}
table tbody input[type=number],
table tbody input.number {
  min-width: 5rem;
}
table tbody input[type=checkbox],
table tbody input.form-toggle-primary {
  margin-left: auto;
  margin-right: auto;
}
table tbody input[data-toggle=datepicker] {
  min-width: 7rem;
}

table.datatable {
  table-layout: auto;
}
table.datatable tr > td,
table.datatable tr > th {
  white-space: nowrap;
}

.dataTables_wrapper input[type=search] {
  width: 168px !important;
}

body.scotland .d-scotland-none {
  display: none !important;
}
body.scotland .d-scotland-block {
  display: block !important;
}
body.scotland .d-scotland-inline-block {
  display: inline-block !important;
}
body.scotland .d-scotland-inline {
  display: inline !important;
}
body.scotland .d-scotland-flex {
  display: flex !important;
}
body.scotland .d-scotland-table {
  display: table !important;
}
body.scotland .d-scotland-table-cell {
  display: table-cell !important;
}

body.england .d-england-none {
  display: none !important;
}
body.england .d-england-block {
  display: block !important;
}
body.england .d-england-inline-block {
  display: inline-block !important;
}
body.england .d-england-inline {
  display: inline !important;
}
body.england .d-england-flex {
  display: flex !important;
}
body.england .d-england-table {
  display: table !important;
}
body.england .d-england-table-cell {
  display: table-cell !important;
}

body.wales .d-wales-none {
  display: none !important;
}
body.wales .d-wales-block {
  display: block !important;
}
body.wales .d-wales-inline-block {
  display: inline-block !important;
}
body.wales .d-wales-inline {
  display: inline !important;
}
body.wales .d-wales-flex {
  display: flex !important;
}
body.wales .d-wales-table {
  display: table !important;
}
body.wales .d-wales-table-cell {
  display: table-cell !important;
}

.stroke-black-1 {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.stroke-black-2 {
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
.stroke-black-3 {
  text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
}
.stroke-black-4 {
  text-shadow: -4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000;
}
.stroke-black-5 {
  text-shadow: -5px -5px 0 #000, 5px -5px 0 #000, -5px 5px 0 #000, 5px 5px 0 #000;
}
.stroke-white-1 {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.stroke-white-2 {
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.stroke-white-3 {
  text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;
}
.stroke-white-4 {
  text-shadow: -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff;
}
.stroke-white-5 {
  text-shadow: -5px -5px 0 #fff, 5px -5px 0 #fff, -5px 5px 0 #fff, 5px 5px 0 #fff;
}
.stroke-dark-grey-1 {
  text-shadow: -1px -1px 0 #6f6d6d, 1px -1px 0 #6f6d6d, -1px 1px 0 #6f6d6d, 1px 1px 0 #6f6d6d;
}
.stroke-dark-grey-2 {
  text-shadow: -2px -2px 0 #6f6d6d, 2px -2px 0 #6f6d6d, -2px 2px 0 #6f6d6d, 2px 2px 0 #6f6d6d;
}
.stroke-dark-grey-3 {
  text-shadow: -3px -3px 0 #6f6d6d, 3px -3px 0 #6f6d6d, -3px 3px 0 #6f6d6d, 3px 3px 0 #6f6d6d;
}
.stroke-dark-grey-4 {
  text-shadow: -4px -4px 0 #6f6d6d, 4px -4px 0 #6f6d6d, -4px 4px 0 #6f6d6d, 4px 4px 0 #6f6d6d;
}
.stroke-dark-grey-5 {
  text-shadow: -5px -5px 0 #6f6d6d, 5px -5px 0 #6f6d6d, -5px 5px 0 #6f6d6d, 5px 5px 0 #6f6d6d;
}
.stroke-black-1 {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.stroke-black-2 {
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
.stroke-black-3 {
  text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
}
.stroke-black-4 {
  text-shadow: -4px -4px 0 #000, 4px -4px 0 #000, -4px 4px 0 #000, 4px 4px 0 #000;
}
.stroke-black-5 {
  text-shadow: -5px -5px 0 #000, 5px -5px 0 #000, -5px 5px 0 #000, 5px 5px 0 #000;
}
.stroke-white-1 {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.stroke-white-2 {
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.stroke-white-3 {
  text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;
}
.stroke-white-4 {
  text-shadow: -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff;
}
.stroke-white-5 {
  text-shadow: -5px -5px 0 #fff, 5px -5px 0 #fff, -5px 5px 0 #fff, 5px 5px 0 #fff;
}
.stroke-dark-grey-1 {
  text-shadow: -1px -1px 0 #6f6d6d, 1px -1px 0 #6f6d6d, -1px 1px 0 #6f6d6d, 1px 1px 0 #6f6d6d;
}
.stroke-dark-grey-2 {
  text-shadow: -2px -2px 0 #6f6d6d, 2px -2px 0 #6f6d6d, -2px 2px 0 #6f6d6d, 2px 2px 0 #6f6d6d;
}
.stroke-dark-grey-3 {
  text-shadow: -3px -3px 0 #6f6d6d, 3px -3px 0 #6f6d6d, -3px 3px 0 #6f6d6d, 3px 3px 0 #6f6d6d;
}
.stroke-dark-grey-4 {
  text-shadow: -4px -4px 0 #6f6d6d, 4px -4px 0 #6f6d6d, -4px 4px 0 #6f6d6d, 4px 4px 0 #6f6d6d;
}
.stroke-dark-grey-5 {
  text-shadow: -5px -5px 0 #6f6d6d, 5px -5px 0 #6f6d6d, -5px 5px 0 #6f6d6d, 5px 5px 0 #6f6d6d;
}

.dataTables_wrapper {
  animation: graceful-entry 500ms linear forwards;
}
.dataTables_wrapper .dataTables_scrollBody {
  min-height: 49px;
  max-height: calc(90vh - 203px);
}

.card {
  animation: fade-in 150ms linear forwards;
  opacity: 0;
}

@keyframes graceful-entry {
  0% {
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
  }
  58% {
    min-height: 0;
    max-height: 90vh;
    overflow: hidden;
    opacity: 0;
  }
  62% {
    min-height: 0;
    max-height: 90vh;
    overflow: hidden;
    opacity: 0;
  }
  100% {
    min-height: 252px;
    max-height: 90vh;
    overflow: hidden;
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*#nav-button-group {
    margin-bottom: $toast-padding-x;
}*/
#toast-container {
  animation: blink-in 450ms 450ms linear forwards;
  animation-iteration-count: 1;
}
@keyframes blink-in {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#dntw-calculator {
  max-width: 500px;
}

.w-168px {
  width: 168px !important;
}

.extra-btn {
  background-color: #85bc3b;
  border: #85bc3b;
}