@charset "UTF-8";
/* custom spacing  */
/* Brand colors  */
/* Buttons  */
/* Transition speed  */
/* shadow variants */
@font-face {
  font-family: "GT Walsheim";
  src: url("resources/fonts/GT-Walsheim-Regular.eot");
  src: url("resources/fonts/GT-Walsheim-Regular.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Regular.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Regular.woff") format("woff"), url("resources/fonts/GT-Walsheim-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim,Regular";
  src: url("resources/fonts/GT-Walsheim-Regular.eot");
  src: url("resources/fonts/GT-Walsheim-Regular.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Regular.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Regular.woff") format("woff"), url("resources/fonts/GT-Walsheim-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim";
  src: url("resources/fonts/GT-Walsheim-Medium.eot");
  src: url("resources/fonts/GT-Walsheim-Medium.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Medium.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Medium.woff") format("woff"), url("resources/fonts/GT-Walsheim-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim,Medium";
  src: url("resources/fonts/GT-Walsheim-Medium.eot");
  src: url("resources/fonts/GT-Walsheim-Medium.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Medium.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Medium.woff") format("woff"), url("resources/fonts/GT-Walsheim-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim";
  src: url("resources/fonts/GT-Walsheim-Black.eot");
  src: url("resources/fonts/GT-Walsheim-Black.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Black.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Black.woff") format("woff"), url("resources/fonts/GT-Walsheim-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim,Black";
  src: url("resources/fonts/GT-Walsheim-Black.eot");
  src: url("resources/fonts/GT-Walsheim-Black.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Black.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Black.woff") format("woff"), url("resources/fonts/GT-Walsheim-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim";
  src: url("resources/fonts/GT-Walsheim-Bold.eot");
  src: url("resources/fonts/GT-Walsheim-Bold.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Bold.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Bold.woff") format("woff"), url("resources/fonts/GT-Walsheim-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim,Bold";
  src: url("resources/fonts/GT-Walsheim-Bold.eot");
  src: url("resources/fonts/GT-Walsheim-Bold.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Bold.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Bold.woff") format("woff"), url("resources/fonts/GT-Walsheim-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "GT Walsheim";
  src: url("resources/fonts/GT-Walsheim-Light.eot");
  src: url("resources/fonts/GT-Walsheim-Light.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-Walsheim-Light.woff2") format("woff2"), url("resources/fonts/GT-Walsheim-Light.woff") format("woff"), url("resources/fonts/GT-Walsheim-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "GTWalsheimProBold";
  src: url("resources/fonts/GT-WALSHEIM-PRO-BOLD.eot"); /* IE9 Compat Modes */
  src: url("resources/fonts/GT-WALSHEIM-PRO-BOLD.eot?#iefix") format("embedded-opentype"), url("resources/fonts/GT-WALSHEIM-PRO-BOLD.otf") format("opentype"), url("resources/fonts/GT-WALSHEIM-PRO-BOLD.svg") format("svg"), url("resources/fonts/GT-WALSHEIM-PRO-BOLD.ttf") format("truetype"), url("resources/fonts/GT-WALSHEIM-PRO-BOLD.woff") format("woff"), url("resources/fonts/GT-WALSHEIM-PRO-BOLD.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "GT-Walsheim-Pro-Black";
  src: url("resources/fonts/GT-Walsheim-Pro-Black.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "gt_walsheim_promedium";
  src: url("resources/fonts/gt-walsheim-pro-medium-webfont.woff2") format("woff2"), url("resources/fonts/gt-walsheim-pro-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gt_walsheim_prolight";
  src: url("resources/fonts/gt-walsheim-pro-light-webfont.woff2") format("woff2"), url("resources/fonts/gt-walsheim-pro-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gt_walsheimregular_oblique";
  src: url("resources/fonts/gt-walsheim-regular-oblique-webfont.woff2") format("woff2"), url("resources/fonts/gt-walsheim-regular-oblique-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "atsource";
  src: url("resources/fonts/atsource.ttf?1w88kl") format("truetype"), url("resources/fonts/atsource.woff?1w88kl") format("woff"), url("resources/fonts/atsource.svg?1w88kl#atsource") format("svg");
  font-weight: normal;
  font-style: normal;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "atsource" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

em {
  font-family: "atsource" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.article-section i {
  font-family: "GT Walsheim", sans-serif !important;
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem !important;
  line-height: 1.4;
}

.icon-food-safety-and-quality:before {
  content: "\e90c";
}

.icon-climate-change:before {
  content: "\e900";
}

.icon-diversity-and-inclusion:before {
  content: "\e901";
}

.icon-nutrition-and-food-security:before {
  content: "\e902";
}

.icon-water-use:before {
  content: "\e903";
}

.icon-climate-change-inverse:before {
  content: "\e904";
}

.icon-economic-viability:before {
  content: "\e905";
}

.icon-forest-protection-and-ecosystems:before {
  content: "\e906";
}

.icon-health-and-wellbeing:before {
  content: "\e907";
}

.icon-labour-practices:before {
  content: "\e908";
}

.icon-soil-health:before {
  content: "\e909";
}

.icon-education:before {
  content: "\e90a";
}

.icon-health-and-safety:before {
  content: "\e90b";
}

.icon-waste {
  width: 26px;
  height: 48px;
  margin-right: 5px;
  background-image: url("../../../content/dam/olam/atsource/resources/reduced_waste_blue.svg");
  background-repeat: no-repeat !important;
  background-size: 21px 36px;
}

.icon-animal-welfare {
  background-image: url("../../../content/dam/olam/atsource/resources/animal-welfare.svg");
  height: 30px;
  width: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  margin-bottom: 10px;
  margin-top: -1px;
  margin-right: 14px;
}

.container-fluid {
  max-width: 1080px;
}
.container-fluid--wide {
  max-width: 1160px;
}

section {
  position: relative;
}

a {
  font-weight: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
a:hover {
  color: #00869d;
  text-decoration: none;
}

.xfmodel .infinity-section a {
  color: #f78c2a;
}
.xfmodel .infinity-section a:hover {
  color: #f78c2a;
}

:root {
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --breakpoint-xs: 0;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1065px;
  --font-family-sans-serif: "GT Walsheim", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  background: #0b4b52;
}

@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: "GT Walsheim", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: #4a4a4a;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 900;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #ab2e86;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: rgb(110.7165898618, 29.7834101382, 86.7603686636);
  text-decoration: underline;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.selectBoxArea {
  position: relative;
  margin-bottom: 1rem;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.selectBoxArea .arrow {
  border: solid #4a5160;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 20px;
  right: 3%;
  z-index: 1000;
}
.selectBoxArea .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.selectBoxArea ::-webkit-scrollbar {
  width: 10px;
}
.selectBoxArea ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.selectBoxArea ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.selectBoxArea ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.selectBoxArea table {
  width: 100%;
}
.selectBoxArea table td:nth-child(1) {
  width: 5%;
}
.selectBoxArea table td:nth-child(1) .regular-checkbox {
  display: none;
}
.selectBoxArea table td:nth-child(1) .regular-checkbox + label {
  background-color: #fff;
  border: 1px solid #4a5160;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}
.selectBoxArea table td:nth-child(1) .regular-checkbox + label:active {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.selectBoxArea table td:nth-child(1) .regular-checkbox:checked + label {
  background-color: #00acc6;
  border: 1px solid #adb8c0;
  color: #000;
}
.selectBoxArea table td:nth-child(1) .regular-checkbox:checked + label:after {
  content: "✔";
  font-size: 10px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #fff;
}
.selectBoxArea table td:nth-child(1) label {
  display: inline;
}
.selectBoxArea table td:nth-child(1) .big-checkbox + label {
  padding: 15px 0 0 16px;
  margin-bottom: 0;
  margin-top: 5px;
}
.selectBoxArea table td:nth-child(1) .big-checkbox:checked + label:after {
  font-size: 12px;
  left: 3px;
}
.selectBoxArea table td:nth-child(1) .regular-checkbox:checked + label:active {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.selectBoxArea table td:nth-child(2) {
  width: 95%;
}
.selectBoxArea table td:nth-child(2) label {
  display: block;
  margin: 0;
  padding: 8px 0 10px 0;
  cursor: pointer;
  text-transform: capitalize;
  color: #4a5160;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
}

#multiSelectionBoxes {
  position: relative;
  cursor: pointer;
}
#multiSelectionBoxes input {
  margin-bottom: 0;
  min-height: 50px;
  background: #fff;
  cursor: pointer;
}

#checkBoxes {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px 0 0 25px;
  position: relative;
  width: 100%;
  z-index: 1;
  background: #fff;
  top: 0;
  height: 240px;
  overflow: auto;
}
#checkBoxes #noData {
  color: #ff0000;
  font-size: 12px;
}
#checkBoxes .searchBox {
  width: 95%;
  min-height: 20px;
  height: 20px;
  position: relative;
  border-radius: 5px;
  border: 1px solid #9f9f9f;
  padding: 15px;
  font-size: 12px;
  margin-bottom: 10px;
}

#productList {
  padding: 0 0 0 25px;
  position: absolute;
  margin: 0;
  top: 0;
  -webkit-transform: translateY(12px);
          transform: translateY(12px);
  width: 90%;
}
#productList li {
  margin-right: 7px;
  background: #e6e7e7;
  padding: 3px 30px 3px 10px;
  font-size: 13px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  min-width: 85px;
  margin-bottom: 10px;
  color: #4a5160;
  text-transform: capitalize;
  font-weight: 500;
}
#productList li span {
  font-size: 15px;
  padding: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 3px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 0;
  cursor: pointer;
  -webkit-transform: scaleX(1.2);
          transform: scaleX(1.2);
  margin-right: 4px;
  text-transform: lowercase;
  font-weight: 400;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1065px) {
  .container {
    max-width: 1080px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 640px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1065px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.4rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(29.5, 221.9649681529, 255);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control::-webkit-input-placeholder {
  color: #9e948e;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #9e948e;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #9e948e;
  opacity: 1;
}
.form-control::placeholder {
  color: #9e948e;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
  cursor: no-drop;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.15rem + 2px);
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.4;
}

.col-form-label-lg {
  padding-top: calc(4rem + 1px);
  padding-bottom: calc(4rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(1rem + 1px);
  padding-bottom: calc(1rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.4;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  padding: 1rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]) {
  height: calc(3.3125rem + 2px);
}

.form-control-lg {
  padding: 4rem 4rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]) {
  height: calc(9.875rem + 2px);
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 10rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -10rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  color: red;
  font-size: 12px;
  font-family: "GT Walsheim", sans-serif;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: rgb(113.4130434783, 221.0869565217, 138);
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  color: red;
  font-size: 12px;
  font-family: "GT Walsheim", sans-serif;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(224, 99, 111, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #e0636f;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #e0636f;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #e0636f;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #e0636f;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: rgb(245.1363636364, 205.3636363636, 209.1818181818);
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: rgb(232.4545454545, 141.5454545455, 150.2727272727);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #e0636f;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 640px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.325rem;
  padding-bottom: 0.325rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 14px;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 639.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 640px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 1064.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1065px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(183.6, 218.04, 255);
}

.table-hover .table-primary:hover {
  background-color: rgb(158.1, 204.84, 255);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(158.1, 204.84, 255);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(213.84, 216.36, 218.6);
}

.table-hover .table-secondary:hover {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(194.8, 230.36, 202.92);
}

.table-hover .table-success:hover {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #4a4a4a;
  border-color: rgb(93.125, 93.125, 93.125);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #4a4a4a;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(93.125, 93.125, 93.125);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 639.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1064.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.4rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(29.5, 221.9649681529, 255);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control::-webkit-input-placeholder {
  color: #9e948e;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #9e948e;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #9e948e;
  opacity: 1;
}
.form-control::placeholder {
  color: #9e948e;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
  cursor: no-drop;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.15rem + 2px);
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.4;
}

.col-form-label-lg {
  padding-top: calc(4rem + 1px);
  padding-bottom: calc(4rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(1rem + 1px);
  padding-bottom: calc(1rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.4;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  padding: 1rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]) {
  height: calc(3.3125rem + 2px);
}

.form-control-lg {
  padding: 4rem 4rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]) {
  height: calc(9.875rem + 2px);
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 10rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -10rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  color: red;
  font-size: 12px;
  font-family: "GT Walsheim", sans-serif;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: rgb(113.4130434783, 221.0869565217, 138);
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  color: red;
  font-size: 12px;
  font-family: "GT Walsheim", sans-serif;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(224, 99, 111, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #e0636f;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #e0636f;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #e0636f;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #e0636f;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: rgb(245.1363636364, 205.3636363636, 209.1818181818);
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: rgb(232.4545454545, 141.5454545455, 150.2727272727);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
          box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #e0636f;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(224, 99, 111, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 640px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 640px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1065px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

@media (min-width: 640px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}
@media (min-width: 1065px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 2rem !important;
}

.mt-3,
.my-3 {
  margin-top: 2rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 2rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 2rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 2rem !important;
}

.m-4 {
  margin: 2.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 2.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 2.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 2.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 2.5rem !important;
}

.m-5 {
  margin: 4rem !important;
}

.mt-5,
.my-5 {
  margin-top: 4rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 4rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 4rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 4rem !important;
}

.m-6 {
  margin: 6rem !important;
}

.mt-6,
.my-6 {
  margin-top: 6rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 6rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 6rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 6rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 2rem !important;
}

.pt-3,
.py-3 {
  padding-top: 2rem !important;
}

.pr-3,
.px-3 {
  padding-right: 2rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 2rem !important;
}

.pl-3,
.px-3 {
  padding-left: 2rem !important;
}

.p-4 {
  padding: 2.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 2.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 2.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 2.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 2.5rem !important;
}

.p-5 {
  padding: 4rem !important;
}

.pt-5,
.py-5 {
  padding-top: 4rem !important;
}

.pr-5,
.px-5 {
  padding-right: 4rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 4rem !important;
}

.pl-5,
.px-5 {
  padding-left: 4rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.pt-6,
.py-6 {
  padding-top: 6rem !important;
}

.pr-6,
.px-6 {
  padding-right: 6rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 6rem !important;
}

.pl-6,
.px-6 {
  padding-left: 6rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 640px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 2rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 2rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 2rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 2rem !important;
  }
  .m-sm-4 {
    margin: 2.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 2.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 2.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 2.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 2.5rem !important;
  }
  .m-sm-5 {
    margin: 4rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 4rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 4rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 4rem !important;
  }
  .m-sm-6 {
    margin: 6rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 6rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 6rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 6rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 6rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 2rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 2rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 2rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 2rem !important;
  }
  .p-sm-4 {
    padding: 2.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 2.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 2.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 2.5rem !important;
  }
  .p-sm-5 {
    padding: 4rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 4rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 4rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 4rem !important;
  }
  .p-sm-6 {
    padding: 6rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 6rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 6rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 6rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 2rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 2rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 2rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 2rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 2rem !important;
  }
  .m-md-4 {
    margin: 2.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 2.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 2.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 2.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 2.5rem !important;
  }
  .m-md-5 {
    margin: 4rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 4rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 4rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 4rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 4rem !important;
  }
  .m-md-6 {
    margin: 6rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 6rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 6rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 6rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 6rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 2rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 2rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 2rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 2rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 2rem !important;
  }
  .p-md-4 {
    padding: 2.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 2.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 2.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 2.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 2.5rem !important;
  }
  .p-md-5 {
    padding: 4rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 4rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 4rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 4rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 4rem !important;
  }
  .p-md-6 {
    padding: 6rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 6rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 6rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 6rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 6rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 2rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 2rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 2rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 2rem !important;
  }
  .m-lg-4 {
    margin: 2.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 2.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 2.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 2.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 2.5rem !important;
  }
  .m-lg-5 {
    margin: 4rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 4rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 4rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 4rem !important;
  }
  .m-lg-6 {
    margin: 6rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 6rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 6rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 6rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 6rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 2rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 2rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 2rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 2rem !important;
  }
  .p-lg-4 {
    padding: 2.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 2.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 2.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 2.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 2.5rem !important;
  }
  .p-lg-5 {
    padding: 4rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 4rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 4rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 4rem !important;
  }
  .p-lg-6 {
    padding: 6rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 6rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 6rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 6rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1065px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 2rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 2rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 2rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 2rem !important;
  }
  .m-xl-4 {
    margin: 2.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 2.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 2.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 2.5rem !important;
  }
  .m-xl-5 {
    margin: 4rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 4rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 4rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 4rem !important;
  }
  .m-xl-6 {
    margin: 6rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 6rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 6rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 6rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 6rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 2rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 2rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 2rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 2rem !important;
  }
  .p-xl-4 {
    padding: 2.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 2.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 2.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 2.5rem !important;
  }
  .p-xl-5 {
    padding: 4rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 4rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 4rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 4rem !important;
  }
  .p-xl-6 {
    padding: 6rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 6rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 6rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 6rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 640px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1065px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

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

.font-weight-xbold {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(0, 98.4, 204) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.background--color-light-grey {
  background: #f6f7f5;
}
.background--color-blue {
  background: #00869d;
}
.background--color-white {
  background: #ffffff;
}
.background--color-grey {
  background: rgb(200.4028571429, 194.7742857143, 191.3971428571);
}
.background--color-lightgrey {
  background: #f6f7f5 !important;
}

.background--image--strip-center {
  position: relative;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .background--image--strip-center {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.background--image--strip-center ~ .container-fluid {
  margin-top: -130px;
}
@media (min-width: 768px) {
  .background--image--strip-center ~ .container-fluid {
    margin-top: 0;
  }
}
.background--image--strip-top {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.background--image--strip-s {
  height: 300px;
}
.background--image--strip-l {
  padding-top: 300px;
  height: 400px;
}
@media (min-width: 768px) {
  .background--image--strip-l {
    height: 400px;
  }
}

.columns-2 {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  list-style-position: inside;
}
@media (min-width: 768px) {
  .columns-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
.columns-3 {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  list-style-position: inside;
}

.logo--small {
  max-height: 70px;
  max-width: 170px;
}

/* Unique scenarios */
.atsource-chart > div {
  display: none;
  position: absolute;
  width: 500px;
  height: 600px;
  right: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .atsource-chart > div {
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .atsource-chart > div {
    overflow: visible;
  }
}
.atsource-chart > div div {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 600px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}
@media (min-width: 768px) {
  .atsource-chart > div div {
    top: -5%;
    left: 10%;
    width: 430px;
    height: 480px;
  }
}
@media (min-width: 992px) {
  .atsource-chart > div div {
    top: -18%;
    right: -30%;
    width: 660px;
    height: 810px;
  }
}

.hide-overflow {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 900;
  line-height: 0.9;
}

h1,
.h1 {
  font-size: 2.125rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
}

h2,
.h2 {
  font-size: 2.125rem;
  margin-bottom: 1rem;
}

h3,
.h3 {
  font-size: 1.375rem;
  margin-bottom: 1rem;
}

h4,
.h4 {
  font-size: 1.4rem;
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 3rem;
  font-weight: 900;
  line-height: 0.9;
}
@media (min-width: 768px) {
  .display-1 {
    font-size: 4.4rem;
  }
}

.display-2 {
  font-size: 2.125rem;
  font-weight: 900;
  line-height: 0.9;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .display-2 {
    font-size: 2.7rem;
  }
}

.display-3 {
  font-size: 2.125rem;
  font-weight: 900;
  margin-bottom: 1rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .display-3 {
    font-size: 2.125rem;
  }
}

.display-4 {
  font-size: 2.183rem;
  font-weight: 900;
  line-height: 0.9;
}

.display-5 {
  font-size: 1.875rem;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.display-6 {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.background--color-blue .display-1,
.background--color-blue .display-2,
.background--color-blue .display-3,
.background--color-blue .display-4,
.background--color-blue .display-5,
.background--color-blue p {
  color: #fff;
}
.background--color-blue .plain-card .display-1,
.background--color-blue .plain-card .display-2,
.background--color-blue .plain-card .display-3,
.background--color-blue .plain-card .display-4,
.background--color-blue .plain-card .display-5,
.background--color-blue .plain-card p {
  color: #4a4a4a;
}

.text--color-white {
  color: #ffffff !important;
}
.text--color-light-blue {
  color: #00acc6 !important;
}
.text--color-blue {
  color: #00869d !important;
}
.text--color-dark-blue {
  color: #0b4b52 !important;
}
.text--color-green {
  color: #698714 !important;
}
.text--color-dark-green {
  color: #0B4B52 !important;
}
.text--color-violet {
  color: #ab2e86 !important;
}
.text--color-grey {
  color: #9e948e !important;
}
.text--color-light-black {
  color: #4a4a4a !important;
}
.text--color-dark-grey {
  color: #7d7d7d !important;
}
.text--color-dark-violet {
  color: #760153 !important;
}
.text--small {
  font-size: 0.95rem;
}
.text--size-xl {
  font-size: 27px;
  line-height: 1.2;
}
.text--size-l {
  font-size: 18px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .text--size-l {
    font-size: 22px;
    margin-bottom: 2rem;
  }
}
.text--size-m {
  font-size: 16px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .text--size-m {
    font-size: 18px;
  }
}
.text--size-s {
  font-size: 12px;
  line-height: 1.4;
}

.copyright {
  width: 100%;
  font-weight: 300;
  text-align: right;
  font-size: 12px;
  color: #ffffff;
}

.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 1em;
  width: 1em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.icon--size-s {
  width: 16px;
  height: 16px;
}
.icon--size-m {
  -ms-flex-item-align: center;
      align-self: center;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .icon--size-m {
    width: 25px;
    height: 24px;
  }
}
.icon--size-m img {
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  .icon--size-m img {
    width: 25px;
    height: 24px;
  }
}
.icon--size-l {
  -ms-flex-item-align: center;
      align-self: center;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .icon--size-l {
    width: 40px;
    height: 24px;
  }
}
.icon--size-l img {
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .icon--size-l img {
    width: 40px;
    height: 24px;
  }
}
.icon--white {
  color: #ffffff;
}
.icon--dark-green {
  color: #0B4B52;
}
.icon--violet {
  color: #0B4B52;
}

i.icon--link {
  cursor: pointer !important;
  margin-left: 2px;
}
i.icon--small {
  height: 20px;
  width: 20px;
}
i.icon--small svg {
  position: absolute;
  width: 20px;
  height: 20px;
}

.card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
@media (min-width: 992px) {
  .card-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.card-wrapper--equal-height {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.card-wrapper > div {
  max-width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .card-wrapper > div {
    max-width: 49%;
    width: 49%;
  }
}
@media (min-width: 992px) {
  .card-wrapper--2-col > div {
    max-width: 49%;
    width: calc(50% - 6px);
    margin-right: 18px;
  }
  .card-wrapper--2-col > div:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .card-wrapper--3-col > div {
    max-width: 32%;
    width: calc(33.3333333333% - 6px);
    margin-right: 20.8px;
  }
  .card-wrapper--3-col > div:nth-child(3n) {
    margin-right: 0;
  }
}
.card-wrapper--4-col > div {
  margin-right: 0;
}
@media (min-width: 992px) {
  .card-wrapper--4-col > div {
    max-width: 24.225%;
    width: 24.225%;
    margin-right: 1%;
  }
  .card-wrapper--4-col > div:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .card-wrapper--large-stagger div:nth-child(1) {
    margin-top: 0;
  }
  .card-wrapper--large-stagger div:nth-child(2) {
    margin-top: 100px;
  }
  .card-wrapper--large-stagger div:nth-child(3) {
    margin-top: 200px;
  }
}
.card-wrapper--small-stagger {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-wrapper--small-stagger > div {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .card-wrapper--small-stagger > div {
    margin-bottom: 0;
    width: 48.6%;
  }
  .card-wrapper--small-stagger > div:nth-child(2n) {
    margin-top: 1.5rem;
  }
  .card-wrapper--small-stagger > div:nth-child(2n+1) {
    margin-bottom: 1.65rem;
  }
}
@media (min-width: 992px) {
  .card-wrapper--small-stagger > div {
    width: 48.6%;
  }
  .card-wrapper--small-stagger > div:nth-child(2n) {
    margin-right: 0;
  }
}
.card-wrapper--negative-margin {
  margin-top: 190px;
}
@media (min-width: 992px) {
  .card-wrapper--negative-margin {
    margin-top: 0.5rem;
  }
}

.plain-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 2rem;
  background: #ffffff;
  z-index: 1;
  width: 100%;
}
.plain-card p:last-child {
  margin-bottom: 0;
}
.plain-card--push-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.plain-card--push-content p:last-of-type {
  margin-bottom: auto;
}
.plain-card--push-content div:last-of-type {
  padding-top: 1rem;
  margin-top: auto;
}
.plain-card--narrow {
  max-width: none;
}
@media (min-width: 768px) {
  .plain-card--narrow {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .plain-card--narrow {
    max-width: 420px !important;
  }
}
.plain-card--shadow {
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.plain-card--shadow-m {
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
}
.plain-card--shadow-l {
  -webkit-box-shadow: 0px 0px 80px 9px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 80px 9px rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
  .plain-card--padding-l {
    padding: 2.75rem;
  }
}
.plain-card--top-blue {
  padding-top: 2.5rem;
}
.plain-card--top-blue:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #00869d;
}
.plain-card--top-dark-green {
  padding-top: 2.5rem;
}
.plain-card--top-dark-green:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #0B4B52;
}
.plain-card--top-violet {
  padding-top: 2.5rem;
}
.plain-card--top-violet:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #ab2e86;
}
.plain-card--top-dark-violet {
  padding-top: 2.5rem;
}
.plain-card--top-dark-violet:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #760153;
}

.icon-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-bottom: 1.5rem;
}
.icon-card__positive:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 10px;
  height: 41px;
  width: 36px;
  background: url("resources/img/tick-tab.svg");
  background-repeat: no-repeat;
}
.icon-card__title {
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
  width: 100%;
  color: #00869d;
}
.icon-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
}
.icon-card__icon {
  text-align: center;
  padding: 2.5rem;
}
.icon-card__icon img {
  height: 60px;
}
.icon-card__information, .icon-card i {
  display: inline-block;
  margin-left: 10px;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2300869d'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' d='M9.8 3.8c-.5 0-.8.3-.8.7s.3.8.8.8.8-.3.8-.8-.4-.7-.8-.7zM8.9 6c-.4 0-.8.3-1.2.7v.6c.3-.2.9-.3 1 .1.2 1.1-.9 3.2-1.1 4.2-.6 3 .9 3 1.9 1.8v-.6c-.6.3-1.5.5-.9-1.5.2-.7 1.6-4.1.9-5.2-.2 0-.4-.1-.6-.1z'/%3E%3C/svg%3E");
}

.atsplus .icon-card__information, .atsplus .icon-card i {
  display: inline-block;
  margin-left: 0px !important;
  vertical-align: bottom;
  margin-left: 5px !important;
  width: 13px;
  height: 13px;
  background: url(../../../content/dam/olam/atsource/resources/info_1.svg) no-repeat 96% 50%;
}

.container .header-toggle {
  position: absolute;
  right: 0px;
  top: 17px;
}
.container .header-toggle-units {
  padding-right: 8px;
  font-size: 12px;
  color: #9E948E;
}

.demoeco .tabs--t2 ul {
  width: 83%;
  margin: 0 auto;
}

.tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabs li {
  background-color: #00869D;
  min-width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid white;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tabs li:last-child a {
  margin-right: 0;
}
.tabs li:last-child a .infi {
  padding-left: 5px;
  font-family: "GT Walsheim,Regular";
  font-size: 20px;
  font-weight: 600;
  margin: 0px;
  margin-top: -1px;
}
.tabs a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  list-style: none;
  padding: 7px 10px;
  margin-right: 0px;
  border: 0.9px solid #fff;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* Non-Retina fix for font looking blurry */
}
.tabs a:hover {
  text-decoration: none;
}
@media screen and (-webkit-max-device-pixel-ratio: 1) {
  .tabs a {
    font-weight: 600;
  }
}
.tabs .tab--active {
  border: 0px solid #fff !important;
}
.tabs .tab--active sub {
  bottom: 1.05em !important;
  right: 7.75% !important;
}
.tabs .tab--active a {
  background: none;
  background-color: #F3F1EF;
  color: #0b4b52;
  border: 0px solid;
}
.inline-calculator .tabs .tab--active a {
  background-color: #EFECE6;
}
.tabs--dashboard {
  background-color: #EFECE6;
}
.tabs--dashboard ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tabs--dashboard li {
  border: 1px solid #fff;
  min-width: 17%;
  min-height: 50px;
  margin: 0;
}
.tabs--dashboard a {
  font-size: 15px;
  text-transform: none;
  margin: 0;
}
.tabs--dashboard a:active,
.tabs--dashboard a:hover,
.tabs--dashboard a {
  color: #FFF;
}
.tabs--dashboard .tab--active a {
  color: #FFF;
}
.tabs--dashboard .tab--t1 a {
  background: none;
  background-color: #00869d;
}
.tabs--dashboard .tab--t2 a {
  background: none;
  background-color: #0b4b52;
}
.tabs--dashboard .tab--t3 a {
  background: none;
  background-color: #760153;
}
.tabs--dashboard .tab--t4 a {
  background: none;
  background-color: #00869d;
  position: relative;
}
.tabs--t1 {
  background-color: #FFFFFF;
}
.tabs--t2 {
  background-color: #0b4b52;
}
.tabs--t3 {
  background-color: #760153;
}
.tabs--t4 {
  background-color: #FFFFFF;
}

.calculator-tier-2 {
  border-radius: 16px !important;
}

.inline-calculator {
  background-color: #0b4b52;
  padding: 1px 0;
  margin: 0 auto 30px;
  max-width: 1095px;
}
@media (min-width: 1095px) {
  .inline-calculator {
    border-radius: 16px;
    padding-left: 1px;
    padding-right: 1px;
  }
}
.inline-calculator .tabs {
  background-color: transparent;
}
.inline-calculator .tabs .tab--active {
  border: 0px solid #fff !important;
}
.inline-calculator .results > div {
  padding-top: 0 !important;
}
.inline-calculator .results .tab-pane {
  background-color: #EFECE6;
}
@media (min-width: 1095px) {
  .inline-calculator .results .tab-pane {
    border-radius: 0 0 10px 10px;
  }
}

.results .tab-pane {
  background-color: #F3F1EF;
  padding: 20px 0;
}
.results__overview {
  text-align: center;
  padding: 10px 0 20px;
}
.results__overview p {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: 200;
  font-size: 18px;
  color: #6B5D56;
}
.results__overview p a {
  color: #698714;
  font-size: 14px;
  font-weight: 700;
}

.bgcolor-transparent {
  background: transparent;
}
.bgcolor-transparent .tab--active a {
  background-color: #DEDAD4 !important;
}

.oga_select a {
  color: #222222 !important;
}
.oga_select .tab--active a {
  color: #FF7000 !important;
  background-color: #2E2D2C !important;
  border-top: 2px solid !important;
  border-bottom: 1px solid #707070 !important;
}
.oga_select .tab--active span {
  font-size: 20px !important;
  font-family: "GTWalsheimProBold", sans-serif !important;
}
.oga_select .tab--active:last-child {
  margin-left: 15px;
}
.oga_select .tab--active:last-child .infi {
  font-size: 24px;
  font-weight: bolder;
}
.oga_select .tab--t1 a {
  background: none;
  background-color: #ffffff;
}
.oga_select .tab--t1 a span {
  font-size: 18px;
  font-family: "gt_walsheim_promedium", sans-serif;
}
.oga_select .tab--t2 a {
  background: none;
  background-color: #ffffff;
}
.oga_select .tab--t2 a span {
  font-size: 18px;
  font-family: "gt_walsheim_promedium", sans-serif;
}
.oga_select .tab--t3 a {
  background: none;
  background-color: #ffffff;
}
.oga_select .tab--t3 a span {
  font-size: 18px;
  font-family: "gt_walsheim_promedium", sans-serif;
}
.oga_select .tab--t4 a {
  background: none;
  background-color: #ffffff;
  position: relative;
}
.oga_select .tab--t4 a span {
  font-family: "gt_walsheim_promedium", sans-serif;
  font-size: 18px;
}
.oga_select .tab--t4 a sub {
  font-family: "GT Walsheim,Regular", sans-serif !important;
  font-size: 10px;
}
.oga_select .custom-border {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
.oga_select .custom-border:last-child:after {
  border-left: none;
}
.oga_select .custom-border:after {
  content: " ";
  position: absolute;
  border-left: 1px #888888 solid;
  top: 25%;
  right: 0;
  height: 50%;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: -15px;
}
.oga_select .custom-border::after:last-child {
  border-left: none;
  border-left: none;
}

.button {
  cursor: pointer;
}

.calculator .button {
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
  border: 0;
  color: #FFFFFF;
  background-color: #a0c800;
  font-size: 14px;
  outline: transparent;
  font-weight: bold;
  padding-left: 24px;
  padding-right: 24px;
  min-width: 120px;
  /* Non-Retina fix for font looking blurry */
}
.calculator .button:hover {
  background-color: #a0c800;
}
.calculator .button[disabled] {
  cursor: default;
  background-color: #9e948e;
}
.calculator .button[disabled]:hover {
  background-color: #9e948e;
}
@media screen and (-webkit-max-device-pixel-ratio: 1) {
  .calculator .button {
    font-size: 15px;
    font-weight: 500;
  }
}

.inline-calculator .button,
.button--light-blue .button,
.calculator--public .button {
  background-color: #00acc6;
}
.inline-calculator .button:hover,
.button--light-blue .button:hover,
.calculator--public .button:hover {
  background-color: #00acc6;
}

.button--uppercase {
  text-transform: uppercase;
}

.button--full-width {
  width: 100%;
}

.calculator {
  background-color: #00869d;
  color: #FFF;
  padding: 29px 0;
}
.calculator .atsource-txt-black {
  color: #222222 !important;
}
.calculator .atsource-txt-underline {
  text-decoration: underline;
}
.calculator.tier2Bg {
  position: relative;
  z-index: 3;
}
.calculator.tier2Bg::before {
  content: "";
  background: url(../../../content/dam/olam/atsource/resources/footprint_bg.svg) no-repeat;
  background-size: cover;
  background-position: 0 -15px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.75;
}
@media (max-width: 1280px) {
  .calculator.tier2Bg::before {
    background-size: contain;
    background-position: 0 25px;
  }
}
.calculator .tier-2-calc select.form-control:not([size]):not([multiple]) {
  font-size: 13px !important;
  background-color: #fff !important;
  color: #1F2526 !important;
  font-weight: bold !important;
  font-family: "GT Walsheim,Bold";
}
.calculator .tier-2-calc select,
.calculator .tier-2-calc input {
  color: #1F2526 !important;
  font-size: 12px !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  padding: 13px 16px !important;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
}
.calculator .tier-2-calc .isActive {
  opacity: 1 !important;
}
.calculator .tier-2-calc .number-arrow-container {
  top: 2px;
}
.calculator h1,
.calculator h2,
.calculator h3,
.calculator a {
  color: #FFF;
}
.calculator__info {
  padding-right: 30px;
}
.calculator__info .content-align {
  padding-left: 14px;
}
.calculator__info__title {
  font-size: 30px;
  font-weight: normal;
}
.calculator__info__header {
  font-size: 30px;
  font-weight: bold;
}
.calculator__info p {
  font-size: 13px;
}
.calculator__info p:last-child {
  margin-bottom: 0;
}
.calculator__info p em {
  font-weight: 200;
  font-style: italic;
  font-family: "GT Walsheim", sans-serif !important;
}
.calculator__info .header-content {
  font-size: 30px;
  line-height: 0.9;
}
.calculator__info .environment-copy-verified i {
  font-weight: 200;
  font-style: oblique;
  font-family: "GT Walsheim,Regular" !important;
}
.calculator select.form-control:not([size]):not([multiple]) {
  height: 41px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  background-color: #00869d;
  border: 1px #fff;
  border-style: solid;
}
.calculator .isActive {
  opacity: 0.6;
}
.calculator .form-control {
  border: 0;
}
.calculator label {
  font-size: 12px;
  font-weight: bold;
  /* Non-Retina fix for font looking blurry */
}
@media screen and (-webkit-max-device-pixel-ratio: 1) {
  .calculator label {
    font-size: 13px;
    font-weight: 500;
  }
}
.calculator .demoecoSubmit {
  left: 0 !important;
}
@media (max-width: 1281px) {
  .calculator .demoecoSubmit {
    left: -20px !important;
  }
}
.calculator .form-group input,
.calculator .form-group select {
  height: 40px;
  margin: 0;
  border-radius: 6px;
  color: #fff;
  background-color: #00869d;
  border: 1px #fff;
  border-style: solid;
  font-size: 14px;
  padding: 6px 10px;
  /* Non-Retina fix for font looking blurry */
}
@media screen and (-webkit-max-device-pixel-ratio: 1) {
  .calculator .form-group input,
  .calculator .form-group select {
    font-weight: 500;
  }
}
.calculator .form-group--submit {
  text-align: right;
  position: relative;
  left: 25%;
  margin-bottom: 0;
}
.calculator .form-group--submit button {
  background-color: rgba(0, 172, 198, 0.6) !important;
  width: 157px !important;
  height: 32px;
  font-size: 14px;
  padding: 7px 10px;
  font-family: "GT Walsheim,Bold";
  color: #1F2526 !important;
}
.calculator .form-group--submit button.isTier2Foot {
  position: relative;
  right: 60px;
}
.calculator .form-group--submit button:disabled {
  background-color: #C7C7C7 !important;
  font-weight: normal;
  color: #fff !important;
}
.results .calculator {
  background-color: transparent;
  color: #FFF;
}
.calculator--public {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}
@media (min-width: 768px) {
  .calculator--public {
    border-radius: 50px;
  }
}
.calculator--public.calculator--open {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .calculator--public.calculator--open {
    border-radius: 50px 50px 0 0;
  }
}

.calc-detail-alignment {
  top: 0px;
  position: relative;
  top: -20px;
  padding: 31px;
  left: 17px;
}
.calc-detail-alignment .tier2--tab--bgcolor {
  background: #DEDAD4 !important;
}

.calculator-map {
  background-color: #F3F1EF;
}
.calculator-map-content {
  width: 100%;
}
.calculator-map-content .content-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.calculator-map-content .content-align .info-content {
  width: 40%;
  padding-left: 8rem;
}
.calculator-map-content .content-align .map-content {
  width: 50%;
  pointer-events: none;
}
.calculator-map__cards {
  float: right;
  width: 200px;
  z-index: 2;
  position: relative;
}

.map-container {
  position: relative;
  min-height: 400px;
  height: 100%;
}

.contract-map .map-container {
  margin-bottom: 0px !important;
}

.env-map {
  position: relative;
  height: 400px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin-bottom: 20px;
}
.env-map__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.env-map__overlay p {
  display: block;
  margin: 0;
  padding: 0;
  color: #ab2e86;
  font-size: 35px;
  line-height: 32px;
  font-weight: 700;
}
.env-map__overlay p strong {
  font-size: 13px;
  line-height: 13px;
  display: block;
  clear: both;
  margin-bottom: 10px;
}

.map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.map__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.map__overlay p {
  display: block;
  margin: 0;
  padding: 0;
  color: #ab2e86;
  font-size: 35px;
  line-height: 32px;
  font-weight: 700;
}
.map__overlay p strong {
  font-size: 13px;
  line-height: 13px;
  display: block;
  clear: both;
  margin-bottom: 10px;
}

.env-map-preview {
  position: absolute;
  width: 155px;
  top: 55%;
  height: 155px;
  left: 2%;
  z-index: 9999;
  border-radius: 6px;
  border: 5px solid #fff !important;
  cursor: pointer;
  overflow: hidden;
}
.env-map-preview .firstmapview {
  right: -300px !important;
}

.map-preview {
  position: relative;
  min-height: 174px;
  height: 100%;
  width: 174px;
  z-index: 9999;
  top: 235px;
  border-radius: 6px;
  left: 9px;
  border: 5px solid #fff !important;
  cursor: pointer;
}

.mapview {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.mapview .gmnoprint a,
.mapview .gmnoprint span {
  display: none;
}
.mapview .gmnoprint div {
  background: none !important;
}

.calculator-summary-card {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.summary-card {
  width: 100%;
  padding: 30px 0;
}
.summary-card .summary-card-title p {
  font-size: 14px;
  color: #4a4a4a;
}
.summary-card__title {
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  color: #fd4e00;
  margin-bottom: 0.2rem;
}
.summary-card__stats {
  margin: 0 0 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.summary-card__name {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 8px 0;
  padding: 0;
  text-transform: uppercase;
  color: #0b4b52;
}
.summary-card__value {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 24px;
  padding: 0;
  color: #6c5d56;
}
.summary-card__info {
  font-size: 14px;
  font-weight: 200;
  margin: 0 0 1rem;
  padding: 8px 0 0 0;
  color: #ab2e86;
}

.results--public .card__title {
  color: #0b4b52;
}
.results--public .summary-card__title {
  color: #00869d;
  margin-bottom: 40px;
}
.results--public .summary-card__value {
  color: #760153;
  margin-bottom: 40px;
}

#static__container {
  display: none;
}

.static__container {
  padding-left: 0px;
}
.static__container__title h2 {
  color: #00ACC6;
  font-weight: 700;
  font-size: 32px;
  font-family: "GT-Walsheim-Pro-Black";
}
.static__container__title p {
  font-size: 15px;
}
.static__container__card {
  padding-left: 0.5rem !important;
}
.static__container__card .container-card {
  min-height: 160px;
  min-width: 155px;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  -webkit-box-shadow: 0px 2px 4px rgba(130, 130, 130, 0.5019607843);
          box-shadow: 0px 2px 4px rgba(130, 130, 130, 0.5019607843);
}
.static__container__card .container-card .card-1,
.static__container__card .container-card .card-6 {
  padding-left: 50px;
}
.static__container__card .container-card .card-2 {
  padding-left: 55px;
}
.static__container__card .container-card .card-3 {
  padding-left: 45px;
}
.static__container__card .container-card .card-4 {
  padding-left: 43px;
}
.static__container__card .container-card .card-5 {
  padding-left: 38px;
}
.static__container__card .container-card img {
  min-height: 67px;
  min-width: 58px;
  padding-top: 27px;
  margin-bottom: 11px;
  height: 95px;
}
.static__container__card .container-card p {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0px;
}

.environment-title {
  font-size: 18px;
  color: #A0C800 !important;
  font-weight: bold;
}

.isTier2Info .environment-title {
  color: #00ACC6 !important;
  font-family: "GT Walsheim,Bold";
}
.isTier2Info .environment-copy a {
  color: #ab2e86;
}
.isTier2Info .environment-copy i {
  font-style: oblique;
  font-family: "GT Walsheim,Regular" !important;
}
.isTier2Info .environment-copy .atsource-txt-black {
  text-wrap: nowrap;
}
.isTier2Info .environment-copy .atsource-txt-black:hover {
  color: #ab2e86 !important;
}
.isTier2Info .environment-copy span:hover {
  color: #ab2e86;
}
.isTier2Info p {
  font-size: 12px;
  color: #313131;
  font-family: "GT Walsheim,Medium";
}
.isTier2Info p em {
  font-style: oblique;
  font-family: "GT Walsheim,Regular" !important;
}

@media (min-width: 1024px) {
  .summary-card-alignment {
    padding-left: 0px !important;
  }
}
@media (min-width: 1250px) {
  .summary-card-alignment {
    padding-left: 10px !important;
  }
}
@media (min-width: 1350px) {
  .summary-card-alignment {
    padding-left: 40px !important;
  }
}
@media (min-width: 1450px) {
  .summary-card-alignment {
    padding-left: 116px !important;
  }
}
@media (min-width: 1550px) {
  .summary-card-alignment {
    padding-left: 206px !important;
  }
}
@media (min-width: 1750px) {
  .summary-card-alignment {
    padding-left: 290px !important;
  }
}
@media (min-width: 1950px) {
  .summary-card-alignment {
    padding-left: 370px !important;
  }
}
@media (min-width: 2150px) {
  .summary-card-alignment {
    padding-left: 450px !important;
  }
}
.atsbasic-sharp-edge {
  position: absolute;
  right: 160px;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  background: #F3F1EF 0% 0% no-repeat padding-box;
  opacity: 1;
  z-index: 1;
}

.side-lt-sq {
  height: 50px;
  width: 50px;
  background: white;
  border-top-right-radius: 60px;
}

.side-rt-sq {
  height: 50px;
  width: 50px;
  background: white;
  float: right;
  border-top-left-radius: 60px;
}

::ng-deep tspan {
  stroke: transparent !important;
}

.dropbtn {
  cursor: pointer;
  position: relative;
  color: black !important;
  font-weight: bold;
  font-size: 16px;
  border: none;
  cursor: pointer;
  position: relative;
  padding: 13px 16px !important;
  color: #BCBCBC !important;
  font-size: 12px !important;
  font-weight: normal;
  border: solid 1px #CCCCCC !important;
  height: 40px;
  margin-bottom: 24px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
  background: #fff;
  color: #1F2526 !important;
  font-weight: bold !important;
  font-family: "GT Walsheim,Bold";
}
.dropbtn :focus {
  background-color: #fff !important;
  color: #BCBCBC !important;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.contract-fg {
  color: #626262;
  position: absolute;
  top: -8px;
  left: 27px;
  background: #fff;
  padding: 0 7px;
  font-weight: 400;
  font-family: "GT Walsheim,Regular";
  z-index: 1;
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 45px;
  background-color: #fff;
  min-width: 240px;
  z-index: 1;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412) !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412) !important;
  border-radius: 7px !important;
  border: 0.7px solid #ccc !important;
  width: 495px;
  overflow: hidden;
  padding: 10px !important;
}

.dropdown-content a {
  padding: 8px 15px 8px 5px;
  text-decoration: none;
  display: block;
  background-color: #fff !important;
  color: #4A4848 !important;
  text-decoration: none !important;
  font-family: "gt_walsheim_promedium" !important;
  font-size: 13px;
}

.show {
  display: block;
  -webkit-animation: 0.5s fade;
          animation: 0.5s fade;
}

.cloudSet {
  position: absolute;
  right: 75px;
  top: -20px;
  z-index: 1;
}
.cloudSet.disableCloud {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.cloudSet img {
  position: absolute;
}
.cloudSet .clouds img:nth-child(1) {
  left: -7px;
  top: 9px;
}
.cloudSet .clouds img:nth-child(2) {
  left: 40px;
  top: 9px;
  z-index: 0;
}
.cloudSet .clouds img:nth-child(3) {
  left: 20px;
  top: -9px;
  z-index: -1;
}
.cloudSet .clouds img:nth-child(4) {
  top: -20px;
  left: 44px;
  z-index: -2;
}

.oga_footprint .atsbasic-sharp-edge {
  background: #ffffff !important;
}
.oga_footprint .calculator {
  background-color: #2E2D2C !important;
  color: #FFF;
  padding: 29px 0;
}
.oga_footprint .calculator__info {
  padding-right: 30px;
}
.oga_footprint .calculator__info .content-align {
  padding-left: 14px;
}
.oga_footprint .calculator__info__title {
  font-size: 18px;
  font-weight: normal;
}
.oga_footprint .calculator__info__header {
  font-size: 30px;
  font-weight: bold;
}
.oga_footprint .calculator__info p {
  font-size: 13px;
  text-decoration: none;
}
.oga_footprint .calculator__info p a {
  color: #FF7000;
  text-decoration: none;
}
.oga_footprint .calculator__info p a img {
  width: 5px;
  height: 5px;
  width: 3px;
  height: 6px;
  margin: 4.5px;
  display: inline-block;
  position: relative;
  top: -4px;
  left: -14px;
}
.oga_footprint .calculator__info p span {
  font-size: 16px;
}
.oga_footprint .calculator__info p:last-child {
  margin-top: 8px;
  margin-bottom: 0;
}
.oga_footprint .calculator__info p em {
  font-size: 12px;
  font-weight: 200;
  font-style: italic;
  font-family: "GT Walsheim", sans-serif !important;
}
.oga_footprint .calculator__info p:nth-child(2) span {
  font-size: 16px;
}
.oga_footprint .calculator__info p:nth-child(2):last-child {
  margin-top: 8px;
  margin-bottom: 0;
}
.oga_footprint .calculator__info p:nth-child(2) em {
  font-size: 12px;
  font-weight: 200;
  font-style: italic;
  font-family: "GT Walsheim", sans-serif !important;
}
.oga_footprint .calculator__info .back-button {
  background-color: #FF7000;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  margin: 0 auto 0 6px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.oga_footprint .calculator__info .header-content {
  font-size: 30px;
  line-height: 0.9;
}

.very p {
  margin-bottom: 0px !important;
}
.very p span {
  font-size: 16px;
  font-family: "GT Walsheim,Regular", sans-serif !important;
}
.very p:last-child span {
  font-size: 13px;
  text-decoration: none !important;
  font-family: "gt_walsheim_promedium", sans-serif !important;
}
.very p:last-child span:last-child {
  padding-left: 1rem;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 8px;
}
.very p:last-child a {
  color: #FF7000;
  text-decoration: none !important;
  font-family: "gt_walsheim_promedium", sans-serif !important;
}
.very p:last-child a img {
  width: 12px;
  height: 13px;
  margin-left: -5px;
  display: inline-block;
  position: relative;
  top: -3px;
  left: -14px;
}
.very p em {
  line-height: 3;
  font-size: 12px;
  font-weight: 200;
  font-style: italic;
  font-family: "gt_walsheimregular_oblique", sans-serif !important;
}
.very .calculator .form-group input,
.very .calculator .form-group select {
  height: 40px;
  margin: 0;
  border-radius: 2px;
  color: #1F2526;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-style: solid;
  font-size: 14px;
  padding: 6px 10px;
}

.sum .summary-card-title p {
  font-size: 16px !important;
  color: rgba(85, 85, 85, 0.9019607843) !important;
  font-family: "GT Walsheim,Regular", sans-serif !important;
}

.infinity {
  background-color: #760153;
  color: #fff;
  overflow: hidden;
}
.infinity .infinity-title {
  width: 55%;
  text-align: left;
  padding-top: 50px;
  line-height: 50px;
}
.infinity .project-title {
  text-align: left;
  width: 70%;
  font-weight: 400;
}
.infinity .infinity-content1 {
  width: 80%;
  margin-top: 50px;
}
.infinity .infinity-content2 {
  width: 80%;
  margin-bottom: 2rem;
}
.infinity .header-points {
  position: absolute;
  margin-top: 6px;
  border-radius: 30px;
  background-color: white;
}
.infinity .design-1 {
  width: 14px;
  height: 14px;
}
.infinity .design-2 {
  width: 12px;
  height: 12px;
}
.infinity .header-points-content {
  margin-left: 30px;
}
.infinity .infinity-img {
  position: absolute;
  top: 0;
  right: -153px;
  max-height: 400px;
  overflow: hidden;
}
.infinity .infinity-img img {
  position: relative;
  top: -231px;
  width: 600px;
}
.infinity a:hover {
  color: #C02A92;
}

#infinity-login-banner .infinity-img {
  margin-right: 10px;
  float: right;
  position: static;
}
#infinity-login-banner .infinity-content1 {
  width: 100%;
  margin-top: 50px;
}
#infinity-login-banner .infinity-content2 {
  width: 100%;
  margin-bottom: 2rem;
}

#infinity-login-banner ul, #infinity-login-greyBg ul, #infinity-login-blueBg ul, #infinity-login-detailbanner ul, .blockbanner ul {
  list-style: disc;
}
#infinity-login-banner ol, #infinity-login-greyBg ol, #infinity-login-blueBg ol, #infinity-login-detailbanner ol, .blockbanner ol {
  margin-left: 0;
}
#infinity-login-banner ul, #infinity-login-banner ol, #infinity-login-greyBg ul, #infinity-login-greyBg ol, #infinity-login-blueBg ul, #infinity-login-blueBg ol, #infinity-login-detailbanner ul, #infinity-login-detailbanner ol, .blockbanner ul, .blockbanner ol {
  overflow: hidden;
}

#infinity-login-detailbanner {
  padding: 0 0 25px 0;
}
#infinity-login-detailbanner .background--image--strip-l {
  height: 100%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
#infinity-login-detailbanner h5 {
  font-size: 2.25rem;
  color: #AB2286 !important;
  line-height: 1.2;
}
#infinity-login-detailbanner img {
  width: 100%;
}
#infinity-login-detailbanner .plain-card h2 {
  word-break: break-word;
}

div#infinity-login-greyBg img, div#infinity-login-blueBg img {
  width: 100%;
}
div#infinity-login-greyBg .section-align .pathway-right-content, div#infinity-login-blueBg .section-align .pathway-right-content {
  float: right;
  margin-left: 20px;
  padding: 0;
}
div#infinity-login-greyBg .button-wrapper, div#infinity-login-blueBg .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div#infinity-login-greyBg .button-wrapper .read-more, div#infinity-login-blueBg .button-wrapper .read-more {
  padding-right: 15px;
}
div#infinity-login-greyBg .button-wrapper .container-fluid, div#infinity-login-blueBg .button-wrapper .container-fluid {
  padding-left: 0;
}
div#infinity-login-greyBg .gallary-title p, div#infinity-login-blueBg .gallary-title p {
  font-size: 18px;
  font-weight: bold !important;
  text-transform: uppercase;
  color: #00869d !important;
  line-height: 1.4;
}
div#infinity-login-greyBg .content-wrapper h4, div#infinity-login-blueBg .content-wrapper h4 {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: bold;
}
div#infinity-login-greyBg .section-align .pathway-right-content .prevSlide, div#infinity-login-greyBg .section-align .pathway-right-content .prevSlide-copy,
div#infinity-login-greyBg .section-align .pathway-right-content .nextSlide, div#infinity-login-greyBg .section-align .pathway-right-content .nextSlide-copy, div#infinity-login-blueBg .section-align .pathway-right-content .prevSlide, div#infinity-login-blueBg .section-align .pathway-right-content .prevSlide-copy,
div#infinity-login-blueBg .section-align .pathway-right-content .nextSlide, div#infinity-login-blueBg .section-align .pathway-right-content .nextSlide-copy {
  padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  color: #AB2286;
}
div#infinity-login-greyBg .section-align .pathway-right-content .nextSlide, div#infinity-login-greyBg .section-align .pathway-right-content .nextSlide-copy, div#infinity-login-blueBg .section-align .pathway-right-content .nextSlide, div#infinity-login-blueBg .section-align .pathway-right-content .nextSlide-copy {
  right: 0;
  border-radius: 3px 0 0 3px;
}
div#infinity-login-greyBg .section-align .pathway-right-content .prevSlide, div#infinity-login-greyBg .section-align .pathway-right-content .prevSlide-copy, div#infinity-login-blueBg .section-align .pathway-right-content .prevSlide, div#infinity-login-blueBg .section-align .pathway-right-content .prevSlide-copy {
  left: 0px;
}
div#infinity-login-greyBg .section-align .pathway-right-content .infinity-slideshow-container, div#infinity-login-blueBg .section-align .pathway-right-content .infinity-slideshow-container {
  width: auto;
  height: auto;
}
div#infinity-login-greyBg .section-align .pathway-right-content .infinity-slideshow-container .mySlides, div#infinity-login-greyBg .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy, div#infinity-login-blueBg .section-align .pathway-right-content .infinity-slideshow-container .mySlides, div#infinity-login-blueBg .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy {
  padding: 0;
}
div#infinity-login-greyBg .section-align .pathway-left-content, div#infinity-login-blueBg .section-align .pathway-left-content {
  padding-left: 0px;
}

div#infinity-login-blueBg {
  background: #00869d;
  color: #fff;
}
div#infinity-login-blueBg .gallary-title p {
  color: #fff !important;
}
div#infinity-login-blueBg .section-align .pathway-left-content .pathway-content-1, div#infinity-login-blueBg .section-align .pathway-left-content .pathway-content-2 {
  color: #fff;
}
div#infinity-login-blueBg .bluebr-downloadcontainer .download-doc-btn-aem .text-holder, div#infinity-login-blueBg .bluebr-downloadcontainer .download-doc-btn-aem .icon-holder {
  border-color: #ffffff;
}
div#infinity-login-blueBg .blue-download-doc .download-doc-btn-aem .text-holder {
  background-color: #00869d;
  border-color: #ffffff;
}
div#infinity-login-blueBg .blue-download-doc .download-doc-btn-aem .icon-holder svg g path.a {
  fill: #00869d !important;
}
div#infinity-login-blueBg .section-align .pathway-right-content {
  float: right;
  margin-left: 20px;
  padding: 0;
}
div#infinity-login-blueBg .read-more a {
  border: 1px solid #ffffff;
  color: #ffffff;
}
div#infinity-login-blueBg .read-more a:hover {
  color: #00869d;
  text-decoration: none;
  background: #ffffff;
}
div#infinity-login-blueBg a {
  color: #262626;
}
div#infinity-login-blueBg a:hover {
  color: #000000;
}

div#infinity-login-greyBg .bluebr-downloadcontainer .download-doc-btn-aem .text-holder, div#infinity-login-greyBg .bluebr-downloadcontainer .download-doc-btn-aem .icon-holder {
  border-color: #00869d;
}
div#infinity-login-greyBg .blue-download-doc .download-doc-btn-aem .text-holder {
  background-color: #00869d;
  border-color: #00869d;
}
div#infinity-login-greyBg .blue-download-doc .download-doc-btn-aem .icon-holder svg g path.a {
  fill: #00869d !important;
}
div#infinity-login-greyBg .section-align .pathway-right-content {
  float: left;
  margin: 0 20px 0 0;
}

.infinity-section-2 {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.infinity-section-2 .left-content .section-title {
  color: #AB2286;
  margin-bottom: 2.9rem;
  font-size: 45px;
  width: 40%;
}
.infinity-section-2 .left-content p {
  color: #000000;
  line-height: 1.4;
  font-size: 19px;
  letter-spacing: -0.2px;
}
.infinity-section-2 .left-content .goal-section-points .points-design {
  position: absolute;
  margin-top: 6px;
  border-radius: 30px;
  background-color: #AB2286;
  width: 12px;
  height: 12px;
}
.infinity-section-2 .left-content .goal-section-points .points-content {
  margin-left: 30px;
}
.infinity-section-2 .right-content {
  float: right;
}
.infinity-section-2 .right-content .development-section-title img {
  width: 100%;
}
.infinity-section-2 .right-content .development-section-img {
  margin-left: -7px;
  margin-top: 30px;
}
.infinity-section-2 .right-content .development-section-img .img-align {
  height: 85px;
}
.infinity-section-2 .right-content .development-section-img .img-align img {
  width: 109% !important;
}
.infinity-section-2 .right-content .development-section-map {
  min-height: 390px;
  max-height: 390px;
}
.infinity-section-2 .right-content .development-section-map img {
  height: 390px;
  width: 390px;
  -o-object-fit: contain;
     object-fit: contain;
}
.infinity-section-2 .right-content .development-section-map video {
  height: 390px;
  width: 390px;
  background: #a2a0a0;
}
.infinity-section-2 .right-content .development-section-map iframe {
  height: 390px;
  width: 390px;
  background: #a2a0a0;
}
.infinity-section-2 .right-content .development-section-map .infinity-map {
  height: 97%;
  width: 127%;
}
.infinity-section-2 .right-content .development-section-map .infinity-map .map-legend {
  width: 75%;
  background: #fff;
  padding-top: 10px;
  padding-left: 7px;
  font-size: 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 9;
  left: 0.4rem;
  bottom: 1.1rem;
  color: #0b4b52;
  font-weight: 600;
}
.infinity-section-2 .right-content .development-section-map .infinity-map .map-legend label {
  margin-right: 8px;
}
.infinity-section-2 .right-content .development-section-map .infinity-map .map-legend .legend-key {
  font-size: 9px !important;
  margin-right: 7px;
  color: #4a4a4a;
}
.infinity-section-2 .right-content .development-section-map .infinity-map .dot {
  height: 8px;
  width: 8px;
  background-color: #6b024c;
  border-radius: 50%;
  display: inline-block;
}
.infinity-section-2 .right-content .development-section-map .infinity-map .dot1 {
  height: 8px;
  width: 8px;
  background-color: #00acc6;
  border-radius: 50%;
  display: inline-block;
  margin-right: 3px;
}
.infinity-section-2 .right-content .development-section-map .infinity-map .dot2 {
  height: 8px;
  width: 8px;
  background-color: #a0c800;
  border-radius: 50%;
  display: inline-block;
  margin-right: 3px;
}
.infinity-section-2 .right-content .development-section-map .infinity-map .map-container {
  min-height: 280px !important;
}
.infinity-section-2 .right-content .fact-table-content {
  width: 112.5%;
  padding-left: 8px !important;
  margin-left: 15px;
  padding-top: 0.7rem;
}
.infinity-section-2 .right-content .fact-table-content .table-title {
  border: 2px solid #AB2286;
  background: #AB2286;
  padding: 8px 28px;
  color: white;
  font-size: 20px;
  font-family: GT Walsheim, Medium;
}
.infinity-section-2 .right-content .fact-table-content .table-content {
  border: 2px solid #AB2286;
  border-top: none;
  padding: 10px 28px;
}
.infinity-section-2 .right-content .fact-table-content .table-content .span-1 {
  color: #6C5D56;
}
.infinity-section-2 .right-content .fact-table-content .table-content .span-2 {
  color: #000000;
}

.infinity-section-3 {
  background-color: #F6F7F5;
}
.infinity-section-3 .section-align {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
.infinity-section-3 .section-align .infinity-pathway-title {
  color: #AB2286;
  font-size: 45px;
}
.infinity-section-3 .section-align .pathway-left-content {
  padding-left: 15px;
}
.infinity-section-3 .section-align .pathway-left-content .pathway-content-1, .infinity-section-3 .section-align .pathway-left-content .pathway-content-2 {
  color: #000000;
  line-height: 1.4;
  font-size: 19px;
  letter-spacing: -0.2px;
}
.infinity-section-3 .section-align .pathway-left-content .pathway-content-1 .pathway-points-content-1, .infinity-section-3 .section-align .pathway-left-content .pathway-content-2 .pathway-points-content-1 {
  margin-left: 30px;
}
.infinity-section-3 .section-align .pathway-left-content .pathway-content-1 .pathway-points-design-1, .infinity-section-3 .section-align .pathway-left-content .pathway-content-2 .pathway-points-design-1 {
  position: absolute;
  margin-top: 6px;
  border-radius: 30px;
  width: 14px;
  height: 14px;
  background-color: #AB2286;
}
.infinity-section-3 .section-align .pathway-left-content .pathway-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.infinity-section-3 .section-align .pathway-left-content .pathway-points-design {
  position: absolute;
  margin-top: 6px;
  border-radius: 30px;
  width: 12px;
  height: 12px;
  background-color: #AB2286;
}
.infinity-section-3 .section-align .pathway-left-content .pathway-points-content {
  margin-left: 30px;
}
.infinity-section-3 .section-align .pathway-left-content .pathway-points-content p {
  color: #000000;
  font-size: 15px;
  letter-spacing: 0px;
}
.infinity-section-3 .section-align .pathway-right-content {
  float: right;
}
.infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container {
  width: 115%;
  height: 95%;
}
.infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides, .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy {
  width: 100%;
  height: 100%;
  max-height: 335px !important;
  min-height: 335px !important;
  padding: 0px 25px;
}
.infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides img,
.infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides video, .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy img,
.infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy video {
  width: 100%;
  max-height: 335px !important;
  min-height: 335px !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides video, .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy video {
  background: #a2a0a0;
}
.infinity-section-3 .section-align .pathway-right-content .prevSlide, .infinity-section-3 .section-align .pathway-right-content .prevSlide-copy,
.infinity-section-3 .section-align .pathway-right-content .nextSlide, .infinity-section-3 .section-align .pathway-right-content .nextSlide-copy {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -32px;
  color: #000;
  font-size: 28px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.infinity-section-3 .section-align .pathway-right-content .prevSlide:hover, .infinity-section-3 .section-align .pathway-right-content .prevSlide-copy:hover,
.infinity-section-3 .section-align .pathway-right-content .nextSlide:hover, .infinity-section-3 .section-align .pathway-right-content .nextSlide-copy:hover {
  text-decoration: none;
}
.infinity-section-3 .section-align .pathway-right-content .nextSlide, .infinity-section-3 .section-align .pathway-right-content .nextSlide-copy {
  right: -72px;
  border-radius: 3px 0 0 3px;
  text-decoration: none;
}
.infinity-section-3 .section-align .pathway-right-content .prevSlide, .infinity-section-3 .section-align .pathway-right-content .prevSlide-copy {
  left: 0px;
  text-decoration: none;
}
.infinity-section-3 .section-align .pathway-right-content .infinity-dot, .infinity-section-3 .section-align .pathway-right-content .infinity-dot-copy {
  width: 6px;
  height: 6px;
  margin: 0 2px;
  background-color: #DEDAD4;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
}
.infinity-section-3 .section-align .pathway-right-content .active {
  background-color: #AB2286;
  border-radius: 6px;
  width: 15px;
  height: 6px;
}
.infinity-section-3 .section-align .pathway-right-content .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

.infinity-section-4 {
  background-color: #EED7E8;
}
.infinity-section-4 .section-align {
  padding-top: 4rem;
  padding-bottom: 2rem;
}
.infinity-section-4 .section-align .section-title h1 {
  color: #AB2286;
  font-size: 45px;
}
.infinity-section-4 .section-align .section-title p {
  color: #760153;
  font-size: 33px;
  font-weight: 500;
}
.infinity-section-4 .section-align .section-card {
  width: 103%;
}
.infinity-section-4 .section-align .section-card .section-card-content {
  border-radius: 6px;
}
.infinity-section-4 .section-align .section-card .section-card-content .background-white {
  background: white;
}
.infinity-section-4 .section-align .section-card .section-card-content .content-border-1 {
  border-top-color: #760153 !important;
}
.infinity-section-4 .section-align .section-card .section-card-content .content-border-2 {
  border-top-color: #AB2286 !important;
}
.infinity-section-4 .section-align .section-card .section-card-content .content-border-3 {
  border-top-color: #CA85B9 !important;
}
.infinity-section-4 .section-align .section-card .section-card-content .card-title {
  color: #000000;
  font-size: 1.2rem;
  background: #fff;
  border-bottom: 2px dashed #C9C9C9;
}
.infinity-section-4 .section-align .section-card .section-card-content .card-title .card-title-label {
  width: 65%;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 0 0 15px;
}
.infinity-section-4 .section-align .section-card .section-card-content .card-title .outcome-description {
  font-size: 14px;
  padding: 0 15px 15px 15px;
}
.infinity-section-4 .section-align .section-card .section-card-content .card-title .shape-curve-left {
  width: 50px;
  height: 50px;
  margin: 0;
  shape-outside: circle(50% at 30%);
  -webkit-clip-path: circle(50% at 0%);
  clip-path: circle(30% at 0%);
  background: #eed7e8;
  position: absolute;
  top: 42%;
  left: 4%;
}
.infinity-section-4 .section-align .section-card .section-card-content .card-title .shape-curve-right {
  width: 50px;
  height: 50px;
  margin: 0;
  shape-outside: circle(50% at 30%);
  -webkit-clip-path: circle(50% at 0%);
  clip-path: circle(30% at 0%);
  background: #eed7e8;
  position: absolute;
  top: 42%;
  right: 4%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.infinity-section-4 .section-align .section-card .card-content .image-title {
  padding-bottom: 10px;
}
.infinity-section-4 .section-align .section-card .card-content .tracking-now-title {
  color: #760153;
}
.infinity-section-4 .section-align .section-card .card-content .tracking-now-content {
  background-color: #EED7E8;
}
.infinity-section-4 .section-align .section-card .card-content .tracking-now-content p {
  color: #760153;
}
.infinity-section-4 .section-align .section-card .card-content .tracking-target-title {
  color: #AB2286;
}
.infinity-section-4 .section-align .section-card .card-content .tracking-target-content {
  background-color: #AB2286;
}
.infinity-section-4 .section-align .section-card .card-content .tracking-target-content p {
  color: white;
}
.infinity-section-4 .section-align .section-card .card-content .card-content-align {
  min-height: 150px;
  max-height: 150px;
  border-radius: 6px;
}
.infinity-section-4 .section-align .section-card .card-content .card-content-align .font-size-1 {
  font-size: 33px;
}
.infinity-section-4 .section-align .section-card .card-content .card-content-align .font-size-2 {
  font-size: 23px;
}
.infinity-section-4 .section-align .section-card .card-content .card-content-align .font-size-3 {
  font-size: 15px;
}
.infinity-section-4 .section-align .section-card .card-content .card-content-align img {
  padding-bottom: 15px;
  padding-top: 15px;
}
.infinity-section-4 .section-align .section-card .card-content .card-content-align p {
  font-weight: 600;
  padding-bottom: 15px;
}
.infinity-section-4 .section-align .section-card .card-container {
  border-top: solid 0.6rem;
  border-radius: 6px;
}
.infinity-section-4 .section-align .section-card .card-container .description-block {
  line-height: normal;
  padding: 0px 8px;
}
.infinity-section-4 .section-align .section-card .card-container .description-block p {
  margin-bottom: 0;
}
.infinity-section-4 .section-align .section-card .card-container .outcome-bottom {
  margin: 0;
  padding-top: 10px;
}
.infinity-section-4 .section-align .section-card .card-container .info-block {
  line-height: normal;
  padding: 0 8px;
  margin: 0 8px 8px 8px !important;
  width: 100%;
}
.infinity-section-4 .section-align .section-card .card-container .info-block span {
  font-size: 12px;
  margin-left: 10px;
  font-weight: bold;
  line-height: 19px;
}

.section-footer button {
  cursor: pointer;
  padding: 0;
  min-width: 240px;
  border: none;
  border-radius: 21px;
  height: 35px;
  margin-top: 2rem;
  background: #760153;
  color: #fff;
  font-size: 14px;
}
.section-footer button .section-btn-arrow {
  display: initial !important;
}
.section-footer button:focus {
  outline: none;
}

.infinity-section-5 {
  overflow: hidden;
  background-color: #F6F7F5;
}
.infinity-section-5 .section-title {
  color: #AB2286;
}
.infinity-section-5 .feedback-card {
  overflow: hidden;
}
.infinity-section-5 .feedback-card .apply-effect {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-animation: slide 1s forwards;
          animation: slide 1s forwards;
}
.infinity-section-5 .feedback-card .move-feedBack-animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.infinity-section-5 .section-card.apply-effect {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.infinity-section-5 .section-card-content {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.infinity-section-5 .section-card-content.apply-effect {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-animation: slide 1s forwards;
          animation: slide 1s forwards;
}
.infinity-section-5 .section-card-content .customer-name {
  color: #000;
  font-size: 1.5rem;
}
.infinity-section-5 .section-card-content .customer-designation {
  color: #6C5D56;
  font-weight: bold;
  margin-left: 10px;
  font-size: 14px;
}
@-webkit-keyframes slide {
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes slide {
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.tracking-info-icon {
  width: 20px;
  background-color: #760153;
  height: 20px;
  border-radius: 100%;
  margin: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  float: left;
}
.tracking-info-icon .a {
  fill: #fff;
  -webkit-transform: translate(9px, -9px) scale(0.7);
          transform: translate(9px, -9px) scale(0.7);
}

.non-infinity-user {
  background-color: #760153;
  color: #fff;
  overflow: hidden;
}
.non-infinity-user .infinity-title {
  text-align: left;
  margin-top: 50px;
  line-height: 50px;
}
.non-infinity-user .infinity-content1 {
  width: 70%;
}
.non-infinity-user .infinity-content2 {
  width: 80%;
  margin-bottom: 2rem;
}
.non-infinity-user .infinity-img {
  position: absolute;
  top: 0;
  right: -153px;
  max-height: 400px;
  overflow: hidden;
}
.non-infinity-user .infinity-img img {
  position: relative;
  top: -231px;
  width: 600px;
}
.non-infinity-user .infinity-bgcolor {
  background-color: #f6f7f5;
}
.non-infinity-user .infinity-casestudy {
  margin-top: 30px;
}
.non-infinity-user .background--image.background--image--strip-l.background--image--strip-top {
  height: 64%;
}
.non-infinity-user .view-all {
  float: right;
  margin-top: 15px;
}

.infinity-common {
  background-color: #fff !important;
  color: #fff;
  overflow: hidden;
}
.infinity-common .about-infinity {
  position: static;
}
.infinity-common .infinity-title {
  text-align: left;
  padding-top: 50px;
  line-height: 50px;
  color: #0B4B52;
  text-transform: uppercase;
}
.infinity-common .infinity-title span {
  color: #00869D;
}
.infinity-common .infinity-content1 {
  width: 100%;
  color: #0B4B52;
}
.infinity-common .infinity-content2 {
  width: 100%;
  margin-bottom: 2rem;
  color: #4A4A4A;
}
.infinity-common .infinity-img {
  max-height: 400px;
  overflow: hidden;
  float: right;
}
.infinity-common .infinity-img img {
  position: relative;
  top: -231px;
  width: 600px;
  right: 10px;
}
.infinity-common .infinity-bgcolor {
  background-color: #f6f7f5;
}
.infinity-common .infinity-casestudy {
  margin-top: 30px;
}
.infinity-common .background--image.background--image--strip-l.background--image--strip-top {
  height: 100%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.infinity-common .view-all {
  float: right;
  margin-top: 15px;
}
.infinity-common ul {
  list-style: disc;
}
.infinity-common .blueBg {
  background: #00869d;
}
.infinity-common .greyBg {
  background-color: #F6F7F5;
}
.infinity-common .infinity-section-3 h4 {
  color: #ffffff !important;
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: bold !important;
  text-transform: uppercase;
}
.infinity-common .infinity-section-3 .section-align .pathway-left-content {
  width: 100%;
}
.infinity-common .infinity-section-3 .section-align .pathway-right-content {
  margin: 0 0 0 20px;
  padding: 0;
}
.infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container {
  height: auto;
  width: auto;
}
.infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides, .infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy {
  padding: 0;
}
.infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides img,
.infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides video, .infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy img,
.infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy video {
  width: 100%;
}
.infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides video, .infinity-common .infinity-section-3 .section-align .pathway-right-content .infinity-slideshow-container .mySlides-copy video {
  background: #a2a0a0;
  -o-object-fit: cover;
     object-fit: cover;
}
.infinity-common .infinity-section-3 .gallary-title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold !important;
  line-height: 1.4;
}
.infinity-common .infinity-section-3.blueBg .gallary-title, .infinity-common .infinity-section-3.blueBg h4 {
  color: #ffffff !important;
}
.infinity-common .infinity-section-3.blueBg .section-align .pathway-left-content .pathway-content-1, .infinity-common .infinity-section-3.blueBg .section-align .pathway-left-content .pathway-content-2 {
  color: #ffffff !important;
}
.infinity-common .infinity-section-3.blueBg .section-align .pathway-right-content .active {
  background-color: #ffffff;
}
.infinity-common .infinity-section-3.blueBg .read-more a {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.infinity-common .infinity-section-3.blueBg .read-more a:hover {
  color: #00869d;
  text-decoration: none;
  background: #ffffff;
}
.infinity-common .infinity-section-3.blueBg .bluebr-downloadcontainer .download-doc-btn-aem .text-holder, .infinity-common .infinity-section-3.blueBg .bluebr-downloadcontainer .download-doc-btn-aem .icon-holder {
  border-color: #ffffff;
}
.infinity-common .infinity-section-3.blueBg .blue-download-doc .download-doc-btn-aem .text-holder {
  background-color: #00869d;
  border-color: #ffffff;
}
.infinity-common .infinity-section-3.blueBg .blue-download-doc .download-doc-btn-aem .icon-holder svg g path.a {
  fill: #00869d !important;
}
.infinity-common .infinity-section-3.blueBg .section-align .pathway-right-content .prevSlide, .infinity-common .infinity-section-3.blueBg .section-align .pathway-right-content .prevSlide-copy,
.infinity-common .infinity-section-3.blueBg .section-align .pathway-right-content .nextSlide, .infinity-common .infinity-section-3.blueBg .section-align .pathway-right-content .nextSlide-copy {
  padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  color: #AB2286;
}
.infinity-common .infinity-section-3.blueBg .section-align .pathway-right-content .nextSlide, .infinity-common .infinity-section-3.blueBg .section-align .pathway-right-content .nextSlide-copy {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.infinity-common .infinity-section-3.greyBg .gallary-title {
  color: #00869d !important;
}
.infinity-common .infinity-section-3.greyBg h4 {
  color: #4a4a4a !important;
}
.infinity-common .infinity-section-3.greyBg .section-align .pathway-left-content .pathway-content-1, .infinity-common .infinity-section-3.greyBg .section-align .pathway-left-content .pathway-content-2 {
  color: #4a4a4a !important;
}
.infinity-common .infinity-section-3.greyBg .section-align .pathway-right-content .active {
  background-color: #00869d;
}
.infinity-common .infinity-section-3.greyBg .bluebr-downloadcontainer .download-doc-btn-aem .text-holder, .infinity-common .infinity-section-3.greyBg .bluebr-downloadcontainer .download-doc-btn-aem .icon-holder {
  border-color: #00869d;
}
.infinity-common .infinity-section-3.greyBg .blue-download-doc .download-doc-btn-aem .text-holder {
  background-color: #00869d;
  border-color: #00869d;
}
.infinity-common .infinity-section-3.greyBg .blue-download-doc .download-doc-btn-aem .icon-holder svg g path.a {
  fill: #00869d !important;
}
.infinity-common .infinity-section-3.greyBg .section-align .pathway-right-content .prevSlide, .infinity-common .infinity-section-3.greyBg .section-align .pathway-right-content .prevSlide-copy,
.infinity-common .infinity-section-3.greyBg .section-align .pathway-right-content .nextSlide, .infinity-common .infinity-section-3.greyBg .section-align .pathway-right-content .nextSlide-copy {
  padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  color: #AB2286;
}
.infinity-common .infinity-section-3.greyBg .section-align .pathway-right-content .nextSlide, .infinity-common .infinity-section-3.greyBg .section-align .pathway-right-content .nextSlide-copy {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.infinity-common .infinity-section-3 .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.infinity-common .infinity-section-3 .button-wrapper .read-more {
  padding-right: 15px;
}
.infinity-common .infinity-section-3 .button-wrapper .container-fluid {
  padding-left: 0;
}
.infinity-common .detailbannercontainer h5 {
  font-size: 2.25rem;
  color: #00869d !important;
}
.infinity-common .detailbannercontainer .card-wrapper p {
  color: #4a4a4a;
}
.infinity-common .detailbannercontainer .card-wrapper > div {
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;
}
.infinity-common #atsourceInfinityStories .impact-stories-container .impact-container-fluid .story-card .card-left-content .card__inner-title, .infinity-common #atsourceInfinityStories .impact-stories-container .impact-container-fluid .story-card .card-left-content .card__inner-content {
  color: #4A4A4A;
}
.infinity-common #atsourceInfinityStories .article-card__title, .infinity-common #atsourceInfinityStories .article-card__copy {
  color: #4A4A4A;
}

.infinitytooltipcls {
  font-size: 12px !important;
  background: #760153 !important;
  min-width: 20% !important;
  color: white !important;
  border-radius: 0px !important;
  padding: 10px !important;
  word-wrap: break-all !important;
}
.infinitytooltipcls:after {
  border-color: #760153 transparent transparent !important;
}

.infinitytooltipclsoga {
  font-size: 12px !important;
  background: #2E2D2C !important;
  min-width: 20% !important;
  color: white !important;
  border-radius: 0px !important;
  padding: 10px !important;
  word-wrap: break-all !important;
}
.infinitytooltipclsoga:after {
  border-color: #2E2D2C transparent transparent !important;
}
.infinitytooltipclsoga.tooltip-top {
  margin-left: 0px;
}

.tracking-tooltip {
  display: inline-block;
  z-index: 1;
}

.tracking-tooltip .tracking-tooltiptext {
  display: none;
  width: 290px;
  background-color: #760153;
  color: #fff;
  text-align: center;
  padding: 5px;
  position: absolute;
  left: -135px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-size: 12px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tracking-tooltip .tracking-tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #760153 transparent transparent transparent;
}

.tracking-tooltip:hover .tracking-tooltiptext {
  display: block;
  opacity: 1;
}

video:focus {
  outline: none;
}

.infinity-map-container .infoBox {
  width: 200px !important;
  position: relative;
}

.oga_infinity .infinity {
  background-color: #2E2D2C;
}
.oga_infinity .infinity-title {
  font-size: 43px;
  text-transform: capitalize !important;
  font-family: "GT-Walsheim-Pro-Black", sans-serif !important;
}
.oga_infinity .infinity .project-title {
  font-size: 21px;
  font-family: "gt_walsheim_promedium", sans-serif !important;
  margin-bottom: -20px;
  margin-top: 25px;
}
.oga_infinity .infinity-content1 {
  font-size: 18px !important;
  font-family: "GT Walsheim,Regular", sans-serif !important;
  opacity: 0.76 !important;
  width: 100%;
}
.oga_infinity .infinity-content2 {
  font-size: 18px !important;
  font-family: "GT Walsheim,Regular", sans-serif !important;
  opacity: 0.76 !important;
  width: 100%;
}
.oga_infinity .infinity-img {
  position: static;
  max-height: 400px;
  overflow: hidden;
  float: right;
}
.oga_infinity .infinity-img img {
  border-radius: 0px 53px;
  top: 0;
  width: 366px;
  margin-top: 30px;
}
.oga_infinity_section_2 .infinity-section-2 .left-content .section-title {
  color: #222222;
  font-size: 43px;
  width: 10%;
  text-transform: capitalize !important;
  font-family: "GT Walsheim,Bold", sans-serif !important;
}
.oga_infinity_section_2 .infinity-section-2 .left-content .goal-section-points .points-design {
  background-color: #555555 !important;
}
.oga_infinity_section_2 .infinity-section-2 .left-content .goal-section-points .points-content p {
  color: #555555 !important;
  font-size: 18px;
}
.oga_infinity_section_2 .infinity-section-2 .right-content .fact-table-content .table-title {
  border: 2px solid #FF7000 !important;
  background: #FF7000 !important;
}
.oga_infinity_section_2 .infinity-section-2 .right-content .fact-table-content .table-content {
  border: 2px solid #FF7000 !important;
}
.oga_infinity_section_2 .infinity-section-2 .right-content .fact-table-content .table-content .span-1 {
  color: #222222 !important;
  font-weight: 400;
}
.oga_infinity_section_2 .infinity-section-2 .right-content .fact-table-content .table-content .span-2 {
  color: #000000 !important;
  font-weight: 500;
}
.oga_infinity .infinity-section-3 .section-align .infinity-pathway-title {
  color: #2E2D2C !important;
  font-size: 32px;
  text-transform: none !important;
  font-family: "GT Walsheim,Bold", sans-serif !important;
}
.oga_infinity .infinity-section-3 .section-align .pathway-left-content .pathway-content-1, .oga_infinity .infinity-section-3 .section-align .pathway-left-content .pathway-content-2 {
  color: #707070;
  font-size: 18px;
}
.oga_infinity .infinity-section-3 .section-align .pathway-left-content .pathway-points-design {
  background-color: #555555;
}
.oga_infinity .infinity-section-3 .section-align .pathway-left-content .pathway-points-content p {
  color: #707070;
  font-size: 18px;
  letter-spacing: 0px;
}
.oga_infinity .infinity-section-3 .section-align .pathway-right-content .active {
  background-color: #FF7000;
}
.oga_infinity .infinity-section-4 {
  background-color: #E3E3E3;
}
.oga_infinity .infinity-section-4 .section-align .section-title h1 {
  color: #2E2D2C;
  margin-bottom: 50px;
  text-transform: capitalize !important;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content {
  border-radius: 6px;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .content-border-1 {
  border-top-color: #FF7000 !important;
  margin-top: -22px;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .content-border-1 .card-title-label {
  text-transform: capitalize !important;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .content-border-2 {
  border-top-color: #FF7000 !important;
  margin-top: -22px;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .content-border-3 {
  border-top-color: #FF7000 !important;
  margin-top: -22px;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-title:last-child {
  margin: 0px;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-title .shape-curve-left {
  background: rgba(13, 13, 13, 0.1098039216);
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-title .shape-curve-right {
  background: rgba(13, 13, 13, 0.1098039216);
  right: 15px;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-content .tracking-now-content {
  background-color: rgba(13, 13, 13, 0.1098039216);
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-content .tracking-now-content p {
  color: #FF7000;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-content .tracking-now-title {
  color: #2E2D2C;
  margin-left: -100px !important;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-content .tracking-target-title {
  color: #FF7000;
  margin-left: -49px !important;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-content .tracking-target-content {
  background-color: #FF7000;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-content .description-block {
  line-height: normal;
  color: #555555;
  padding: 0px 8px;
}
.oga_infinity .infinity-section-4 .section-align .section-card .section-card-content .card-content .card-content-align img {
  -webkit-filter: invert(28%) sepia(0%) saturate(300%) hue-rotate(418deg) brightness(200%) contrast(150%);
          filter: invert(28%) sepia(0%) saturate(300%) hue-rotate(418deg) brightness(200%) contrast(150%);
}
.oga_infinity .infinity-section-4 .section-align .section-card .card-container .outcome-bottom {
  margin-bottom: 40px;
}
.oga_infinity .infinity-section-5 .section-align .section-title {
  color: #222222;
  font-family: "GT Walsheim,Bold", sans-serif !important;
}
.oga_infinity .infinity-section-5 .section-align .section-title .oga_text {
  text-transform: none !important;
}
.oga_infinity .infinity-section-5 .section-align .feedback-card .text-center:first-child {
  color: #4A4A4A;
  opacity: 0.9;
}
.oga_infinity .tracking-info-icon {
  width: 20px;
  background-color: #FF7000;
  height: 20px;
  border-radius: 100%;
  margin: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  float: left;
}
.oga_infinity .tracking-info-icon .a {
  fill: #fff !important;
  -webkit-transform: translate(9px, -9px) scale(0.7);
          transform: translate(9px, -9px) scale(0.7);
}
.oga_infinity .section-footer button {
  border-radius: 2px;
  background: #000105;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.oga_infinity .section-footer button:hover {
  border-top-left-radius: 27px;
}
.oga_infinity .section-footer button:focus {
  outline: none;
}

.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 a.rd-more-link.right {
  margin-left: 0 !important;
}
.oga_ats_in #infinity-login-detailbanner .background--image--strip-l {
  background: transparent !important;
}
.oga_ats_in #infinity-login-detailbanner h5.text--color-dark-violet.pt-3.pb-3 {
  color: #222222 !important;
  font-size: 32px;
  text-align: center;
  font-family: GTWalsheimProBold;
}
.oga_ats_in .plain-card.plain-card--shadow-l {
  margin-top: 0 !important;
  border-radius: 0 27px;
  height: 252px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.oga_ats_in .plain-card.plain-card--shadow-l p {
  color: #555555;
}
.oga_ats_in #infinity-login-detailbanner .plain-card h2 {
  color: #222222 !important;
  font-size: 20px;
  margin-left: 60px;
  font-family: GTWalsheimProBold, sans-serif;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.oga_ats_in #infinity-login-detailbanner .plain-card h2:before {
  content: "";
  width: 39px;
  height: 44px;
  background: #000;
  left: 35px;
  position: absolute;
}
.oga_ats_in #infinity-login-detailbanner .background--image--strip-l {
  background: transparent !important;
}
.oga_ats_in #infinity-login-detailbanner h5.text--color-dark-violet.pt-3.pb-3 {
  color: #222222 !important;
  font-size: 32px;
  text-align: center;
  font-family: GTWalsheimProBold;
}
.oga_ats_in .plain-card.plain-card--shadow-l {
  margin-top: 0 !important;
  border-radius: 0 27px;
  height: 252px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.oga_ats_in #infinity-login-detailbanner .plain-card h2 {
  color: #222222 !important;
  font-size: 20px;
  margin-left: 60px;
  font-family: GTWalsheimProBold, sans-serif;
}
.oga_ats_in #infinity-login-detailbanner .plain-card h2:before {
  content: "";
  width: 39px;
  height: 44px;
  background: none;
  left: 35px;
  position: absolute;
  background-image: url(../../../content/dam/olam/atsource/resources/Health-and-Safety.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-filter: invert(27%) sepia(92%) saturate(1696%) hue-rotate(485deg) brightness(99%) contrast(101%);
          filter: invert(27%) sepia(92%) saturate(1696%) hue-rotate(485deg) brightness(99%) contrast(101%);
}
.oga_ats_in .text--size-l.font-weight-light.text--color-light-black {
  color: #555555;
  opacity: 0.9;
  font-family: GT Walsheim, Regular;
  font-size: 18px !important;
}
.oga_ats_in .text--size-l.font-weight-light.text--color-light-black ul li {
  font-size: 18px !important;
}
.oga_ats_in .text-link--arrow-right::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px !important;
  right: -3px;
  height: 15px;
  width: 20px;
  background-image: url(clientlib-all/css/resources/img/right-arrow-violet.svg);
  background-repeat: no-repeat;
  background-position: cover;
}
.oga_ats_in h4.display-2.text-uppercase.text--color-blue {
  color: #222222 !important;
  font-size: 32px;
  font-family: GTWalsheimProBold;
}
.oga_ats_in div#infinity-login-greyBg .gallary-title p {
  color: #555555 !important;
  position: absolute;
  right: -178px;
  font-family: gt_walsheim_promedium, sans-serif;
  font-weight: normal !important;
  text-transform: none !important;
}
.oga_ats_in div#infinity-login-greyBg .section-align .pathway-right-content .gallary-title {
  position: absolute;
  right: 0;
  width: 100%;
}
.oga_ats_in div#infinity-login-greyBg .section-align .pathway-right-content .gallary-title:before {
  content: "";
  width: 60%;
  height: 1px;
  background: #555555;
  position: absolute;
  right: -100%;
  top: 11px;
}
.oga_ats_in div#infinity-login-greyBg img, .oga_ats_in div#infinity-login-blueBg img {
  border-radius: 0 53px;
}
.oga_ats_in div#infinity-login-greyBg .content-wrapper h4, .oga_ats_in div#infinity-login-blueBg .content-wrapper h4 {
  font-family: GTWalsheimProBold;
  font-size: 32px;
  color: #222222;
}
.oga_ats_in div#infinity-login-greyBg .content-wrapper h4, .oga_ats_in div#infinity-login-blueBg .content-wrapper h4 {
  padding-top: 40px;
}
.oga_ats_in .infinity-section-3 {
  background-color: #fff;
}
.oga_ats_in .content-wrapper {
  width: 100%;
}
.oga_ats_in div#infinity-login-greyBg img, .oga_ats_in div#infinity-login-blueBg img {
  border-radius: 0 53px;
}
.oga_ats_in div#infinity-login-greyBg .section-align .pathway-right-content .gallary-title {
  position: absolute;
  right: 0;
  width: 100%;
}
.oga_ats_in div#infinity-login-blueBg {
  background: #fff;
}
.oga_ats_in div#infinity-login-greyBg .section-align .pathway-right-content .gallary-title:before {
  content: "";
  width: 65%;
  height: 1px;
  background: #555555;
  position: absolute;
  right: -97%;
  top: 11px;
}
.oga_ats_in .blueBg .gallary-title:before {
  content: "";
  width: 62%;
  height: 1px;
  background: #555555;
  position: absolute;
  left: -68%;
  top: 11px;
}
.oga_ats_in div#infinity-login-blueBg .gallary-title p {
  color: #555555 !important;
  position: absolute;
  left: -100%;
  font-family: gt_walsheim_promedium, sans-serif;
  font-weight: normal !important;
  text-transform: none !important;
}
.oga_ats_in div#infinity-login-greyBg .content-wrapper h4, .oga_ats_in div#infinity-login-blueBg .content-wrapper h4 {
  font-family: GTWalsheimProBold;
  font-size: 32px;
  color: #222222;
}
.oga_ats_in div#infinity-login-greyBg .content-wrapper h4, .oga_ats_in div#infinity-login-blueBg .content-wrapper h4 {
  padding-top: 40px;
}
.oga_ats_in .infinity-section-3 .section-align .pathway-left-content .pathway-content-1, .oga_ats_in .infinity-section-3 .section-align .pathway-left-content .pathway-content-2 {
  font-size: 18px;
  color: #555555 !important;
  font-family: GT Walsheim, Regular, sans-serif;
  opacity: 0.9;
  display: -webkit-box;
}
.oga_ats_in div#infinity-login-greyBg .gallary-title p {
  color: #555555 !important;
  position: absolute;
  right: -140px;
  font-family: gt_walsheim_promedium, sans-serif;
  font-weight: normal !important;
  text-transform: none !important;
  font-size: 18px !important;
}
.oga_ats_in .infinity-section-3 .section-align {
  padding-bottom: 0;
}
.oga_ats_in section#infinity-login-banner {
  background: #2e2d2c;
}
.oga_ats_in .text--size-l.infinity-content1 {
  font-size: 21px;
  font-family: gt_walsheim_promedium, sans-serif;
  font-weight: normal;
  width: 57% !important;
}
.oga_ats_in .infinity-content2 {
  font-family: GT Walsheim, "GT Walsheim,Regular";
  font-size: 18px;
  opacity: 0.76;
  line-height: 1.75;
  font-weight: normal;
  width: 57% !important;
}
.oga_ats_in #infinity-login-banner .infinity-img {
  margin-right: 4% !important;
  float: right;
  position: static;
  margin-top: 5%;
}
.oga_ats_in .infinity .infinity-img img {
  position: relative;
  top: 0;
  width: 500px;
  border-radius: 0 53px;
}
.oga_ats_in span.text-holder {
  background-color: #ff7000;
  border-color: #ff7000 !important;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.oga_ats_in span.text-holder:hover {
  border-radius: 3.125rem 0 0 0px !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.oga_ats_in .span.icon-holder {
  border-color: #ff7000;
  border-radius: 0;
}
.oga_ats_in .icon-holder svg {
  -webkit-filter: invert(27%) sepia(92%) saturate(1696%) hue-rotate(365deg) brightness(99%) contrast(101%);
          filter: invert(27%) sepia(92%) saturate(1696%) hue-rotate(365deg) brightness(99%) contrast(101%);
}
.oga_ats_in a.rd-more-link {
  display: inline-block;
  width: 100px;
  position: absolute;
  bottom: 15px;
  font-family: "gt_walsheim_promedium";
  color: #FF7000 !important;
  font-size: 16px;
  text-decoration: none;
}
.oga_ats_in .back-button {
  background-color: #FF7000;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  margin: 0 auto 0 6px;
  display: none;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.oga_ats_in .back-button span {
  width: 6px;
  height: 6px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  float: left;
  left: 1.5px;
  -webkit-box-shadow: -1px 1px #FFFFFF;
          box-shadow: -1px 1px #FFFFFF;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  top: 4px;
}
.oga_ats_in li::marker {
  color: #222222;
}
.oga_ats_in .text--size-l.font-weight-light.text--color-light-black a {
  color: #222;
  text-decoration: underline;
}
.oga_ats_in .text--size-l.font-weight-light.text--color-light-black b {
  color: #222;
}
.oga_ats_in .text--size-l.font-weight-light.text--color-light-black p {
  font-size: 18px !important;
  color: #555555 !important;
}
.oga_ats_in .text-uppercase {
  text-transform: none !important;
}
.oga_ats_in #infinity-login-greyBg .rd-more-link {
  right: 38.5%;
  bottom: 30px !important;
}
.oga_ats_in .download-doc-btn-aem span.icon-holder {
  border-color: #ff7000;
  border-radius: 0;
}
.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  display: grid !important;
  grid-template-columns: 0% 0;
}
.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 a {
  display: inline-block;
  width: 102px;
  position: absolute;
  bottom: 33px;
  font-family: "gt_walsheim_promedium";
  color: #FF7000 !important;
  font-size: 16px;
  text-decoration: none;
  padding: 0;
  border: 0px;
  margin-left: 10px !important;
  text-align: left;
}
.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 .read-more {
  padding-left: 10px;
}
.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 a:hover {
  background: transparent;
}
.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 a:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  right: 2px;
  height: 17px;
  width: 17px;
  background-color: #ff7000;
  border-radius: 5px;
}
.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 a:after {
  width: 6px;
  height: 6px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  right: 10px;
  -webkit-box-shadow: -1px 1px #FFFFFF;
  box-shadow: -1px 1px #FFFFFF;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  top: 9px;
  content: "";
}
.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 .right a {
  left: 7px;
  top: 0px;
  color: #ff7000 !important;
  margin-left: 20px !important;
}
.oga_ats_in .pathway-left-content .button-wrapper.blue-download-doc.bluebr-downloadcontainer.pb-3 .read-more.right {
  position: relative;
  width: 100%;
  height: 10px;
  left: -34.5em;
  top: -15px;
}

#infinity_oga .article-card {
  height: 462px;
  border-radius: 0px 41px;
  position: relative;
}
#infinity_oga .article-card__img {
  border-top-right-radius: 41px;
  height: 132px;
}
#infinity_oga .article-card__body {
  border-bottom-left-radius: 41px;
  border-bottom-right-radius: 0px;
  padding: 20px;
  -webkit-box-shadow: 0px 2px 9px rgba(13, 13, 13, 0.1098039216);
          box-shadow: 0px 2px 9px rgba(13, 13, 13, 0.1098039216);
}
#infinity_oga .article-card__body .article-card__copy {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  font-family: "GT Walsheim,Regular";
  margin-top: -13px;
}
#infinity_oga .article-card__title {
  color: #555555;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}
#infinity_oga a.rd-more-link {
  display: inline-block;
  width: 100px;
  position: absolute;
  bottom: 29px;
  font-family: "gt_walsheim_promedium";
  color: #FF7000;
  font-size: 16px;
  text-decoration: none;
}
#infinity_oga .back-button {
  background-color: #FF7000;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  margin: 0 auto 0 6px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 2px;
}
#infinity_oga .back-button span {
  width: 6px;
  height: 6px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  float: left;
  left: 1.5px;
  -webkit-box-shadow: -1px 1px #FFFFFF;
          box-shadow: -1px 1px #FFFFFF;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  top: 4px;
}
#infinity_oga .atsource-infinity-label {
  background: #FED4B3;
  border-radius: 3px;
  color: #2E2D2C;
  font-size: 9px;
  padding: 5px 10px 5px 10px;
  margin: 14px 0 0 18px;
  font-family: "GT Walsheim,Regular";
}
#infinity_oga .text--size-l {
  opacity: 0.9;
  font-size: 18px;
  color: #555555;
  font-family: "GT Walsheim,Regular";
}
#infinity_oga .infinity-view-link a {
  color: #ff7000;
}
#infinity_oga .infinity-view-link a::before {
  -webkit-filter: invert(30%) sepia(0%) saturate(290%) hue-rotate(418deg) brightness(130%) contrast(101%);
          filter: invert(30%) sepia(0%) saturate(290%) hue-rotate(418deg) brightness(130%) contrast(101%);
}
#infinity_oga .display-2 {
  font-size: 32px;
  text-transform: none !important;
}
#infinity_oga h2 {
  text-transform: none !important;
}

.sustainability-sub-sec-3#impact_oga .card__inner-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.oga_ats_impact h2.display-2.text-uppercase {
  color: #222222 !important;
  font-size: 32px;
  text-transform: none !important;
}
.oga_ats_impact p.text--size-l.font-weight-light {
  opacity: 0.9;
  font-size: 18px;
  color: #555555;
  font-family: "GT Walsheim,Regular";
}
.oga_ats_impact section.background--color-light-grey.pt-5.articleaggregation-wrapper.hide-infinityStories {
  background: #ffffff;
  padding-top: 25px !important;
}
.oga_ats_impact .article-card {
  height: 462px;
  border-radius: 0px 41px;
  position: relative;
}
.oga_ats_impact .article-card__img {
  border-top-right-radius: 41px;
  height: 132px !important;
}
.oga_ats_impact label.atsource-infinit-label {
  background: #FED4B3;
  border-radius: 3px;
  color: #2E2D2C;
  font-size: 9px;
  padding: 5px 10px 5px 10px;
  margin: 14px 0 0 18px;
  font-family: "GT Walsheim,Regular";
}
.oga_ats_impact label.atsource-infinity-label {
  background: #FED4B3 !important;
  border-radius: 3px;
  color: #2E2D2C;
  font-size: 9px;
  padding: 3px 10px 5px 10px;
  margin: 14px 0 0 18px;
  font-family: "GT Walsheim,Regular";
  position: absolute;
  left: 10px;
  top: 10px;
}
.oga_ats_impact .article-card__body {
  border-bottom-left-radius: 41px;
  border-bottom-right-radius: 0px;
  padding: 20px;
  -webkit-box-shadow: 0px 2px 9px rgba(13, 13, 13, 0.1098039216);
          box-shadow: 0px 2px 9px rgba(13, 13, 13, 0.1098039216);
}
.oga_ats_impact a.text-link.text-link--arrow-right {
  display: inline-block;
  width: 98px;
  position: absolute;
  bottom: 29px;
  font-family: "gt_walsheim_promedium";
  color: #FF7000;
  font-size: 16px;
  text-decoration: none;
  padding: 0;
}
.oga_ats_impact p.article-card__copy {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  font-family: "GT Walsheim,Regular";
  margin-top: -13px;
}
.oga_ats_impact .text-link--arrow-right:after {
  width: 6px;
  height: 6px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  right: 5px;
  /* left: 1.5px; */
  -webkit-box-shadow: -1px 1px #FFFFFF;
          box-shadow: -1px 1px #FFFFFF;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  top: 9px;
  content: "";
}
.oga_ats_impact .container-fluid.pb-5.px-3.pt-5 {
  padding-top: 0 !important;
}
.oga_ats_impact .infinity-view-link a.text-link.text-link--arrow-right {
  width: 130px;
  right: 245px !important;
}
.oga_ats_impact .text-link--arrow-right:before {
  background-image: none !important;
  background-color: #ff7000;
  width: 17px;
  height: 17px;
  border-radius: 5px;
  -webkit-filter: none !important;
          filter: none !important;
}

.percentage-circle {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/ */
  background-image: #ECEEF4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background-image: -webkit-gradient(linear, left top, right top, from(#ECEEF4), color-stop(50%, #ECEEF4), color-stop(50%, #dc58a2), to(#dc58a2));
  background-image: linear-gradient(to right, #ECEEF4 0%, #ECEEF4 50%, #dc58a2 50%, #dc58a2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
  position: relative;
  width: 110px;
  height: 110px;
  background-color: #ECEEF4;
  border-radius: 50%;
  margin: 0px 47px;
}
.percentage-circle:before, .percentage-circle:after {
  content: "";
  display: block;
}
.percentage-circle:before {
  margin-left: 50%;
  height: 100%;
  -webkit-transform-origin: left;
          transform-origin: left;
  border-radius: 0 100% 100% 0/50%;
}
.percentage-circle:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background: white;
  width: 80px;
  height: 80px;
  z-index: 10;
}
.percentage-circle span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(2px);
  transform: translateX(2px);
  display: block;
  width: 100%;
  height: 20px;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  z-index: 50;
  font-weight: 700;
}

.percentage-circle.circle-red {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/ */
  background-image: #ECEEF4;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background-image: -webkit-gradient(linear, left top, right top, from(#ECEEF4), color-stop(50%, #ECEEF4), color-stop(50%, #a0c800), to(#a0c800));
  background-image: linear-gradient(to right, #ECEEF4 0%, #ECEEF4 50%, #a0c800 50%, #a0c800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}
.percentage-circle.circle-red span {
  color: rgb(7.9838709677, 54.435483871, 59.5161290323);
}

.circle-1:before {
  background-color: inherit;
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.circle-2:before {
  background-color: inherit;
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.circle-3:before {
  background-color: inherit;
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.circle-4:before {
  background-color: inherit;
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.circle-5:before {
  background-color: inherit;
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}

.circle-6:before {
  background-color: inherit;
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.circle-7:before {
  background-color: inherit;
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.circle-8:before {
  background-color: inherit;
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.circle-9:before {
  background-color: inherit;
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.circle-10:before {
  background-color: inherit;
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}

.circle-11:before {
  background-color: inherit;
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.circle-12:before {
  background-color: inherit;
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.circle-13:before {
  background-color: inherit;
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.circle-14:before {
  background-color: inherit;
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.circle-15:before {
  background-color: inherit;
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}

.circle-16:before {
  background-color: inherit;
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.circle-17:before {
  background-color: inherit;
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.circle-18:before {
  background-color: inherit;
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.circle-19:before {
  background-color: inherit;
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.circle-20:before {
  background-color: inherit;
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}

.circle-21:before {
  background-color: inherit;
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.circle-22:before {
  background-color: inherit;
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.circle-23:before {
  background-color: inherit;
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.circle-24:before {
  background-color: inherit;
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.circle-25:before {
  background-color: inherit;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.circle-26:before {
  background-color: inherit;
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.circle-27:before {
  background-color: inherit;
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.circle-28:before {
  background-color: inherit;
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.circle-29:before {
  background-color: inherit;
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.circle-30:before {
  background-color: inherit;
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}

.circle-31:before {
  background-color: inherit;
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.circle-32:before {
  background-color: inherit;
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.circle-33:before {
  background-color: inherit;
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.circle-34:before {
  background-color: inherit;
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.circle-35:before {
  background-color: inherit;
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}

.circle-36:before {
  background-color: inherit;
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.circle-37:before {
  background-color: inherit;
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.circle-38:before {
  background-color: inherit;
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.circle-39:before {
  background-color: inherit;
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.circle-40:before {
  background-color: inherit;
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}

.circle-41:before {
  background-color: inherit;
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.circle-42:before {
  background-color: inherit;
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.circle-43:before {
  background-color: inherit;
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.circle-44:before {
  background-color: inherit;
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.circle-45:before {
  background-color: inherit;
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}

.circle-46:before {
  background-color: inherit;
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.circle-47:before {
  background-color: inherit;
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.circle-48:before {
  background-color: inherit;
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.circle-49:before {
  background-color: inherit;
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.circle-50:before {
  background-color: inherit;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.description-1 {
  font-size: 1px;
}

.description-2 {
  font-size: 2px;
}

.description-3 {
  font-size: 3px;
}

.description-4 {
  font-size: 4px;
}

.description-5 {
  font-size: 5px;
}

.description-6 {
  font-size: 6px;
}

.description-7 {
  font-size: 7px;
}

.description-8 {
  font-size: 8px;
}

.description-9 {
  font-size: 9px;
}

.description-10 {
  font-size: 10px;
}

.description-11 {
  font-size: 11px;
}

.description-12 {
  font-size: 12px;
}

.description-13 {
  font-size: 13px;
}

.description-14 {
  font-size: 14px;
}

.description-15 {
  font-size: 15px;
}

.description-16 {
  font-size: 16px;
}

.description-17 {
  font-size: 17px;
}

.description-18 {
  font-size: 18px;
}

.description-19 {
  font-size: 19px;
}

.description-20 {
  font-size: 20px;
}

.circle-51:before {
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.circle-51.circle-red:before {
  background-color: #a0c800;
}

.circle-52:before {
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.circle-52.circle-red:before {
  background-color: #a0c800;
}

.circle-53:before {
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.circle-53.circle-red:before {
  background-color: #a0c800;
}

.circle-54:before {
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.circle-54.circle-red:before {
  background-color: #a0c800;
}

.circle-55:before {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.circle-55.circle-red:before {
  background-color: #a0c800;
}

.circle-56:before {
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.circle-56.circle-red:before {
  background-color: #a0c800;
}

.circle-57:before {
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.circle-57.circle-red:before {
  background-color: #a0c800;
}

.circle-58:before {
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.circle-58.circle-red:before {
  background-color: #a0c800;
}

.circle-59:before {
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.circle-59.circle-red:before {
  background-color: #a0c800;
}

.circle-60:before {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.circle-60.circle-red:before {
  background-color: #a0c800;
}

.circle-61:before {
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.circle-61.circle-red:before {
  background-color: #a0c800;
}

.circle-62:before {
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.circle-62.circle-red:before {
  background-color: #a0c800;
}

.circle-63:before {
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.circle-63.circle-red:before {
  background-color: #a0c800;
}

.circle-64:before {
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.circle-64.circle-red:before {
  background-color: #a0c800;
}

.circle-65:before {
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.circle-65.circle-red:before {
  background-color: #a0c800;
}

.circle-66:before {
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.circle-66.circle-red:before {
  background-color: #a0c800;
}

.circle-67:before {
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.circle-67.circle-red:before {
  background-color: #a0c800;
}

.circle-68:before {
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.circle-68.circle-red:before {
  background-color: #a0c800;
}

.circle-69:before {
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.circle-69.circle-red:before {
  background-color: #a0c800;
}

.circle-70:before {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}
.circle-70.circle-red:before {
  background-color: #a0c800;
}

.circle-71:before {
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.circle-71.circle-red:before {
  background-color: #a0c800;
}

.circle-72:before {
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.circle-72.circle-red:before {
  background-color: #a0c800;
}

.circle-73:before {
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.circle-73.circle-red:before {
  background-color: #a0c800;
}

.circle-74:before {
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.circle-74.circle-red:before {
  background-color: #a0c800;
}

.circle-75:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.circle-75.circle-red:before {
  background-color: #a0c800;
}

.circle-76:before {
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.circle-76.circle-red:before {
  background-color: #a0c800;
}

.circle-77:before {
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.circle-77.circle-red:before {
  background-color: #a0c800;
}

.circle-78:before {
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.circle-78.circle-red:before {
  background-color: #a0c800;
}

.circle-79:before {
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.circle-79.circle-red:before {
  background-color: #a0c800;
}

.circle-80:before {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}
.circle-80.circle-red:before {
  background-color: #a0c800;
}

.circle-81:before {
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.circle-81.circle-red:before {
  background-color: #a0c800;
}

.circle-82:before {
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.circle-82.circle-red:before {
  background-color: #a0c800;
}

.circle-83:before {
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.circle-83.circle-red:before {
  background-color: #a0c800;
}

.circle-84:before {
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.circle-84.circle-red:before {
  background-color: #a0c800;
}

.circle-85:before {
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}
.circle-85.circle-red:before {
  background-color: #a0c800;
}

.circle-86:before {
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.circle-86.circle-red:before {
  background-color: #a0c800;
}

.circle-87:before {
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.circle-87.circle-red:before {
  background-color: #a0c800;
}

.circle-88:before {
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.circle-88.circle-red:before {
  background-color: #a0c800;
}

.circle-89:before {
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.circle-89.circle-red:before {
  background-color: #a0c800;
}

.circle-90:before {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
.circle-90.circle-red:before {
  background-color: #a0c800;
}

.circle-91:before {
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.circle-91.circle-red:before {
  background-color: #a0c800;
}

.circle-92:before {
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.circle-92.circle-red:before {
  background-color: #a0c800;
}

.circle-93:before {
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.circle-93.circle-red:before {
  background-color: #a0c800;
}

.circle-94:before {
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.circle-94.circle-red:before {
  background-color: #a0c800;
}

.circle-95:before {
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}
.circle-95.circle-red:before {
  background-color: #a0c800;
}

.circle-96:before {
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.circle-96.circle-red:before {
  background-color: #a0c800;
}

.circle-97:before {
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.circle-97.circle-red:before {
  background-color: #a0c800;
}

.circle-98:before {
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.circle-98.circle-red:before {
  background-color: #a0c800;
}

.circle-99:before {
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.circle-99.circle-red:before {
  background-color: #a0c800;
}

.circle-100:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.circle-100.circle-red:before {
  background-color: #a0c800;
}

#arrow svg {
  color: #fff;
  enable-background: new 0 0 41.999 41.999;
  height: 15px;
  width: 15px;
  fill: #eee;
  position: absolute;
  top: 0px;
}

#right-arrow {
  width: 15px;
  position: relative;
  bottom: 100%;
  margin-left: 50%;
  height: 100%;
  -webkit-transform-origin: left;
          transform-origin: left;
}
#right-arrow svg#Capa_arrow {
  fill: #a0c800;
  -webkit-transform: translate(-4px, -1px);
          transform: translate(-4px, -1px);
}

/* width */
.description::-webkit-scrollbar {
  width: 8px !important;
}

/* Track */
.description::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

/* Handle */
.description::-webkit-scrollbar-thumb {
  background: #888 !important;
}

/* Handle on hover */
.description::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tileDescription {
  height: 55px;
}

.farmer-group-dashboard {
  background-color: #0b4b52;
  color: #FFF;
  min-height: 225px;
}
.farmer-group-dashboard > .container {
  padding-top: 15px;
  padding-bottom: 15px;
}
.farmer-group-dashboard h1,
.farmer-group-dashboard h2,
.farmer-group-dashboard h3 {
  color: #a0c800;
}
.farmer-group-dashboard h2 {
  font-family: "GT Walsheim,Bold", sans-serif !important;
}
.farmer-group-dashboard h3.fg-title {
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.farmer-group-dashboard button.fg-clear--btn {
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: normal;
  color: #00acc6;
  background: transparent;
  border: none;
}
.farmer-group-dashboard button.fg-clear--btn:disabled {
  cursor: default;
  opacity: 0.3;
}
.farmer-group-dashboard .info-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.farmer-group-dashboard .info-boxes #human-rights,
.farmer-group-dashboard .info-boxes #deforest-risk,
.farmer-group-dashboard .info-boxes #how-works {
  cursor: pointer;
  width: 278px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  border-radius: 12px;
  border: 1px solid #A0C800;
}
.farmer-group-dashboard .info-boxes #human-rights img,
.farmer-group-dashboard .info-boxes #deforest-risk img,
.farmer-group-dashboard .info-boxes #how-works img {
  height: 29px;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 10px;
  margin-right: 10px;
  border-right: 1px solid #A0C800;
  padding-right: 10px;
}
.farmer-group-dashboard .info-boxes #human-rights .info-img,
.farmer-group-dashboard .info-boxes #deforest-risk .info-img,
.farmer-group-dashboard .info-boxes #how-works .info-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.farmer-group-dashboard .info-boxes #human-rights .info-img img,
.farmer-group-dashboard .info-boxes #deforest-risk .info-img img,
.farmer-group-dashboard .info-boxes #how-works .info-img img {
  width: 30px;
  height: 30px !important;
  border-right: none !important;
}
.farmer-group-dashboard .info-boxes span {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 12px;
  color: #A0C800 !important;
  text-decoration: underline !important;
  text-transform: capitalize !important;
}

.breadcrumb {
  padding: 0px;
}
.breadcrumb li {
  font-size: 30px;
  color: #85a5a8;
  float: left;
  cursor: pointer;
  margin-right: 15px;
}
.breadcrumb li.active {
  color: #fff;
}

.factoryImg {
  background: url("resources/img/tick.png");
  background-repeat: no-repeat;
}

.contractbtnDiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 20px;
}

.divider {
  height: 2px;
  background-color: #cbcbcb;
  margin-bottom: 20px;
}

.figure-card-findout {
  position: relative;
  top: 1vh;
  font-size: 13px;
  color: #707070 !important;
  text-align: right;
  cursor: pointer;
  text-decoration: none !important;
}

.fg-table-text {
  font-size: 14px;
  font-weight: 500;
}

.fg-table {
  width: 100%;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  /*
  checkbox, group name, programme, origin, product, region
   */
}
.fg-table .fg-row {
  color: #4a4a4a;
  cursor: pointer;
  width: 100%;
  background-color: #f7ffd6;
  margin-bottom: 5px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.fg-table .fg-row--active {
  color: #fff;
  background-color: #a0c800;
}
.fg-table input {
  margin: -1px 0 0px;
  padding: 0;
  display: block;
}
.fg-table thead > tr > *:nth-child(1),
.fg-table tbody > tr > *:nth-child(1) {
  width: 5%;
}
.fg-table thead > tr > *:nth-child(2),
.fg-table tbody > tr > *:nth-child(2) {
  width: 22%;
}
.fg-table thead > tr > *:nth-child(3),
.fg-table tbody > tr > *:nth-child(3) {
  width: 22%;
}
.fg-table thead > tr > *:nth-child(4),
.fg-table tbody > tr > *:nth-child(4) {
  width: 17%;
}
.fg-table thead > tr > *:nth-child(5),
.fg-table tbody > tr > *:nth-child(5) {
  width: 15%;
}
.fg-table thead > tr > *:nth-child(6),
.fg-table tbody > tr > *:nth-child(6) {
  width: 17%;
}
.fg-table tbody {
  display: block;
  height: auto;
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Hide rows after 6 */
}
.fg-table.minimise .fg-table tbody {
  height: 320px;
}
.fg-table thead,
.fg-table tbody tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.fg-table thead td,
.fg-table thead th {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  vertical-align: bottom;
  border: 0;
  padding: 0;
}
.fg-table tbody td,
.fg-table tbody th {
  padding: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  position: relative;
  line-height: 12px;
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.fg-table span {
  padding: 12px 3px 11px;
  display: block;
  width: 100%;
  white-space: nowrap;
}
.fg-table td span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.fg-table th:first-child span {
  padding-left: 11px;
}
.fg-table tbody app-list-checkbox {
  pointer-events: none;
}
.fg-table .no-matches span {
  vertical-align: middle;
  text-align: center;
  padding: 16px 5px;
}
.fg-table__checkbox {
  cursor: pointer;
  margin: -4px 0 -3px;
  padding: 0;
}
.fg-table__checkbox input[type=checkbox] {
  display: none;
}
.fg-table__checkbox input[type=checkbox] + span {
  margin: 0;
  padding: 0;
  display: block;
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px;
  border: solid 2px #dce2cb;
  background-color: transparent;
  position: relative;
}
.fg-table__checkbox input[type=checkbox] + span:before {
  content: "";
  opacity: 0;
  position: absolute;
  display: block;
  left: 3px !important;
  bottom: -2px !important;
  width: 9px !important;
  height: 12px !important;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23000' stroke='%23000' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E");
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.fg-table__checkbox input[type=checkbox]:checked + span:before {
  opacity: 1;
}

.fgtable_oga_table .fg-table {
  width: 100%;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  border-top: 0px solid #A0C800 !important;
  border-bottom: 0px solid #0B4B52 !important;
  margin-bottom: 0px !important;
  /*
  checkbox, group name, programme, origin, product, region
   */
}
.fgtable_oga_table .fg-table .fg-row {
  color: #4a4a4a;
  cursor: pointer;
  width: 100%;
  background-color: #f7ffd6;
  margin-bottom: 5px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.fgtable_oga_table .fg-table .fg-row--active {
  color: #fff;
  background-color: #a0c800;
}
.fgtable_oga_table .fg-table input {
  margin: -1px 0 0px;
  padding: 0;
  display: block;
}
.fgtable_oga_table .fg-table thead > tr > *:nth-child(1),
.fgtable_oga_table .fg-table tbody > tr > *:nth-child(1) {
  width: 5%;
}
.fgtable_oga_table .fg-table thead > tr > *:nth-child(2),
.fgtable_oga_table .fg-table tbody > tr > *:nth-child(2) {
  width: 20%;
}
.fgtable_oga_table .fg-table thead > tr > *:nth-child(3),
.fgtable_oga_table .fg-table tbody > tr > *:nth-child(3) {
  width: 11%;
}
.fgtable_oga_table .fg-table thead > tr > *:nth-child(4),
.fgtable_oga_table .fg-table tbody > tr > *:nth-child(4) {
  width: 16%;
}
.fgtable_oga_table .fg-table thead > tr > *:nth-child(5),
.fgtable_oga_table .fg-table tbody > tr > *:nth-child(5) {
  width: 15%;
}
.fgtable_oga_table .fg-table thead > tr > *:nth-child(6),
.fgtable_oga_table .fg-table tbody > tr > *:nth-child(6) {
  width: 18%;
}
.fgtable_oga_table .fg-table thead > tr > *:nth-child(7),
.fgtable_oga_table .fg-table tbody > tr > *:nth-child(7) {
  width: 15%;
}
.fgtable_oga_table .fg-table tbody {
  display: block;
  height: auto;
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Hide rows after 6 */
}
.fg-table.minimise .fgtable_oga_table .fg-table tbody {
  height: 320px;
}
.fgtable_oga_table .fg-table thead,
.fgtable_oga_table .fg-table tbody tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.fgtable_oga_table .fg-table thead td,
.fgtable_oga_table .fg-table thead th {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  vertical-align: bottom;
  border: 0;
  padding: 0;
}
.fgtable_oga_table .fg-table tbody td,
.fgtable_oga_table .fg-table tbody th {
  padding: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  position: relative;
  line-height: 12px;
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.fgtable_oga_table .fg-table span {
  padding: 12px 3px 11px;
  display: block;
  width: 100%;
  white-space: nowrap;
}
.fgtable_oga_table .fg-table td span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.fgtable_oga_table .fg-table th:first-child span {
  padding-left: 11px;
}
.fgtable_oga_table .fg-table tbody app-list-checkbox {
  pointer-events: none;
}
.fgtable_oga_table .fg-table .no-matches span {
  vertical-align: middle;
  text-align: center;
  padding: 16px 5px;
}
.fgtable_oga_table .fg-table__checkbox {
  cursor: pointer;
  margin: -4px 0 -3px;
  padding: 0;
}
.fgtable_oga_table .fg-table__checkbox input[type=checkbox] {
  display: none;
}
.fgtable_oga_table .fg-table__checkbox input[type=checkbox] + span {
  margin: 0;
  padding: 0;
  display: block;
  width: 15px !important;
  height: 15px !important;
  border-radius: 4px;
  border: solid 2px #dce2cb;
  background-color: transparent;
  position: relative;
}
.fgtable_oga_table .fg-table__checkbox input[type=checkbox] + span:before {
  content: "";
  opacity: 0;
  position: absolute;
  display: block;
  left: 2px !important;
  bottom: -2px !important;
  width: 9px !important;
  height: 12px !important;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23FFFFFF'  stroke='%23FFFFFF'  d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E") !important;
}
.fgtable_oga_table .fg-table__checkbox input[type=checkbox]:checked + span:before {
  opacity: 1;
}

.fgtable_oga_table .fg-table__checkbox input[type=checkbox]:checked + span {
  background: -webkit-gradient(linear, left top, right top, from(#04BA71), to(#00A865)) !important;
  background: linear-gradient(to right, #04BA71, #00A865) !important;
}

.contract-header {
  padding: 20px 0px;
}
.backtocontractList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.backtocontractList span {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

.selectedContract {
  padding: 25px 0px;
}

.headerLabel {
  color: #A0C800;
  font-family: "GT Walsheim Pro, Medium", sans-serif;
}

.valueLabel {
  color: #c5d4d6;
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "GT Walsheim,Bold", sans-serif !important;
}
.valueLabel.farm-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.valueLabel .farm-grp {
  left: -75px;
  right: -70px;
}
.valueLabel .eu-trace {
  left: 37px;
  width: 375px;
}
.valueLabel .eu-trace .eu-delivery-head {
  width: 100px;
}
.valueLabel .farms {
  left: 100%;
}
.valueLabel .delivery-dest {
  right: 10px;
}
.valueLabel .delivery {
  width: 369px;
  left: 120px;
}
.valueLabel .batch {
  left: 135px;
  width: 369px;
}
.valueLabel .origins {
  right: 75px;
  width: 120px;
}
.valueLabel .popup {
  cursor: pointer;
  padding: 1px 7px;
  color: #0B4B52;
  margin-left: 10px;
  border-radius: 12px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #ffffff;
  letter-spacing: -0.18px;
  font-family: "GTWalsheimProBold", sans-serif;
}
.valueLabel .popup-text {
  color: #000;
  height: auto;
  padding: 10px;
  z-index: 10000;
  cursor: pointer;
  margin-top: 32px;
  position: absolute;
  background: #ffffff;
  border: 1px solid #FFFFFF;
  border-radius: 0px 12px 12px 12px;
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1607843137);
  font-family: "GT Walsheim,Medium", sans-serif;
}
.valueLabel .popup-text h4 {
  font-size: 15px;
  color: #0B4B52;
  font-family: "GTWalsheimProBold", sans-serif;
}
.valueLabel .popup-text #valueList {
  max-height: 150px;
  overflow: auto;
  padding: 10px;
  color: #1F2526;
  padding-left: 0px;
  padding-bottom: 0px;
  /* Designing for scroll-bar */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.valueLabel .popup-text #valueList ul {
  padding: 0;
  font-size: 13px;
  margin-bottom: 5px;
}
.valueLabel .popup-text #valueList ul:last-child {
  margin-bottom: 0px;
}
.valueLabel .popup-text #valueList ul.font-12 {
  font-size: 12px;
}
.valueLabel .popup-text #valueList thead {
  border-bottom: 1px solid #707070;
}
.valueLabel .popup-text #valueList thead tr {
  color: #1F2526;
}
.valueLabel .popup-text #valueList thead tr th {
  padding: 3px;
  font-size: 12px;
  font-family: "GTWalsheimProBold", sans-serif;
}
.valueLabel .popup-text #valueList tbody tr {
  color: #1F2526;
  white-space: normal;
}
.valueLabel .popup-text #valueList tbody tr:nth-child(odd) {
  background: #F4F2F2;
}
.valueLabel .popup-text #valueList tbody tr:last-child td {
  padding-bottom: 0px;
}
.valueLabel .popup-text #valueList tbody tr td {
  padding: 5.5px;
  font-size: 12px;
  font-family: "GT Walsheim,Medium", sans-serif;
}
.valueLabel .popup-text #valueList tbody tr td .direct-download {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  color: #00869d;
  display: block;
}
.valueLabel .popup-text #valueList tbody tr td .direct-download:hover {
  color: #00869d;
}
.valueLabel .popup-text #valueList::-webkit-scrollbar {
  width: 3px;
}
.valueLabel .popup-text #valueList::-webkit-scrollbar-track {
  background: gainsboro;
  border-radius: 5px;
}
.valueLabel .popup-text #valueList::-webkit-scrollbar-thumb {
  background: #707070;
  border-radius: 5px;
}
.valueLabel .popup-text #valueList::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

.btn-contracts-download img {
  width: 14px;
  height: 17px;
  margin-top: -4px;
  margin-left: 10px;
}
.btn-contracts-download span {
  height: 36px;
  font-size: 14px;
  cursor: pointer;
  color: #0B4B52;
  border-radius: 20px;
  background: white;
  display: inline-block;
  padding: 8px !important;
  padding-left: 20px !important;
  padding-right: 14px !important;
}

.contract-table {
  width: 100%;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  /*
  checkbox, group name, programme, origin, product, region
   */
}
.contract-table .fg-row {
  color: #4a4a4a;
  cursor: pointer;
  width: 100%;
  background-color: #f7ffd6;
  margin-bottom: 5px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.contract-table .fg-row--active {
  color: #fff;
  background-color: #a0c800;
}
.contract-table tr:nth-child(even) {
  background-color: #fbfaf9;
  color: #000;
}
.contract-table tbody tr:nth-child(odd) {
  background-color: #F6F6F2;
  color: #000;
}
.contract-table input {
  margin: -1px 0 0px;
  padding: 0;
  display: block;
}
.contract-table tbody {
  display: block;
  height: auto;
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Hide rows after 6 */
}
.fg-table.minimise .contract-table tbody {
  height: 320px;
}
.contract-table thead,
.contract-table tbody tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.contract-table thead td,
.contract-table thead th {
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  vertical-align: bottom;
  border: 0;
  padding: 0;
  text-align: left;
}
.contract-table tbody td,
.contract-table tbody th {
  padding: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  position: relative;
  line-height: 12px;
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.contract-table span {
  padding: 12px 3px 11px;
  display: block;
  width: 100%;
  white-space: nowrap;
}
.contract-table td span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.contract-table th:first-child span {
  padding-left: 11px;
}
.contract-table tbody app-list-checkbox {
  pointer-events: none;
}
.contract-table .no-matches span {
  vertical-align: middle;
  text-align: center;
  padding: 16px 5px;
}
.contract-table__checkbox {
  cursor: pointer;
  margin: -4px 0 -3px;
  padding: 0;
}
.contract-table__checkbox input[type=checkbox] {
  display: none;
}
.contract-table__checkbox input[type=checkbox] + span {
  margin: 0;
  padding: 0;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border: solid 2px #dce2cb;
  background-color: transparent;
  position: relative;
}
.contract-table__checkbox input[type=checkbox] + span:before {
  content: "";
  opacity: 0;
  position: absolute;
  display: block;
  left: -1px;
  bottom: 2px;
  width: 18px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23fff' stroke='%23fff' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E");
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.contract-table__checkbox input[type=checkbox]:checked + span:before {
  opacity: 1;
}
.contract-table thead .fg-table__checkbox {
  margin: 0px 0px -2px 1px;
}
.contract-table thead .fg-table__checkbox input[type=checkbox] + span {
  width: 12px;
  height: 12px;
  border-color: #FFFFFF;
  border-radius: 2px;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.contract-table thead .fg-table__checkbox input[type=checkbox] + span:before {
  display: none;
}
.contract-table thead .fg-table__checkbox input[type=checkbox]:checked + span {
  background-color: #a0c800;
}

/** FG Select List component **/
.fg-selected-list {
  /* Style overrides for select list */
}
.fg-selected-list--title {
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #00869d;
  text-transform: uppercase;
}
.fg-selected-list table {
  max-height: 300px;
  margin-bottom: 20px;
}
.fg-selected-list .fg-row {
  cursor: default;
  color: #fff;
  background-color: #a0c800;
}
.fg-selected-list .fg-row td:nth-child(1) {
  padding-left: 5px;
}
.fg-selected-list .fg-row td:nth-child(3) {
  padding-left: 8px;
}
.fg-selected-list .fg-row td:nth-child(4) {
  padding-left: 12px;
}
.fg-selected-list .fg-row td:nth-child(5) {
  padding-left: 20px;
}
.fg-selected-list thead > tr > *:nth-child(1),
.fg-selected-list tbody > tr > *:nth-child(1) {
  width: 20%;
}
.fg-selected-list thead > tr > *:nth-child(2),
.fg-selected-list tbody > tr > *:nth-child(2) {
  width: 20%;
}
.fg-selected-list thead > tr > *:nth-child(3),
.fg-selected-list tbody > tr > *:nth-child(3) {
  width: 20%;
}
.fg-selected-list thead > tr > *:nth-child(4),
.fg-selected-list tbody > tr > *:nth-child(4) {
  width: 20%;
}
.fg-selected-list thead > tr > *:nth-child(5),
.fg-selected-list tbody > tr > *:nth-child(5) {
  width: 20%;
}
.fg-selected-list thead th {
  vertical-align: bottom;
  border: 0;
  padding: 0 5px 6px;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0b4b52;
}

.align-table-header {
  white-space: break-spaces !important;
  text-align: center !important;
}

.fg-header-toggle {
  cursor: pointer;
  position: relative;
}
.fg-header-toggle__sort {
  vertical-align: middle;
}

.fg-search input {
  height: 28px;
  border: 0;
  padding: 0 20px 0 24px;
  margin: 0;
  border-radius: 15px;
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  font-size: 12px;
  width: 200px;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
  float: right;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  color: #495057;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.27 14.275l-4.684-4.623c.72-.933 1.126-2.133 1.126-3.422 0-3.2-2.612-5.778-5.856-5.778C2.613.452 0 3.031 0 6.231c0 3.2 2.612 5.777 5.856 5.777 1.306 0 2.477-.4 3.468-1.11l4.685 4.622a.9.9 0 0 0 .631.267.9.9 0 0 0 .631-.267.852.852 0 0 0 0-1.245zm-9.414-4.044c-2.252 0-4.054-1.778-4.054-4 0-2.223 1.802-4 4.054-4 2.253 0 4.054 1.777 4.054 4 0 2.221-1.802 4-4.054 4z' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
  background-size: 13px;
  border: 1px solid #979797 !important;
}
.fg-search input:active, .fg-search input:focus, .fg-search input.active {
  width: 85%;
}

.programmes-dashboard .fg-filters label {
  font-family: "GT Walsheim,Bold", sans-serif !important;
}

.fg-filters {
  margin: 0 0 20px 0;
  row-gap: 20px;
  position: relative;
}
.fg-filters.disabled {
  opacity: 0.25;
}
.fg-filters__title {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 12px 0;
  padding: 0;
}
.fg-filters__desc {
  padding-top: 10px;
  color: #f7ffd6;
}
.fg-filters__desc p {
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.fg-filters label {
  font-size: 12px;
  font-weight: 600;
  margin: 3px 0 5px 2px;
  padding: 0;
  /* Non-Retina fix for font looking blurry */
}
@media screen and (-webkit-max-device-pixel-ratio: 1) {
  .fg-filters label {
    font-weight: 500;
  }
}
.fg-filters select.form-control,
.fg-filters .tier2-main-filter-box {
  cursor: pointer;
  background-color: transparent;
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
  border: solid 1px #FFFFFF;
  padding: 6px 10px;
  margin: 0 0 5px 0;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  font-size: 12px;
  height: auto;
  color: #A6C0A9;
}
.fg-filters select.form-control:focus,
.fg-filters .tier2-main-filter-box:focus {
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23CCC' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
}
.fg-filters .tier2-main-filter-box {
  border-radius: 6px !important;
}
.fg-filters .tier2-main-filter-box p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  width: 95%;
}
.fg-filters select.form-control:not([size]):not([multiple]) {
  height: auto;
}

.farmer-group-list-title {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0b4b52;
  padding: 0 20px;
}
.farmer-group-list-title.open:before {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.farmer-group-list-title:before {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  width: 11px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23333333' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.filtered-fg-content {
  overflow: hidden;
}

.filtered-fg-link {
  text-align: center;
}
.filtered-fg-link .fiter-farmer-group-list-title {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: white;
  padding: 0 20px;
}
.filtered-fg-link .fiter-farmer-group-list-title .arrow {
  margin-left: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}
.filtered-fg-link .fiter-farmer-group-list-title .up {
  margin-top: 2px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.filtered-fg-link .fiter-farmer-group-list-title .down {
  margin-bottom: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.fg-tools {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.fg-tools .fg-viewmore {
  cursor: pointer;
  color: #a0c800;
  font-weight: 500;
}
.fg-tools .fg-chevron {
  vertical-align: sub;
}
.fg-tools .fg-pagination {
  display: inline-block;
}
.fg-tools .fg-pagination a {
  vertical-align: top;
  color: #0B4B52;
  text-decoration: none;
  font-size: 28px;
  font-weight: 200;
  line-height: 13px;
  padding: 0px 10px;
}
.fg-tools .fg-total {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
}
.fg-tools .fg-reset {
  margin-left: 10px;
  cursor: pointer;
}
.fg-tools .fg-reset:hover {
  color: #000;
}

button.button.button--dashboard {
  color: #FFFFFF;
  background-color: #00acc6;
  border: 0;
  height: 34px;
  max-width: 274px;
  margin-bottom: 10px;
}
button.button.button--dashboard:hover {
  background-color: #a0c800;
}
button.button.button--dashboard.active {
  background-color: #a0c800;
}
button.button.button--dashboard.active:hover {
  background-color: #a0c800;
}
button.button.button--dashboard[disabled] {
  cursor: default;
  background-color: #9e948e;
}
button.button.button--dashboard[disabled]:hover {
  background-color: #9e948e;
}
button.button.button--dashboard.button--outline {
  border: solid 1px #fff;
  background: transparent;
}
button.button.button--dashboard.button--fg-list {
  padding: 6px 26px;
  text-transform: uppercase;
  font-weight: 700;
}
button.button.button--dashboard.button--cancel {
  color: #0b4b52;
  background-color: #dedad4;
}

.button--dashboard.information-text {
  font-size: 14px;
  font-weight: 300;
  height: 14px;
  letter-spacing: normal;
  text-align: left;
  color: #A6C0A9;
  vertical-align: text-bottom;
  padding-left: 10px;
}

.fg-list--button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.baseline-text {
  width: 75%;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.baseline-click-link {
  color: white;
  text-decoration: none;
}

.baseline-click-link-text {
  color: #a0c800;
  cursor: pointer;
  text-decoration: underline;
  margin-bottom: 0;
}

.oga_baseline-click-link-text {
  color: #ff7000 !important;
}

.supply-chain-type {
  color: #a0c800;
}

.table-fg-header {
  text-align: left !important;
  font-size: 12px !important;
  color: #000 !important;
  font-weight: normal !important;
  position: absolute !important;
}

.border-radius-8px {
  border-radius: 8px;
}

::ng-deep tspan {
  stroke: transparent !important;
}

.flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#map-more-content {
  position: absolute;
  min-height: 280px;
  height: -webkit-fill-available;
  min-width: 600px;
  padding: 15px 40px;
  background-color: #0b4b52;
  left: 300px;
  top: 0px;
  color: #fff;
}
#map-more-content .content-header {
  font-size: 20px;
  font-weight: bold !important;
}
#map-more-content .inline-section {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 20px;
}
#map-more-content .inline-section .title {
  font-size: 13px;
  font-weight: 800 !important;
}
#map-more-content .inline-section .content-span {
  color: #cad8da;
}
#map-more-content .custom-tab-container .content-align {
  display: none;
  margin-top: 75px;
  -webkit-transition: display 400ms ease-out;
  transition: display 400ms ease-out;
}
#map-more-content .custom-tab-container .content-align .col-6 {
  text-align: center;
  font-size: 13px;
}
#map-more-content .custom-tab-container .content-align .col-6 p.value-field {
  font-size: 3rem;
  font-weight: bold;
}
#map-more-content .custom-tab-container .content-align .col-6 p.value-field span {
  font-size: 13px;
}
#map-more-content .custom-tab-container .content-align .col-4 {
  text-align: center;
  font-size: 13px;
}
#map-more-content .custom-tab-container .content-align .col-4 p.value-field {
  font-size: 3rem;
  font-weight: bold;
}
#map-more-content .custom-tab-container .content-align .col-4 p.value-field span {
  font-size: 13px;
}
#map-more-content .custom-tab-container [name=custom-tabs] {
  display: none;
}
#map-more-content .custom-tab-container [name=custom-tabs]:checked ~ .content-align {
  display: block !important;
  -webkit-transition: display 400ms ease-out;
  transition: display 400ms ease-out;
}
#map-more-content .custom-tab-container label.tab-header-labels {
  width: 200px;
  position: absolute;
  left: 40px;
  top: 100px;
  text-align: center;
  padding: 10px;
  border-bottom: solid #548186;
  cursor: pointer;
}
#map-more-content .custom-tab-container .custom-tab:nth-child(2) label.tab-header-labels {
  left: 240px;
}
#map-more-content .custom-tab-container [name=custom-tabs]:checked + label {
  border-bottom-color: #fff;
}
#map-more-content .close-icon {
  cursor: pointer !important;
}

.read-more-link {
  color: #ad3389;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.close-icon {
  background: url("resources/img/close.svg");
  background-repeat: no-repeat;
  display: block;
  position: relative;
  width: 30px;
  height: 0;
  padding-bottom: 35px;
}

.hide-it {
  display: none;
}

.close-origin {
  color: #111;
  font-weight: bold;
  float: right;
  cursor: pointer;
}

.origin-container #map-more-content {
  height: 298px;
}

.pointer {
  cursor: pointer !important;
}

#conract-map-legend {
  position: relative;
  z-index: 999999;
  top: -25px;
  z-index: 2;
  right: 70px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #fff;
  color: #0d4d54;
  font-weight: bold;
  padding: 8px;
  padding-right: 5px;
  border-radius: 8px;
  border: solid 1px #aaa;
  -webkit-box-shadow: -1px 1px 4px 0px #dad6d6;
          box-shadow: -1px 1px 4px 0px #dad6d6;
}
#conract-map-legend span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 13px;
}
#conract-map-legend img {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
#conract-map-legend .mr-3 {
  text-transform: capitalize;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#conract-map-info-legend {
  position: relative;
  top: 45px;
  z-index: 2;
  right: 70px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #615c5c 0% 0% no-repeat padding-box;
  color: #0d4d54;
  font-weight: bold;
  padding: 1px;
  padding-right: 5px;
  border-radius: 8px;
  border: solid 1px #aaa;
  -webkit-box-shadow: -1px 1px 4px 0px #dad6d6;
          box-shadow: -1px 1px 4px 0px #dad6d6;
}
#conract-map-info-legend span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 13px;
}
#conract-map-info-legend img {
  margin-right: 5px;
}
#conract-map-info-legend .mr-3 {
  text-transform: capitalize;
  font-size: 12px;
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px;
}
#conract-map-info-legend .active {
  opacity: 1;
  background: #fff;
}

.contract-info-legend {
  position: relative;
  top: -25px;
  z-index: 5;
  left: 35rem;
  width: 35px;
  height: 40px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #FD8104;
  color: #fff;
  font-weight: bold;
  padding: 8px;
  padding-right: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 6px;
  opacity: 1;
}
.contract-info-legend img {
  cursor: pointer;
}

#env-map-legend {
  position: relative;
  top: 20px;
  z-index: 2;
  right: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #fff;
  color: #0d4d54;
  font-weight: bold;
  padding: 8px;
  padding-right: 5px;
  border-radius: 8px;
  border: solid 1px #aaa;
  -webkit-box-shadow: -1px 1px 4px 0px #dad6d6;
          box-shadow: -1px 1px 4px 0px #dad6d6;
}
#env-map-legend span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 13px;
}
#env-map-legend img {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
#env-map-legend .mr-3 {
  text-transform: capitalize;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#env-map-info-legend {
  position: relative;
  top: -22px;
  z-index: 2;
  right: 0px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #615c5c 0% 0% no-repeat padding-box;
  color: #0d4d54;
  font-weight: bold;
  padding: 1px;
  padding-right: 5px;
  border-radius: 8px;
  border: solid 1px #aaa;
  -webkit-box-shadow: -1px 1px 4px 0px #dad6d6;
          box-shadow: -1px 1px 4px 0px #dad6d6;
}
#env-map-info-legend span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 13px;
}
#env-map-info-legend img {
  margin-right: 5px;
}
#env-map-info-legend .mr-3 {
  text-transform: capitalize;
  font-size: 12px;
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px;
}
#env-map-info-legend .active {
  opacity: 1;
  background: #fff;
}

.env-info-legend {
  position: relative;
  top: 22px;
  z-index: 2;
  left: 0px;
  width: 35px;
  height: 40px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #FD8104;
  color: #fff;
  font-weight: bold;
  padding: 12px 8px;
  padding-right: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 6px;
  opacity: 1;
}
.env-info-legend img {
  cursor: pointer;
  width: 20px;
  height: 15px;
}

.skipInfo {
  position: absolute;
  right: 2vw;
  top: 5vh;
  z-index: 99;
  cursor: pointer;
  text-transform: capitalize;
}
.skipInfo .title {
  font-size: 12px;
  text-decoration: underline;
  color: #fff;
}

.env-skipInfo {
  position: absolute;
  right: 0.5vw;
  top: -50px;
  z-index: 99;
  cursor: pointer;
  text-transform: capitalize;
}
.env-skipInfo .title {
  font-size: 12px;
  text-decoration: underline;
  color: #000;
}

.mappreview-arrow {
  position: absolute;
  top: 15.4rem;
  left: 5rem;
  z-index: 9;
}

.env-mappreview-arrow {
  position: absolute;
  top: 8.5rem;
  left: 5rem;
  z-index: 9;
}

.legendinfoDiv {
  position: absolute;
  width: 250px;
  left: 16rem;
  top: 6rem;
  z-index: 99;
}
.legendinfoDiv .title {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
}
.legendinfoDiv .description {
  text-align: left;
  font-size: 12px;
  color: #fff;
}
.legendinfoDiv button {
  background: transparent;
  border: 1px solid #fff;
  color: white;
  font-weight: 500;
  border-radius: 12px;
  padding: 1px 10px;
  outline: transparent;
  cursor: pointer;
}

.infoDivMap {
  top: 12rem !important;
}

.infoDiv,
.legendinfoDiv {
  position: absolute;
  width: 250px;
  left: 16rem;
  top: 13rem;
  z-index: 99;
}
.infoDiv .title,
.legendinfoDiv .title {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
}
.infoDiv .description,
.legendinfoDiv .description {
  text-align: left;
  font-size: 12px;
  color: #fff;
}
.infoDiv button,
.legendinfoDiv button {
  background: transparent;
  border: 1px solid #fff;
  color: white;
  font-weight: 500;
  border-radius: 12px;
  padding: 1px 10px;
  outline: transparent;
  cursor: pointer;
}

.envinfoDiv {
  position: absolute;
  width: 250px;
  left: 20rem;
  top: 7rem;
  z-index: 99;
}
.envinfoDiv .title {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
}
.envinfoDiv .description {
  text-align: left;
  font-size: 12px;
  color: #fff;
}
.envinfoDiv button {
  background: transparent;
  border: 1px solid #fff;
  color: white;
  font-weight: 500;
  border-radius: 12px;
  padding: 1px 10px;
  outline: transparent;
  cursor: pointer;
}

.legend-arrow {
  position: absolute;
  top: 5vh;
}
.legend-arrow img {
  position: absolute;
  left: -5rem;
  top: -2.5vh;
}

#overlayMapInfo {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 9;
}

#envoverlayMapInfo {
  position: absolute;
  top: 42px;
  z-index: 1000;
  width: 97%;
}

#contract-tab-tiles .tile-title {
  font-size: 28px;
  color: #1F2526 !important;
  margin-bottom: 25px !important;
}
#contract-tab-tiles .figure-card__stat {
  color: #444444 !important;
  font-size: 24px;
}
#contract-tab-tiles .btn-full-story {
  border: solid 2px #760153;
  border-radius: 20px;
  color: #760153;
  background-color: #fff;
  padding: 10px;
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  font-weight: bold;
}

.inappInfo {
  opacity: 0.6;
  background: #000000 0% 0% no-repeat padding-box;
  bottom: 25vh;
  height: 125vh;
}

.env-inappInfo {
  opacity: 0.6;
  background: #000000 0% 0% no-repeat padding-box;
  bottom: 0;
  height: 400px;
}

.fg-map-heading {
  color: black;
  font-weight: 100 !important;
}

.fg-map-value {
  color: black;
  font-weight: 900 !important;
  min-height: 15px;
}

.sampleData {
  display: none;
}

/* The Modal (background) */
.expiry_modal {
  display: none;
  position: fixed;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.9);
  z-index: 12;
  /*
  display: none; /* Hidden by default /
  position: fixed; /* Stay in place
  z-index: 1; /* Sit on top
  left: 0;
  top: 0;
  width: 100%; /* Full width
  height: 100%; /* Full height
  overflow: auto; /* Enable scroll if needed
  background-color: rgb(0,0,0); /* Fallback color
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal_content_expiry {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
  /*
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.expiry_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 40px;
  width: 40px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  /*
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; */
}

.expiry_modal__inner {
  position: relative;
  margin: 2rem 1rem;
  padding: 4.5rem 2rem 2rem 2rem;
  height: auto;
  background: #ffffff;
}

@media (min-width: 768px) {
  .expiry_modal__inner {
    width: auto;
    padding: 2.5rem;
    margin: 2.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .expiry_modal__inner {
    margin: 4.5rem auto;
    padding: 4.5rem;
    width: 846px;
  }
}
.expiry_close:hover,
.expiry_close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.expiry_close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 30px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.expiry_close:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 30px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.expiry_button {
  font-size: 1.8rem;
}

.text--size-l {
  font-size: 18px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .text--size-l {
    font-size: 22px;
    margin-bottom: 2rem;
  }
}
/* Entity Modal CSS */
.entity_modal {
  display: none;
  position: fixed;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.9);
  z-index: 12;
}

.modal_content_entity {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}

.entity_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 40px;
  width: 40px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}

.entity_modal__inner {
  position: relative;
  margin: 2rem 1rem;
  padding: 4.5rem 2rem 2rem 2rem;
  height: auto;
  background: #ffffff;
  text-align: center;
  border-radius: 10px;
}
.entity_modal__inner h2 {
  font-size: 27px;
  color: #760153;
}
.entity_modal__inner .entityButtonWrapper {
  margin: 8% 0;
}
.entity_modal__inner .entityButtonWrapper img {
  cursor: pointer;
  margin: 5px 40px;
  width: 75px;
  height: 75px;
  display: none;
}
.entity_modal__inner p {
  font-size: 14px;
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .entity_modal__inner {
    width: auto;
    padding: 2.5rem;
    margin: 2.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .entity_modal__inner {
    margin: 4.5rem auto;
    padding: 2.5rem;
    width: 50%;
  }
}
.entity_close:hover,
.entity_close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.entity_close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 30px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.entity_close:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 30px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.entity_button {
  font-size: 1.8rem;
}

.atsplus .fg-filters .col-3:first-child .tier2-main-filter-box::after, .atsplus .fg-filters .col-4:first-child .tier2-main-filter-box::after {
  margin-right: 20px;
}
.atsplus .fg-filters .col-3:nth-child(2) .mr-1 .tier2-main-filter-box::after, .atsplus .fg-filters .col-3:nth-child(3) .mr-1 .tier2-main-filter-box::after {
  margin-right: 20px;
}
.atsplus .fg-filters .open .tier2-main-filter-box::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.atsplus .fg-filters .tier2-main-filter-box {
  font-family: "GT Walsheim,Bold", sans-serif !important;
  cursor: pointer;
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
  border-radius: 2px !important;
  font-size: 12px;
  height: 40px !important;
  color: #1F2526;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.atsplus .fg-filters .tier2-main-filter-box::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 16px;
  right: 20px;
  -webkit-filter: brightness(0.75);
          filter: brightness(0.75);
  background: url(../../../content/dam/olam/atsource/resources/Chevron.svg) no-repeat 96% 50%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.my-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-checkbox__input {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  border-radius: 0;
  background-color: transparent;
}
.my-checkbox__input:checked:before {
  background: #e8e8e8;
  border-radius: 5px;
  border: 1px solid #bababa;
}
.my-checkbox__input:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  width: 15px;
  height: 15px;
  border: 1px solid #bababa;
  background-color: #E8E8E8;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.my-checkbox__input:checked:after {
  width: 8px;
  height: 5px;
  -webkit-transition: ease-out;
  transition: ease-out;
  border-color: #536060;
}
.my-checkbox__input:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 10px 0.5px;
          transform-origin: 10px 0.5px;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
}

.map-container .gm-style [style] [style] [style] [style] {
  font-family: "GT Walsheim", Arial !important;
  font-weight: 400;
}
.map-container .gm-style [style] [style] [style] [style] .callout-marker {
  position: relative;
  top: -22px;
  background: #fff;
  padding: 5px;
  border-radius: 20px;
  border: 1px solid #ffffff;
  -webkit-animation: scale-up-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  text-transform: capitalize;
  font-weight: bold !important;
  min-width: 10vw;
  cursor: pointer;
}
.map-container .gm-style [style] [style] [style] [style] .callout-marker:before {
  content: "";
  background: url(../../../content/dam/olam/atsource/resources/call-out-farmer.svg) no-repeat top center, url(../../../content/dam/olam/atsource/resources/farmer.svg) no-repeat center 65px;
  width: 100%;
  height: 90px;
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-size: auto, 20px;
}
.map-container .gm-style [style] [style] [style] [style] .callout-marker:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 20px;
  height: 0;
  border-top: solid 10px #ffffff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
.map-container .gm-style [style] [style] [style] [style] .port-destination-callout {
  top: -40px !important;
}
.map-container .gm-style [style] [style] [style] [style] .Estate-marker:before {
  background: url(../../../content/dam/olam/atsource/resources/call-out-farmer.svg) no-repeat top center, url(../../../content/dam/olam/atsource/resources/farmer.svg) no-repeat center 65px !important;
  background-size: auto, 20px !important;
}
.map-container .gm-style [style] [style] [style] [style] .Concession-marker:before {
  background: url(../../../content/dam/olam/atsource/resources/call-out-farmer.svg) no-repeat top center, url(../../../content/dam/olam/atsource/resources/farmer.svg) no-repeat center 65px !important;
  background-size: auto, 20px !important;
}
.map-container .gm-style [style] [style] [style] [style] .processing-marker:before {
  background: url(../../../content/dam/olam/atsource/resources/call-out-processing.svg) no-repeat top center, url(../../../content/dam/olam/atsource/resources/processing.svg) no-repeat center 65px !important;
  background-size: auto, 20px !important;
}
.map-container .gm-style [style] [style] [style] [style] .port-marker:before {
  background: url(../../../content/dam/olam/atsource/resources/call-out-port.svg) no-repeat top center, url(../../../content/dam/olam/atsource/resources/port.svg) no-repeat center 65px !important;
  background-size: auto, 20px !important;
}
.map-container .gm-style [style] [style] [style] [style] .farm-marker:before {
  background: url(../../../content/dam/olam/atsource/resources/farm.svg) no-repeat top center, url(../../../content/dam/olam/atsource/resources/farm.svg) no-repeat center 65px !important;
  background-size: auto, 20px !important;
}
.map-container .gm-style [style] [style] [style] [style] .destination-marker:before {
  background: url(../../../content/dam/olam/atsource/resources/call-out-destination.svg) no-repeat top center, url(../../../content/dam/olam/atsource/resources/destination.svg) no-repeat center 65px !important;
  background-size: auto, 20px !important;
}
.map-container .gm-style [style] [style] [style] [style] .destination-port-marker:before {
  background: url(../../../content/dam/olam/atsource/resources/call-out-destination.svg) no-repeat 50% 10%, url(../../../content/dam/olam/atsource/resources/call-out-port.svg) no-repeat 36% 10% !important;
}
@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
}
@keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1;
  }
}

.infoBox {
  width: 300px;
  position: relative;
}
.infoBox__inner {
  position: relative;
  z-index: 2;
  background-color: #FFF;
  margin: 20px 0;
  -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.infoBox__inner:before {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  right: -8px;
  top: 56px;
  width: 30px;
  height: 30px;
  -webkit-transform: scaleY(1.5) rotate(45deg);
          transform: scaleY(1.5) rotate(45deg);
  background-color: #FFF;
  -webkit-box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.1);
}

.fg_infoBox {
  width: 300px;
  position: relative;
}
.fg_infoBox__inner {
  position: relative;
  z-index: 2;
  background-color: #FFF;
  margin: 20px 0;
  -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.fg_infoBox__inner:before {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  right: -8px;
  bottom: -5px;
  width: 15px;
  height: 15px;
  -webkit-transform: scaleY(1.5) rotate(45deg);
          transform: scaleY(1.5) rotate(45deg);
  background-color: #FFF;
  -webkit-box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.1);
}

.org_infoBox {
  width: 300px;
  position: relative;
}
.org_infoBox__inner {
  position: relative;
  z-index: 2;
  background-color: #FFF;
  margin: 20px 0;
  -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.org_infoBox__inner:before {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  right: -8px;
  bottom: -5px;
  width: 15px;
  height: 15px;
  -webkit-transform: scaleY(1.5) rotate(45deg);
          transform: scaleY(1.5) rotate(45deg);
  background-color: #FFF;
  -webkit-box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.1);
}

.port_infoBox {
  width: 300px;
  position: relative;
}
.port_infoBox__inner {
  position: relative;
  z-index: 2;
  background-color: #FFF;
  margin: 20px 0;
  -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.port_infoBox__inner:before {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  right: -8px;
  bottom: -5px;
  width: 15px;
  height: 15px;
  -webkit-transform: scaleY(1.5) rotate(45deg);
          transform: scaleY(1.5) rotate(45deg);
  background-color: #FFF;
  -webkit-box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.1);
}

.contract-farmer-tooltip p {
  color: #4a4a4a;
}
.contract-farmer-tooltip .fg-map-overlay__name h3.contract-farmer-heading {
  font-weight: 600 !important;
  text-transform: uppercase;
}

.fg-map-overlay {
  position: relative;
  z-index: 3;
  background-color: #FFF;
  padding: 15px 25px 15px 15px;
  font-size: 14px;
  min-height: 10vw;
}
.fg-map-overlay p {
  margin: 10px 0 0;
  padding: 0;
}
.fg-map-overlay p strong {
  font-weight: 700;
}
.fg-map-overlay__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
}
.fg-map-overlay__name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
}
.fg-map-overlay__name h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 5px 0;
  padding: 0;
  color: #0B4B52 !important;
}
.fg-map-overlay__name p {
  margin: 0;
  padding: 0;
}
.fg-map-overlay__product {
  white-space: nowrap;
}
.fg-map-overlay__product p {
  text-align: right;
  font-weight: 600;
  color: #6C5D56;
  margin: 0;
  padding: 0;
}
.fg-map-overlay__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -3px 4px 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
  background-color: #756157;
  border-radius: 100%;
  overflow: hidden;
  /** ICONS (name comes from slugifying productName in FarmerGroup)
     See https://stackoverflow.com/questions/36763542/ie10-svg-in-css-background and use https://yoksel.github.io/url-encoder/
  */
}
.fg-map-overlay__icon--bamboo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 38.594V.314h37.691v38.28z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%280 .093%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23756157' d='M37.69 19.454c0 10.57-8.437 19.14-18.845 19.14S0 30.024 0 19.454C0 8.883 8.437.314 18.845.314s18.846 8.569 18.846 19.14' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M18.316 19.725a12.21 12.21 0 0 1-4.87-1.021c.306.842.81 2.946.81 7.674v7.079h8.133v-7.079c0-4.655.489-6.768.796-7.635-1.606.653-3.245.982-4.869.982'/%3E%3Cpath fill='%23FFF' d='M13.452 17.717c3.102 1.453 6.507 1.465 9.756.036-.93-2.23-.814-6.07-.814-6.07V5.95h-8.142v5.733s.114 3.799-.8 6.034M30.5 11.3c-3.494 0-6.325 2.874-6.325 6.422 3.493 0 6.324-2.876 6.324-6.423'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--coffee {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 38.594V.314h37.691v38.28z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%280 .093%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23756157' d='M37.69 19.453c0 10.572-8.437 19.14-18.844 19.14C8.437 38.594 0 30.026 0 19.454 0 8.883 8.437.313 18.846.313c10.407 0 18.845 8.57 18.845 19.14' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M16.304 26.546c.001-.083.004-.167.007-.251.045-2.094.866-4.548 2.443-7.298.978-1.705 1.356-3.26 1.408-4.6.062-2.862-1.352-4.707-1.49-4.88-4.58.01-8.29 4.597-8.29 10.254 0 4.992 2.89 9.15 6.715 10.067-.531-.939-.803-2.054-.793-3.292'/%3E%3Cpath fill='%23FFF' d='M19.912 9.628a8.92 8.92 0 0 1 .87 2.171 9.09 9.09 0 0 1 .274 2.607c-.033 1.474-.42 3.242-1.537 5.19-.983 1.714-2.217 4.323-2.317 6.753-.03 1.348.298 2.634 1.225 3.671a6.9 6.9 0 0 0 .26.007c4.587 0 8.305-4.592 8.305-10.255 0-5.15-3.074-9.413-7.08-10.144'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--cotton {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0v38.91h37.914V0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cellipse cx='19' cy='19.5' fill='%23FFF' mask='url%28%23b%29' rx='19' ry='19.5'/%3E%3Cpath fill='%23756157' d='M18.957 0C8.487 0 0 8.71 0 19.456c0 10.482 8.077 19.026 18.19 19.439v-9.022c.149.008.298.014.448.014.15 0 .299-.006.447-.014v9.037c10.41-.07 18.828-8.753 18.828-19.454C37.914 8.711 29.427 0 18.957 0m5.36 25.617a3.071 3.071 0 0 1-.072.124c-.026.045-.054.09-.082.133-.026.04-.05.081-.077.121l-.088.13-.082.116-.095.127-.085.11-.105.128-.085.102c-.06.068-.121.136-.184.202-1.196 1.269-2.871 2.059-4.723 2.059a6.463 6.463 0 0 1-4.525-1.858 6.774 6.774 0 0 1-1.407-1.98l-.013-.03a6.378 6.378 0 0 1-.111-.252l-.018-.046a7.026 7.026 0 0 1-.095-.244l-.021-.063c-.027-.078-.054-.155-.078-.233l-.025-.086c-.02-.072-.043-.143-.062-.216l-.026-.113c-.016-.065-.032-.13-.046-.196-.01-.047-.018-.095-.027-.143-.01-.057-.023-.113-.032-.17-.01-.062-.017-.124-.026-.186-.006-.045-.014-.089-.018-.134a6.555 6.555 0 0 1-.03-.324 6.456 6.456 0 0 1 4.186 1.96l.764.783v-1.107c0-1.644.569-3.198 1.61-4.425a6.806 6.806 0 0 1 1.61 4.425v1.107l.764-.783a6.454 6.454 0 0 1 4.186-1.96 6.24 6.24 0 0 1-.072.627l-.023.124c-.01.061-.021.122-.034.183l-.029.13a7.576 7.576 0 0 1-.041.172l-.036.133c-.016.055-.03.11-.048.163a10.212 10.212 0 0 1-.095.29l-.049.134a6.19 6.19 0 0 1-.06.152c-.017.044-.036.088-.054.131-.02.05-.043.098-.065.147a6.225 6.225 0 0 1-.199.399c-.024.046-.05.092-.076.137m1.581 1.648c-.51 0-1.003-.072-1.472-.204a7.752 7.752 0 0 0 1.682-4.842v-.459h-.446a7.292 7.292 0 0 0-4.578 1.606 7.687 7.687 0 0 0-2.13-4.457l-.316-.325-.316.325a7.69 7.69 0 0 0-2.13 4.457 7.291 7.291 0 0 0-4.578-1.606h-.447v.46a7.76 7.76 0 0 0 1.807 4.995 5.61 5.61 0 0 1-.737.05c-3.176 0-5.75-2.643-5.75-5.902a5.95 5.95 0 0 1 2.077-4.54 4.394 4.394 0 0 1-.898-2.676c0-2.4 1.895-4.345 4.232-4.345.653 0 1.27.152 1.822.422.724-2.03 2.622-3.479 4.851-3.479 2.337 0 4.312 1.594 4.948 3.78a3.963 3.963 0 0 1 2.143-.626c2.242 0 4.06 1.865 4.06 4.166 0 1.02-.358 1.955-.951 2.68a5.702 5.702 0 0 1 2.655 4.847c0 3.133-2.475 5.673-5.528 5.673' mask='url%28%23b%29'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--milk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 38.594V.314h37.692v38.28z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%280 .093%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23756157' d='M37.692 19.454c0 10.57-8.438 19.14-18.846 19.14S0 30.024 0 19.454C0 8.883 8.438.314 18.846.314s18.846 8.569 18.846 19.14' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M15.598 6.39c0 .672-.282 1.802-.627 2.511l-1.683 3.466c-.345.71-.627 1.938-.627 2.73v17.017c0 .791.638 1.438 1.416 1.438h9.538c.778 0 1.416-.647 1.416-1.438V15.096c0-.791-.282-2.019-.627-2.729l-1.683-3.466c-.345-.71-.627-1.84-.627-2.51'/%3E%3Cpath fill='%23756157' d='M25.03 16.027c-1.127 0-1.722-.276-2.246-.52-.506-.236-.943-.439-1.877-.439s-1.37.203-1.876.439c-.524.244-1.12.52-2.246.52-1.129 0-1.723-.276-2.247-.52-.507-.236-.943-.439-1.877-.439v-.903c1.128 0 1.722.277 2.247.52.505.236.943.439 1.877.439s1.37-.203 1.876-.439c.524-.243 1.119-.52 2.246-.52 1.129 0 1.723.277 2.248.52.505.236.942.439 1.876.439v.903z'/%3E%3Cpath fill='%23FFF' d='M23.213 5.279c0 .746-.637 1.355-1.416 1.355h-5.902c-.779 0-1.416-.61-1.416-1.355 0-.746.637-1.356 1.416-1.356h5.902c.779 0 1.416.61 1.416 1.356'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--nuts {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .328h37.677v38.266H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%280 .078%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23756157' d='M37.677 19.46c0 10.567-8.435 19.134-18.839 19.134C8.434 38.594 0 30.027 0 19.461 0 8.894 8.434.328 18.838.328c10.404 0 18.839 8.566 18.839 19.133' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M18.838 6.335C12.993 8.194 8.77 14.478 8.775 20.897l2.093 3.159 3 4.011 4.97.452 4.97-.452 3.001-4.011 2.093-3.159c.005-6.42-4.218-12.703-10.064-14.562'/%3E%3Cpath fill='%23756157' d='M12.024 18.326l-.872-.172c.725-3.812 3.05-7.18 6.22-9.01l.438.786c-2.902 1.675-5.119 4.892-5.786 8.396'/%3E%3Cpath fill='%23FFF' d='M22.785 25.725a8.87 8.87 0 0 0-3.947-5.091 8.869 8.869 0 0 0-3.946 5.09c-1.028-2.84-3.715-4.867-6.868-4.867 0 6.129 4.816 11.115 10.814 11.268 5.998-.153 10.815-5.14 10.815-11.268-3.153 0-5.84 2.027-6.868 4.868'/%3E%3Cpath fill='%23756157' d='M18.838 32.577h-.01a11.393 11.393 0 0 1-7.964-3.53 11.754 11.754 0 0 1-3.285-8.19v-.452h.445c2.864 0 5.485 1.622 6.826 4.132a9.259 9.259 0 0 1 3.763-4.292l.225-.135.226.135a9.259 9.259 0 0 1 3.763 4.292c1.341-2.51 3.961-4.132 6.826-4.132h.445v.451c0 3.08-1.167 5.989-3.285 8.191a11.394 11.394 0 0 1-7.963 3.53h-.012zM8.478 21.324a10.84 10.84 0 0 0 3.022 7.093c1.949 2.026 4.554 3.183 7.338 3.256 2.784-.073 5.39-1.23 7.34-3.256a10.84 10.84 0 0 0 3.02-7.093c-2.685.182-5.06 1.967-5.996 4.556l-.459 1.27-.384-1.296a8.381 8.381 0 0 0-3.52-4.692 8.381 8.381 0 0 0-3.521 4.692l-.384 1.296-.46-1.27c-.936-2.59-3.31-4.374-5.996-4.556z'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--cocoa-beans {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 38.594V.314h37.691v38.28z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%280 .093%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23756157' d='M37.69 19.454c0 10.57-8.437 19.14-18.845 19.14S0 30.024 0 19.454C0 8.883 8.437.314 18.845.314s18.846 8.569 18.846 19.14' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M20.423 6.824V5.377c0-.843-.679-1.532-1.509-1.532h-.21c-.829 0-1.508.689-1.508 1.532v1.539c-6.376 8.235-5.827 20.199 1.65 27.792 7.504-7.622 8.028-19.645 1.577-27.884'/%3E%3Cpath fill='%23756157' d='M15.894 12.05c0 .6.479 1.086 1.07 1.086.59 0 1.069-.486 1.069-1.086 0-.6-.48-1.086-1.07-1.086-.59 0-1.069.486-1.069 1.086m0 15.602c0 .6.479 1.086 1.07 1.086.59 0 1.069-.486 1.069-1.086 0-.6-.48-1.086-1.07-1.086-.59 0-1.069.486-1.069 1.086m2.325-11.702c0 .597-.51 1.086-1.132 1.086h-.974c-.622 0-1.132-.489-1.132-1.086 0-.597.51-1.086 1.132-1.086h.974c.623 0 1.132.49 1.132 1.086m0 3.901c0 .597-.51 1.086-1.132 1.086h-1.724c-.622 0-1.132-.489-1.132-1.086 0-.597.51-1.086 1.132-1.086h1.724c.623 0 1.132.489 1.132 1.086m0 3.901c0 .597-.51 1.085-1.132 1.085h-.946c-.622 0-1.132-.488-1.132-1.085 0-.598.51-1.086 1.132-1.086h.946c.623 0 1.132.488 1.132 1.086m3.577-11.702c0 .6-.478 1.086-1.069 1.086-.59 0-1.069-.486-1.069-1.086 0-.6.479-1.086 1.07-1.086.59 0 1.068.486 1.068 1.086m0 15.602c0 .6-.478 1.086-1.069 1.086-.59 0-1.069-.486-1.069-1.086 0-.6.479-1.086 1.07-1.086.59 0 1.068.486 1.068 1.086M19.472 15.95c0 .597.509 1.086 1.132 1.086h.973c.623 0 1.132-.489 1.132-1.086 0-.597-.509-1.086-1.132-1.086h-.973c-.623 0-1.132.49-1.132 1.086m0 3.901c0 .597.509 1.086 1.132 1.086h1.723c.623 0 1.132-.489 1.132-1.086 0-.597-.509-1.086-1.132-1.086h-1.723c-.623 0-1.132.489-1.132 1.086m0 3.901c0 .597.509 1.085 1.132 1.085h.946c.622 0 1.132-.488 1.132-1.085 0-.598-.51-1.086-1.132-1.086h-.946c-.623 0-1.132.488-1.132 1.086'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--onion {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='39' viewBox='0 0 38 39'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cellipse cx='18.8' cy='19.295' fill='%23756157' rx='18.8' ry='19.295'/%3E%3Cpath fill='%23FFF' d='M25.755 19.81a34.436 34.436 0 0 1-3-3.887l-1.67-2.516c.272-1.555.997-3.957 2.537-4.674l-1.295-2.897c-.846.393-1.607 1.434-2.164 2.106.008-.29 0-4.247 0-4.247h-2.081v4.508c-.414-.798-.76-1.27-.794-1.311l-1.626 1.326c.017.02 1.532 2.047 1.85 5.48l-1.47 2.225a33.754 33.754 0 0 1-2.997 3.885 8.836 8.836 0 0 0-2.245 5.899c0 4.84 3.857 8.777 8.6 8.777h.003C24.145 34.482 28 30.547 28 25.707a8.829 8.829 0 0 0-2.245-5.897zm-13.914 5.897c0-1.921.7-3.762 1.972-5.185a34.706 34.706 0 0 0 2.802-3.603 36.043 36.043 0 0 1-1.513 2.975c-.923 1.598-1.431 3.663-1.431 5.81 0 2.71.806 5.136 2.07 6.746a7.736 7.736 0 0 1-3.9-6.743zm2.87-.001c0-1.962.457-3.833 1.285-5.272a37.708 37.708 0 0 0 1.893-3.786 61.22 61.22 0 0 1-.795 3.376c-.423 1.562-.657 3.58-.657 5.683 0 2.712.395 5.44 1.158 7.121-1.692-1.167-2.885-3.919-2.885-7.122zm4.324-8.048c-.072 1.746-.12 4.074-.153 6.4-.013 2.33-.013 4.658.03 6.403.03 1.304.067 2.28.086 2.694-.669-.793-1.52-3.358-1.52-7.45 0-2.008.219-3.925.62-5.4.335-1.248.647-2.588.927-3.98l.095-.48a207.01 207.01 0 0 0-.085 1.813zm.883 6.402a257.582 257.582 0 0 0-.153-6.4c-.03-.711-.06-1.319-.084-1.797l.092.461c.273 1.367.594 2.745.93 3.985.4 1.473.619 3.39.619 5.399 0 4.091-.851 6.657-1.52 7.45.02-.413.057-1.391.087-2.695.042-1.747.042-4.075.029-6.403zm1.287 8.767c.764-1.68 1.157-4.41 1.157-7.121 0-2.102-.234-4.119-.656-5.682a60.488 60.488 0 0 1-.797-3.38 37.753 37.753 0 0 0 1.894 3.79c.83 1.437 1.286 3.31 1.286 5.27 0 3.207-1.193 5.959-2.884 7.123zm1.855-.374c1.263-1.613 2.07-4.038 2.07-6.746 0-2.147-.509-4.21-1.431-5.81a36.078 36.078 0 0 1-1.512-2.973 34.938 34.938 0 0 0 2.8 3.6 7.76 7.76 0 0 1 1.972 5.184 7.746 7.746 0 0 1-3.9 6.745z'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--peppers {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .206h37.798v38.388H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%280 .2%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23756157' d='M37.798 19.4c0 10.6-8.461 19.194-18.899 19.194S0 30 0 19.4C0 8.799 8.461.205 18.9.205S37.798 8.8 37.798 19.4' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M26.303 14.84h-.892c0-3.445-2.76-6.249-6.153-6.249v-.906c3.885 0 7.045 3.21 7.045 7.155'/%3E%3Cpath fill='%23FFF' d='M30.345 19.272c0-2.506-2-4.538-4.468-4.538-2.467 0-4.468 2.032-4.468 4.538 0 0-.375 5.527-6.63 5.527 0 0-6.016.466-7.65-5.527 0 6.512 5.196 11.79 11.608 11.79 6.411 0 11.608-5.278 11.608-11.79'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--tomatoes {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 38.594V.314h37.691v38.28z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%280 .093%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23756157' d='M37.69 19.454c0 10.57-8.437 19.14-18.845 19.14S0 30.024 0 19.454C0 8.883 8.437.314 18.845.314s18.846 8.569 18.846 19.14' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23FFFFFD' d='M23.142 10.788a10.834 10.834 0 0 0-4.222-.849c-1.601 0-3.118.345-4.476.96.544.188 1.106.332 1.66.423l.656.108-.348.575a12.96 12.96 0 0 0-1.11 2.333 12.477 12.477 0 0 0 3.114-1.683l.263-.196.264.196c.935.698 2.017 1.28 3.113 1.683-.286-.803-.665-1.6-1.116-2.344l-.347-.571.651-.112c.637-.11 1.282-.289 1.898-.523'/%3E%3Cpath fill='%23FFFFFD' d='M24.217 11.314c-.805.378-1.568.614-2.2.762.497.912.892 1.883 1.155 2.839l.212.773-.76-.216a13.263 13.263 0 0 1-3.945-1.897 13.259 13.259 0 0 1-3.944 1.897l-.76.216.212-.773c.26-.95.653-1.915 1.145-2.824a11.396 11.396 0 0 1-1.952-.636c-2.983 1.782-4.97 4.96-4.97 8.583 0 5.577 4.705 10.099 10.51 10.099s10.51-4.522 10.51-10.099c0-3.721-2.095-6.972-5.213-8.724zM12.155 25.542a8.352 8.352 0 0 1-2.088-5.504c0-1.432.375-2.848 1.086-4.096l.77.452a7.378 7.378 0 0 0-.965 3.644 7.44 7.44 0 0 0 1.863 4.902l-.666.602z'/%3E%3Cpath fill='%23FFF' d='M20.097 9.623l-.041-.37c-.03-.267-.219-1.17-1.38-2.178l-.017.013-.015-.013c-1.16 1.006-1.35 1.909-1.38 2.175l-.043.371-.367.028c-1.095.08-2.273.395-3.335.881.816.373 1.709.648 2.585.792l.656.108-.348.575a12.96 12.96 0 0 0-1.11 2.333 12.48 12.48 0 0 0 3.113-1.683l.264-.197.264.197c.935.698 2.016 1.28 3.113 1.683a12.91 12.91 0 0 0-1.117-2.344l-.346-.57.651-.113a10.388 10.388 0 0 0 2.516-.78c-1.049-.48-2.212-.794-3.297-.88l-.366-.028z'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--wheat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 38.939h37.941V0H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23756157' d='M37.94 19.47c0 10.752-8.493 19.469-18.97 19.469C8.493 38.939 0 30.222 0 19.469 0 8.716 8.493 0 18.97 0c10.477 0 18.97 8.716 18.97 19.47z'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23FFF' d='M18.561 38.939h.896v-6.447h-.896z' mask='url%28%23b%29'/%3E%3Cpath fill='%23FFF' d='M25.538 25.751c-3.627 0-6.568 3.018-6.568 6.741 3.628 0 6.568-3.018 6.568-6.74m-13.136-.001c0 3.723 2.941 6.741 6.568 6.741 0-3.723-2.94-6.74-6.568-6.74m13.136-6.707c-3.627 0-6.568 3.018-6.568 6.74 3.628 0 6.568-3.018 6.568-6.74m-13.136 0c0 3.722 2.941 6.74 6.568 6.74 0-3.722-2.94-6.74-6.568-6.74m13.136-6.707c-3.627 0-6.568 3.018-6.568 6.74 3.628 0 6.568-3.017 6.568-6.74M19.01 3.882c-2.566 2.632-2.566 6.9 0 9.533 2.564-2.633 2.564-6.9 0-9.533' mask='url%28%23b%29'/%3E%3Cpath fill='%23FFF' d='M12.402 12.338c0 3.723 2.941 6.74 6.568 6.74 0-3.722-2.94-6.74-6.568-6.74' mask='url%28%23b%29'/%3E%3C/g%3E%3C/svg%3E");
}
.fg-map-overlay__icon--ship {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='39' viewBox='0 0 38 39'%3E%3Cdefs%3E%3Cpath id='a' d='M0 38.594V.314h37.691v38.28z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%280 .093%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23756157' d='M37.691 19.454c0 10.57-8.438 19.14-18.846 19.14S0 30.024 0 19.454C0 8.883 8.437.314 18.845.314s18.846 8.569 18.846 19.14' mask='url%28%23b%29'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M23.381 29.555c-1.225 0-1.844.27-2.443.53-.54.235-1.05.457-2.092.457-1.043 0-1.553-.222-2.093-.457-.598-.26-1.218-.53-2.443-.53-1.226 0-1.845.27-2.444.53-.54.235-1.05.457-2.092.457v.904c1.225 0 1.844-.27 2.443-.53.54-.234 1.05-.456 2.093-.456 1.042 0 1.552.222 2.092.457.6.26 1.218.53 2.444.53 1.225 0 1.844-.27 2.443-.53.54-.235 1.05-.457 2.092-.457 1.043 0 1.553.222 2.093.457.599.26 1.218.53 2.443.53v-.905c-1.043 0-1.553-.222-2.093-.457-.598-.26-1.218-.53-2.443-.53m1.326-2.921c.455-3.025 1.558-6.291 3.223-9.325l-2.827-.871v-5.195h-3.974V7.986h-4.56v3.257h-3.982v5.165l-2.827.857v.044c1.665 3.034 2.769 6.3 3.223 9.325-.445.103-.784.25-1.116.394-.54.235-1.05.457-2.093.457v.904c1.225 0 1.844-.269 2.443-.529.54-.236 1.05-.457 2.093-.457s1.553.221 2.093.457c.598.26 1.218.53 2.443.53s1.844-.27 2.443-.53c.54-.236 1.05-.457 2.092-.457 1.043 0 1.553.221 2.093.457.599.26 1.217.53 2.443.53v-.905c-1.043 0-1.553-.222-2.092-.457-.333-.145-.672-.292-1.118-.394zm-.494-10.47l-4.922-1.516V27.47a6.49 6.49 0 0 1-.891 0V14.645l-4.922 1.493v-3.99h10.735v4.016z'/%3E%3C/g%3E%3C/svg%3E");
}

.newuser {
  padding: 30px 20px 0px 30px;
  background-color: #00869d;
  overflow: auto;
  color: #FFF;
}

.btn-edit {
  background: url("resources/img/edit.png");
  background-repeat: no-repeat;
}

.btn-delete {
  background: url("resources/img/delete.png");
  background-repeat: no-repeat;
}

.btn-tick {
  background: url("resources/img/tick.png");
  background-repeat: no-repeat;
}

.btn-untick {
  background: url("resources/img/untick.png");
  background-repeat: no-repeat;
}

.btn-cross {
  background: url("resources/img/cross.png");
  background-repeat: no-repeat;
}

.btn-view {
  background: url("resources/img/view.png");
  background-repeat: no-repeat;
}

.btn-add {
  background: url("resources/img/add.png");
  background-repeat: no-repeat;
}

.btn-download {
  background: url("resources/img/download.png");
  background-repeat: no-repeat;
  float: right;
  margin: 5px;
  position: relative;
  left: -94%;
  top: -5px;
}

.btn-more {
  background: url("resources/img/more.png");
  background-repeat: no-repeat;
}

.approveduser {
  padding: 30px 20px 0px 30px;
  overflow: auto;
  background-color: #0b4b52;
  color: #FFF;
}

.rejecteduser {
  padding: 30px 20px 0px 30px;
  overflow: auto;
  background-color: #760153;
  color: #FFF;
}

.docbtn {
  width: 20px;
  height: 20px;
  border: 0;
  margin: 0 5%;
  cursor: pointer;
}

.usertableheader {
  color: #FFF;
  font-size: 13px;
}
.usertableheader th {
  font-weight: lighter;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  vertical-align: bottom;
  border: 0;
  padding: 0;
}

.usertable td {
  padding: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  position: relative;
  line-height: 12px;
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.usertable td span {
  padding: 12px 3px 11px;
  text-align: center !important;
  display: block;
  width: 100%;
  white-space: nowrap;
}
.usertable .userrow {
  color: #4a4a4a;
  cursor: pointer;
  width: 100%;
  background-color: #f7ffd6;
  margin-bottom: 5px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease;
  -webkit-transition: ba;
  transition: ba;
}

.fg-table-text {
  font-size: 14px;
  font-weight: 500;
}

.user-table {
  margin-bottom: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  /*
  checkbox, group name, programme, origin, product, region
   */
}
.user-table .info-icon {
  font-size: 16px;
  color: white;
  text-align: center;
  background: green;
  border-radius: 15px;
  width: 20px;
  position: relative;
  top: 3px;
  height: 22px;
  left: 5px;
}
.user-table .info-icon p {
  position: absolute;
  top: 5px;
  left: 7px;
}
.user-table .user-row {
  color: #4a4a4a;
  cursor: pointer;
  width: 100%;
  background-color: #f7ffd6;
  margin-bottom: 5px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.user-table .user-row--active {
  color: #fff;
  background-color: #a0c800;
}
.user-table input {
  margin: -1px 0 0px;
  padding: 0;
  display: block;
}
.user-table select {
  width: 100px !important;
}
.user-table .close {
  width: 20px;
  height: 24px;
  left: 8px;
  background: #ff5248;
  color: white;
  border-radius: 100%;
  display: inline-block;
  position: relative;
}
.user-table .close div {
  position: absolute;
  top: 8px;
  left: 5px;
}
.user-table .tick {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: green;
  height: 22px;
  border-radius: 100%;
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.user-table .untick {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #edebeb;
  height: 22px;
  border-radius: 100%;
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.user-table .checkmark_stem {
  position: absolute;
  width: 2px;
  height: 9px;
  background-color: white;
  left: 11px;
  top: 6px;
}
.user-table .checkmark_kick {
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #fff;
  left: 8px;
  top: 12px;
}
.user-table tbody {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  height: auto;
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Hide rows after 6 */
}
.fg-table.minimise .user-table tbody {
  height: 320px;
}
.user-table thead,
.user-table tbody tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.user-table thead td,
.user-table thead th {
  font-size: 11.25px;
  font-weight: bold;
  line-height: normal;
  vertical-align: bottom;
  border: 0;
  padding: 0;
}
.user-table tbody td,
.user-table tbody th {
  padding: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  position: relative;
  line-height: 12px;
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.user-table span {
  padding: 12px 3px 11px;
  display: block;
  width: 100%;
  white-space: nowrap;
}
.user-table td span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-table .no-matches span {
  vertical-align: middle;
  text-align: center;
  padding: 16px 5px;
}
.user-table__checkbox {
  cursor: pointer;
  margin: -4px 0 -3px;
  padding: 0;
}
.user-table__checkbox input[type=checkbox] {
  display: none;
}
.user-table__checkbox input[type=checkbox] + span {
  margin: 0;
  padding: 0;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border: solid 2px #dce2cb;
  background-color: transparent;
  position: relative;
}
.user-table__checkbox input[type=checkbox] + span:before {
  content: "";
  opacity: 0;
  position: absolute;
  display: block;
  left: -1px;
  bottom: 2px;
  width: 18px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23fff' stroke='%23fff' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E");
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.user-table__checkbox input[type=checkbox]:checked + span:before {
  opacity: 1;
}
.user-table thead .fg-table__checkbox {
  margin: 0px 0px -2px 1px;
}
.user-table thead .fg-table__checkbox input[type=checkbox] + span {
  width: 12px;
  height: 12px;
  border-color: #FFFFFF;
  border-radius: 2px;
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.user-table thead .fg-table__checkbox input[type=checkbox] + span:before {
  display: none;
}
.user-table thead .fg-table__checkbox input[type=checkbox]:checked + span {
  background-color: #a0c800;
}

#my-pagination .ngx-pagination .current {
  background: #f7ffd6;
  color: black;
}

#my-pagination .ngx-pagination li {
  /* display: inline-block; */
  border: 1px solid;
  margin-right: 0;
  float: left;
}

.paginationClass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

table {
  table-layout: fixed;
  word-wrap: break-word;
}

th span {
  width: 15px;
}

td span {
  font-size: 9.5px;
  text-align: left;
  display: block;
  width: 100%;
}

.totals-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hide-card {
  display: none;
}

.card__noresults {
  width: 250px;
}

.card {
  margin: 0;
}
.card > .row > div > * {
  height: 100%;
  min-height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 5px 3px 0;
  min-height: 40px;
}
.card__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fd4e00;
}
.card__learn {
  margin-left: 20px;
  font-size: 15px;
  line-height: 19px;
}
.card__learn a {
  color: #9e948e;
  font-weight: 500;
}
.card__policy {
  margin-left: 20px;
  font-size: 13px;
  line-height: 20px;
}
.card__policy a {
  color: #698714;
  font-weight: 500;
}
.card__toggle-tier2 {
  left: 1.7em !important;
  top: 3.5em !important;
}
.card__toggle-tier2 .card-toggle-text {
  position: absolute;
  left: 0px;
  top: -21px;
}
.card__toggle-calc-tier2 {
  left: 1.7em !important;
  top: 1.5em !important;
}
.card__toggle-calc-tier2 .card-toggle-text {
  position: absolute;
  top: -21px;
}
.card__toggle {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 1.7em;
  bottom: 1.1em;
  height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 20px;
  line-height: 12px;
  color: #6b5d55;
  font-weight: 500;
}
.card__toggle .chart-right-align {
  padding-left: 10px;
}
.card__toggle label {
  height: 22px !important;
  min-height: 22px !important;
}
.card__toggle span {
  height: 22px !important;
  min-height: 22px !important;
  padding-top: 5px;
  font-size: 12px;
  line-height: 12px;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 4px;
  display: inline-block;
  color: #0b4b52;
}
.card__toggle .isActive {
  color: #0b4b52;
  font-size: 14px;
  font-weight: bold;
}
.card__toggle__switch {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0;
  width: 50px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.card__toggle__switch input[type=checkbox] {
  display: none;
}
.card__toggle__switch input[type=checkbox] + span {
  background: #a0c800;
  height: 22px;
  width: 22px;
  border-radius: 11px;
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 28px;
  -webkit-box-shadow: inset -1px 0px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset -1px 0px 3px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.card__toggle__switch input[type=checkbox]:checked + span {
  margin-left: 0;
  -webkit-box-shadow: inset 1px 0px 3px 0px rgba(0, 0, 0, 0.4);
          box-shadow: inset 1px 0px 3px 0px rgba(0, 0, 0, 0.4);
}
.card .height-align {
  min-height: 390px;
}
.card .card-align {
  max-height: 350px;
}
.card__body {
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.card__body .card-chart-align {
  position: relative;
  left: -24px;
}
.card__body .card-table-align {
  position: relative;
  left: -24px;
}
.card__body .card__title {
  margin: 10px;
}
.card__body .card__noresults {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card__inner {
  width: 100%;
}
.card__inner .cardtitle {
  color: #00869d;
}
.card__inner .farmer-summary-chartAlign {
  top: -15px;
}
.card__inner .neg-chart-align {
  position: relative;
  left: 2rem;
  z-index: 1;
}
.card__inner .content-align {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.card__inner .content-align .total-card-value__font {
  font-size: 24px !important;
}
.card__inner .content-align .table-down-arrow {
  color: #FD4E00;
  padding-left: 10px;
  margin: 0px;
  margin-top: 16px;
}
.card__inner .content-align .table-up-arrow {
  color: #A0C800;
  padding-left: 10px;
  margin: 0px;
  margin-top: 16px;
}
.card__inner .content-align .greenbg, .card__inner .content-align .redbg {
  margin: 5px 3.69px 0 4.32px;
  padding-left: 0;
  padding-right: 0;
  width: 17px;
  height: 17px;
  background-color: rgba(4, 157, 39, 0.2);
  display: inline-block;
  border-radius: 50%;
}
.card__inner .content-align .greenbg img, .card__inner .content-align .redbg img {
  position: relative;
  top: -3px;
  left: 4px;
}
.card__inner .content-align .redbg {
  background-color: rgba(211, 4, 4, 0.2);
}
.card__inner .content-align .greenPercent, .card__inner .content-align .redPercent {
  font-family: "GT Walsheim,Bold";
  padding: 0 !important;
  line-height: 1;
  margin: 9px 0px 0px 0 !important;
  color: #049d27;
  font-size: 13px;
}
.card__inner .content-align .redPercent {
  color: #D30404;
}
.card__inner .highcharts-root {
  width: 100% !important;
}
.card__inner .highcharts-credits {
  display: none !important;
}
.card .total_card {
  text-align: left !important;
}

.merge-card .card__inner > .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

::ng-deep.time-bar-chart .highcharts-scrolling {
  height: 100% !important;
}
::ng-deep.time-bar-chart .highcharts-scrolling .highcharts-inner-container {
  height: 100% !important;
}

::ng-deep.highcharts-container {
  width: 100% !important;
  height: 100% !important;
}

::ng-deep.time-bar-chart .highcharts-fixed {
  z-index: 0 !important;
}

.origin-break-down-fg .card__inner,
.origin-break-down-est .card__inner,
.origin-break-down-cns .card__inner {
  text-align: left !important;
}

::ng-deep tspan {
  stroke: transparent !important;
}

.cardtitle {
  color: #00869d;
}

.abs_int_toggle, .chart_toggle {
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
  position: absolute;
  width: 100px;
  top: 36px;
  left: 20px;
  z-index: 2;
}
.abs_int_toggle span, .chart_toggle span {
  font-size: 13px;
}
.abs_int_toggle li, .chart_toggle li {
  margin: 0;
  text-align: left;
  font: normal normal normal 12px GT Walsheim;
  letter-spacing: 0px;
  color: #555;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding-left: 30px;
}
.abs_int_toggle li.hideAbs, .chart_toggle li.hideAbs {
  pointer-events: none;
  opacity: 0.7 !important;
}
.abs_int_toggle li:first-child, .chart_toggle li:first-child {
  margin-bottom: 15px;
}
.abs_int_toggle li .cb-title, .chart_toggle li .cb-title {
  font-size: 14px;
  font-family: "GT Walsheim,Regular";
  color: #484E4E;
}
.abs_int_toggle li .cb-title.isActive, .chart_toggle li .cb-title.isActive {
  font-family: "GT Walsheim,Bold";
}
.abs_int_toggle li div, .chart_toggle li div {
  text-decoration: none;
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 5px;
  cursor: default;
}
.abs_int_toggle li div:after, .abs_int_toggle li div:before, .chart_toggle li div:after, .chart_toggle li div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: 100%;
  -webkit-transform: scaleX(2) scaleY(1.05);
          transform: scaleX(2) scaleY(1.05);
  clip: rect(0, 66px, 100px, 34px);
  z-index: -1;
}
.abs_int_toggle li div:after, .chart_toggle li div:after {
  -webkit-transform: scaleY(2) scaleX(1.05) rotate(90deg);
  transform: scaleY(2) scaleX(1.05) rotate(90deg);
}
.abs_int_toggle li div .customBox, .chart_toggle li div .customBox {
  width: 100%;
  height: 100% !important;
  border-radius: 38%;
  background: #E8E8E8;
  border: 1px solid #BABABA;
  opacity: 0.5;
  display: inline-block;
  min-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}
.abs_int_toggle li div .tickCss, .abs_int_toggle li div .tick1Css, .chart_toggle li div .tickCss, .chart_toggle li div .tick1Css {
  background: #00ACC6 !important;
  border-color: #00ACC6 !important;
  opacity: 1 !important;
  pointer-events: none;
  cursor: default;
}
.abs_int_toggle li div .tickCss::before, .abs_int_toggle li div .tick1Css::before, .chart_toggle li div .tickCss::before, .chart_toggle li div .tick1Css::before {
  position: absolute;
  left: -2.5px;
  top: 7px;
  height: 27%;
  width: 1.5px;
  background-color: #fff;
  content: "";
  -webkit-transform: translateX(10px) rotate(-45deg);
          transform: translateX(10px) rotate(-45deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.abs_int_toggle li div .tickCss::after, .abs_int_toggle li div .tick1Css::after, .chart_toggle li div .tickCss::after, .chart_toggle li div .tick1Css::after {
  position: absolute;
  left: -2.5px;
  bottom: 5px;
  height: 1.5px;
  width: 45%;
  background-color: #fff;
  content: "";
  -webkit-transform: translateX(10px) rotate(-45deg);
          transform: translateX(10px) rotate(-45deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.abs_int_toggle:after {
  top: 2px;
  content: "";
  border: 1px solid #BABABA;
  width: 1px;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 84px;
  margin: 0 21px;
}

.card__toggle.graphTier2 {
  top: 0px;
  left: 118px;
}
.card__toggle.graphTier2 span {
  margin: 0;
  padding: 0;
  height: auto !important;
  min-height: auto !important;
  line-height: inherit;
  color: #555;
}

.totals-card {
  text-align: center;
  color: #760153;
  width: 100%;
}
.totals-card .totals-height-alignment {
  min-height: 140px !important;
}
.totals-card__title {
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin: 20px 0 8px;
  padding: 0;
  color: #00869d;
}
.totals-card__title:first-child {
  margin-top: 0;
}
.totals-card #text-card {
  text-align: left;
}
.totals-card__text {
  margin: 0;
}
.totals-card__text strong {
  font-weight: bold;
  font-size: 120%;
}
.totals-card__stat {
  display: inline;
  font-size: 54px;
  line-height: 45px;
  font-weight: 600;
  color: #760153;
}
.totals-card__desc {
  clear: both;
  text-align: center;
  color: #760153;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  margin: 10px 0 0;
}

.figure-card {
  /**
  Resize font depending on # of chars
   */
}
.figure-card__text {
  display: block;
  color: #0b4b52;
  margin-bottom: 8px;
  margin-top: 15px;
}
.figure-card__title {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 8px;
  padding: 0;
  color: #00869d;
  text-align: center;
}
.figure-card__subtext {
  clear: both;
  color: #0b4b52;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  margin: 0 0 10px 0;
}
.figure-card__stat {
  display: inline;
  font-size: 30px;
  line-height: 45px;
  font-weight: 600;
  color: #444444;
}
.figure-card__suffix {
  display: inline;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  vertical-align: bottom;
  color: #444444;
}
.figure-card__desc {
  clear: both;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.figure-card__information-icon {
  position: absolute;
  top: 8px;
  right: 24px;
  height: 20px;
  width: 20px;
}
.figure-card__view {
  font-size: 13px;
  position: relative;
  top: -6px;
}
.figure-card__flipicon {
  position: relative;
  right: -8px;
  bottom: -16px;
  cursor: pointer;
  padding: 0px 1px;
  text-align: right;
  width: 23px;
  margin: 0px 5px 5px auto;
}
.figure-card__flipicon img {
  background: url(resources/img/two-clockwise-circular-rotating-arrows-circle.svg) no-repeat;
  padding: 10px;
}
@media (min-width: 640px) {
  .figure-card {
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
  }
  .figure-card__stat__char-1 {
    font-size: 33.2px;
  }
  .figure-card__stat__char-2 {
    font-size: 31.4px;
  }
  .figure-card__stat__char-3 {
    font-size: 29.6px;
  }
  .figure-card__stat__char-4 {
    font-size: 27.8px;
  }
  .figure-card__stat__char-5 {
    font-size: 26px;
  }
  .figure-card__stat__char-6 {
    font-size: 24.2px;
  }
  .figure-card__stat__char-7 {
    font-size: 22.4px;
  }
  .figure-card__stat__char-8 {
    font-size: 20.6px;
  }
  .figure-card__stat__char-9 {
    font-size: 20px;
  }
  .figure-card__stat__char-10 {
    font-size: 20px;
  }
  .figure-card__stat__char-11 {
    font-size: 20px;
  }
  .figure-card__stat__char-12 {
    font-size: 20px;
  }
  .figure-card__stat__char-13 {
    font-size: 20px;
  }
  .figure-card__stat__char-14 {
    font-size: 20px;
  }
  .figure-card__stat__char-15 {
    font-size: 20px;
  }
  .figure-card__stat__char-16 {
    font-size: 20px;
  }
  .figure-card__stat__char-17 {
    font-size: 20px;
  }
  .figure-card__stat__char-18 {
    font-size: 20px;
  }
  .figure-card__stat__char-19 {
    font-size: 20px;
  }
  .figure-card__stat__char-20 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .figure-card {
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
  }
  .figure-card__stat__char-1 {
    font-size: 38.2px;
  }
  .figure-card__stat__char-2 {
    font-size: 36.4px;
  }
  .figure-card__stat__char-3 {
    font-size: 34.6px;
  }
  .figure-card__stat__char-4 {
    font-size: 32.8px;
  }
  .figure-card__stat__char-5 {
    font-size: 31px;
  }
  .figure-card__stat__char-6 {
    font-size: 29.2px;
  }
  .figure-card__stat__char-7 {
    font-size: 27.4px;
  }
  .figure-card__stat__char-8 {
    font-size: 25.6px;
  }
  .figure-card__stat__char-9 {
    font-size: 23.8px;
  }
  .figure-card__stat__char-10 {
    font-size: 22px;
  }
  .figure-card__stat__char-11 {
    font-size: 20.2px;
  }
  .figure-card__stat__char-12 {
    font-size: 20px;
  }
  .figure-card__stat__char-13 {
    font-size: 20px;
  }
  .figure-card__stat__char-14 {
    font-size: 20px;
  }
  .figure-card__stat__char-15 {
    font-size: 20px;
  }
  .figure-card__stat__char-16 {
    font-size: 20px;
  }
  .figure-card__stat__char-17 {
    font-size: 20px;
  }
  .figure-card__stat__char-18 {
    font-size: 20px;
  }
  .figure-card__stat__char-19 {
    font-size: 20px;
  }
  .figure-card__stat__char-20 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .figure-card {
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
  }
  .figure-card__stat__char-1 {
    font-size: 43.2px;
  }
  .figure-card__stat__char-2 {
    font-size: 41.4px;
  }
  .figure-card__stat__char-3 {
    font-size: 39.6px;
  }
  .figure-card__stat__char-4 {
    font-size: 37.8px;
  }
  .figure-card__stat__char-5 {
    font-size: 36px;
  }
  .figure-card__stat__char-6 {
    font-size: 34.2px;
  }
  .figure-card__stat__char-7 {
    font-size: 32.4px;
  }
  .figure-card__stat__char-8 {
    font-size: 30.6px;
  }
  .figure-card__stat__char-9 {
    font-size: 28.8px;
  }
  .figure-card__stat__char-10 {
    font-size: 27px;
  }
  .figure-card__stat__char-11 {
    font-size: 25.2px;
  }
  .figure-card__stat__char-12 {
    font-size: 23.4px;
  }
  .figure-card__stat__char-13 {
    font-size: 21.6px;
  }
  .figure-card__stat__char-14 {
    font-size: 20px;
  }
  .figure-card__stat__char-15 {
    font-size: 20px;
  }
  .figure-card__stat__char-16 {
    font-size: 20px;
  }
  .figure-card__stat__char-17 {
    font-size: 20px;
  }
  .figure-card__stat__char-18 {
    font-size: 20px;
  }
  .figure-card__stat__char-19 {
    font-size: 20px;
  }
  .figure-card__stat__char-20 {
    font-size: 20px;
  }
}
@media (min-width: 1065px) {
  .figure-card {
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
    /* scale down as chars increase */
  }
  .figure-card__stat__char-1 {
    font-size: 48.2px;
  }
  .figure-card__stat__char-2 {
    font-size: 46.4px;
  }
  .figure-card__stat__char-3 {
    font-size: 44.6px;
  }
  .figure-card__stat__char-4 {
    font-size: 42.8px;
  }
  .figure-card__stat__char-5 {
    font-size: 41px;
  }
  .figure-card__stat__char-6 {
    font-size: 39.2px;
  }
  .figure-card__stat__char-7 {
    font-size: 37.4px;
  }
  .figure-card__stat__char-8 {
    font-size: 35.6px;
  }
  .figure-card__stat__char-9 {
    font-size: 33.8px;
  }
  .figure-card__stat__char-10 {
    font-size: 32px;
  }
  .figure-card__stat__char-11 {
    font-size: 30.2px;
  }
  .figure-card__stat__char-12 {
    font-size: 28.4px;
  }
  .figure-card__stat__char-13 {
    font-size: 26.6px;
  }
  .figure-card__stat__char-14 {
    font-size: 24.8px;
  }
  .figure-card__stat__char-15 {
    font-size: 23px;
  }
  .figure-card__stat__char-16 {
    font-size: 21.2px;
  }
  .figure-card__stat__char-17 {
    font-size: 20px;
  }
  .figure-card__stat__char-18 {
    font-size: 20px;
  }
  .figure-card__stat__char-19 {
    font-size: 20px;
  }
  .figure-card__stat__char-20 {
    font-size: 20px;
  }
}

.total-height-align {
  height: 93px !important;
  min-height: 93px !important;
  z-index: 1;
  position: relative;
}
.total-height-align .flip-card-inner {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.flip-card {
  background-color: transparent;
  min-height: 180px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.flip-card .isTier2box {
  width: 439px;
}
.flip-card .isTier2box .flip-card-front {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.0901960784) !important;
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.0901960784) !important;
  border: 1px solid #E3E3E3;
  border-radius: 12px;
}
.flip-card .isTier2box .pl-3 {
  padding: 0 !important;
}
.flip-card .isTier2box .pl-3 .content-align {
  height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.flip-card .isTier2box .pl-3 .content-align .tier2h3 {
  text-align: left;
  color: #484E4E;
  font-size: 17px;
  font-weight: normal;
  font-family: "gt_walsheim_promedium";
  margin: 6px 0 0 0;
  padding-right: 21px;
  text-transform: uppercase;
}
.flip-card .isTier2box .pl-3 .content-align .ncLucText {
  font-size: 10px;
  font-family: GT Walsheim, Regular;
  color: #484E4E;
  padding-left: 20px;
}
.flip-card .isTier2box .pl-3 .content-align .ncTrend {
  position: relative;
  top: -10px;
}
.flip-card .isTier2box .pl-3 .content-align .totals-card__stat {
  line-height: 1;
  position: relative;
}
.flip-card .isTier2box .pl-3 .content-align .totals-card__stat .tier2Abs, .flip-card .isTier2box .pl-3 .content-align .totals-card__stat .tier2Int {
  font-size: 34px;
  color: #484E4E;
  margin: 0;
  font-family: "GT Walsheim,Bold";
}
.flip-card .isTier2box .pl-3 .content-align .totals-card__stat .table-up-arrow {
  margin: 0;
  padding: 4px;
}
.flip-card .isTier2box .pl-3 .content-align .totals-card__stat .p-2 {
  font-size: 13px;
  color: #049D27;
  margin: 0 !important;
  padding: 0 !important;
}
.flip-card .isTier2box .pl-3 .content-align .tier2Absunit, .flip-card .isTier2box .pl-3 .content-align .tier2Intunit {
  font-size: 10px;
  color: #707070;
  font-weight: normal;
  margin: 0;
  position: absolute;
  left: 2px;
  bottom: -10px;
  font-family: "GT Walsheim";
  width: 200px;
  height: 10px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.flip-card-inner .totals-height-alignment {
  min-height: 93px !important;
}

.card-height {
  min-height: 140px !important;
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 180px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0588235294);
  border: 1px solid #EAE8E8;
  border-radius: 14px;
}

.flipclose {
  font-size: 15px;
  position: absolute;
  right: 8px;
  top: 5px;
  cursor: pointer;
}

.flip-card-back {
  background-color: #00869D;
  color: white;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding-top: 20px;
  text-align: center;
}
.flip-card-back .title {
  font-size: 15px;
  font-weight: 700;
  line-height: 0.8rem;
  margin: 0.5rem 0.5rem;
  word-break: break-word;
}
.flip-card-back .description {
  font-size: 12px;
  padding: 0px 10px;
  word-break: break-word;
  margin-bottom: 0rem;
}

.canvas-container {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.bar-chart .chart-align-left {
  padding-right: 100px;
}
.bar-chart .chart-align-left .bar-data-adjust {
  padding-bottom: 25%;
  padding-top: 44%;
}
.bar-chart .chart-align-left .positive-carbon {
  padding-bottom: 10%;
  margin-left: 31.5% !important;
}
.bar-chart .chart-align-left .negative-carbon {
  padding-bottom: 10%;
  margin-left: -25.5% !important;
}
.bar-chart .chart-align-left .normal-carbon-a {
  padding-bottom: 10%;
  margin-left: 22.5% !important;
}
.bar-chart .chart-align-left .normal-carbon-b {
  padding-bottom: 10%;
  margin-left: 22% !important;
}
.bar-chart .chart-align-left .normal-carbon {
  padding-bottom: 10%;
  margin-left: 2.7% !important;
}
.bar-chart .chart-align-left .d-none {
  display: none;
}

.chart-align-left {
  background: transparent;
}

.tooltipcls {
  background: #0b4c52 !important;
  color: white !important;
  width: 300px !important;
  font-size: 10px !important;
  border-radius: 0px !important;
  word-wrap: break-all !important;
}

.trendtooltipcls {
  background: #0b4c52 !important;
  color: white !important;
  width: 180px !important;
  font-size: 10px !important;
  border-radius: 0px !important;
  padding: 10px !important;
  word-wrap: break-all !important;
}

.envtooltipcls {
  background: #0b4c52 !important;
  color: white !important;
  width: 180px !important;
  font-size: 10px !important;
  border-radius: 0px !important;
  margin-left: 60px !important;
  padding: 10px !important;
  word-wrap: break-all !important;
}

.tracking-info-hover {
  background: #760153 !important;
  min-width: 300px !important;
  font-size: 9px !important;
}
.tracking-info-hover:after {
  border-color: #760153 transparent transparent !important;
}

.clmrsDiv {
  position: relative !important;
  top: -23px !important;
  left: -3px !important;
}

.environmental-card-container .app-card-flip-container .figure-card__flipicon {
  right: 7px;
  bottom: 30px;
}

.environmental-card-container {
  margin-top: 5%;
  min-width: 1055px !important;
}

.environmental-card-container.nc-env-wrap {
  margin-top: 0px !important;
}

.fraction-card__text .figure-card__title {
  margin-bottom: -13% !important;
  -webkit-transform: translateY(-75px);
          transform: translateY(-75px);
}

.table-unit-column {
  min-width: 122px !important;
}

.bar-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}
.bar-card__half {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.bar-card__row {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.bar-card__value {
  width: 45px;
  font-size: 12px;
  font-weight: bold;
}
.bar-card__bar {
  width: 70px;
  padding: 0 10px 0 0;
}
.bar-card__track {
  width: 100%;
  background-color: #e7e7e7;
  border-radius: 6px;
  overflow: hidden;
  display: block;
}
.bar-card__fill {
  height: 20px;
  background-color: #01acc6;
  display: block;
  border-radius: 6px 0 0 6px;
  -webkit-box-shadow: inset -1px 0px 6px rgba(0, 0, 0, 0.5);
          box-shadow: inset -1px 0px 6px rgba(0, 0, 0, 0.5);
}
.bar-card__name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 5px;
  font-size: 12px;
  font-weight: bold;
}

.table-card-height-align {
  min-height: 275px !important;
}
.table-card .table-overall-left-align {
  left: 5px !important;
  margin-top: 80px;
}
.table-card .km-width-hiddenLastMonth {
  max-width: 350px !important;
  min-width: 350px !important;
}
.table-card .table-left-align {
  left: -156px !important;
  margin-top: 64px;
}
.table-card-align {
  position: relative !important;
  table-layout: auto;
}
.table-card-align .align-center {
  text-align: center !important;
}
.table-card-align .km-width {
  max-width: 176px !important;
  min-width: 176px !important;
}
.table-card-align .km-overall-width {
  max-width: 150px !important;
  min-width: 150px !important;
}
.table-card-align .table-card__name {
  background-color: white !important;
  line-height: 2.3 !important;
  padding: 9px 10px 9px 0;
}
.table-card table {
  width: 590px;
  color: #484E4E;
}
.table-card table th,
.table-card table td {
  padding: 9px 10px;
}
.table-card table thead th,
.table-card table thead td {
  font-size: 11.5px;
  padding: 0px 10px 2px 10px !important;
}
.table-card table thead th {
  text-align: left;
  font-weight: 500;
  font-size: 13px;
  padding-top: 0;
  padding-bottom: 0;
}
.table-card table thead td {
  text-align: left;
  font-weight: 400;
}
.table-card table tbody tr:nth-child(odd) td {
  background-color: rgba(230, 230, 230, 0.44);
}
.table-card table tbody tr td {
  font-weight: 700;
  font-size: 14px;
  width: 27%;
  text-align: left;
  height: 34px;
  font-family: "GT Walsheim,Bold";
}
.table-card table tbody tr td.table-card__name {
  font-weight: 400;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  line-height: 1.6;
  margin-right: 38.02px;
}
.table-card table tbody tr td.table-card__name .data-title {
  position: relative;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-card table tbody tr td.table-card__name .data-title i svg {
  height: 12px;
  width: 12px;
  margin-left: 6px;
}
.table-card table tbody tr td.table-card__name .data-title .row-tire2 {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #484E4E;
  font-family: "GT Walsheim,Regular";
}
.table-card table tbody tr td.table-card__name span {
  height: 17px;
  margin-right: 9px;
  width: 4px;
}
.table-card table tbody tr td.table-card__name .color-code-0 {
  background-color: #00ACC6;
}
.table-card table tbody tr td.table-card__name .color-code-1 {
  background-color: #A0C800;
}
.table-card table tbody tr td.table-card__name .color-code-2 {
  background-color: #984509;
}
.table-card table tbody tr td.table-card__name .color-code-3 {
  background-color: #BE8A64;
}
.table-card table tbody tr td.table-card__name .color-code-4 {
  background-color: #0B4B52;
}
.table-card table tbody tr td.table-card__name .color-code-5 {
  background-color: #698714;
}
.table-card table tbody tr td.table-card__name .color-code-6 {
  background-color: #457276;
}
.table-card table tbody tr td.table-card__name .color-code-7 {
  background-color: #FD4E00;
}
.table-card table tbody tr td.table-card__name .color-code-8 {
  background-color: #FD8104;
}
.table-card table tbody tr td.table-card__name .color-code-9 {
  background-color: #6C5D56;
}
.table-card table tbody tr td.table-card__name .color-code-10 {
  background-color: #9E948E;
}
.table-card table tbody tr td.table-card__name .color-code-11 {
  background-color: #CEC9C6;
}
.table-card table tbody tr td.table-card__name .color-code-12 {
  background-color: #B0AA7E;
}
.table-card table tbody tr td.table-card__name .color-code-13 {
  background-color: #f58231;
}
.table-card table tbody tr td.table-card__name .color-code-14 {
  background-color: #4A9FB1;
}
.table-card table tbody tr td.table-card__name .color-code-15 {
  background-color: #3cb44b;
}
.table-card table tbody tr td.table-card__name .neg-color-code-0 {
  background-color: #800080;
}
.table-card table tbody tr td.table-card__name .neg-color-code-1 {
  background-color: #CD00CD;
}
.table-card table tbody tr td.table-card__name .neg-color-code-2 {
  background-color: #AB2286;
}
.table-card table tbody tr td.table-card__name .neg-color-code-3 {
  background-color: #CA85B9;
}
.table-card table tbody tr td.table-card__name .neg-color-code-4 {
  background-color: #ffc1f0;
}
.table-card table tbody tr td.table-card__name .neg-color-code-5 {
  background-color: #94dee9;
}
.table-card table tbody tr td.table-card__name .neg-color-code-6 {
  background-color: #41cee4;
}
.table-card table tbody tr td.table-card__percentage_col {
  min-width: 30px !important;
  max-width: 55px;
  padding: 0;
}
.table-card table tbody tr td .table-card__percentage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  left: -10px;
  position: relative;
}
.table-card table tbody tr td .table-card__percentage .table-down-arrow {
  padding-left: 0;
  width: 15px;
  height: 15px;
  background-color: rgba(211, 4, 4, 0.2);
  display: inline-block;
  border-radius: 50%;
  color: #FD4E00;
  padding-right: 5px;
}
.table-card table tbody tr td .table-card__percentage .table-up-arrow {
  padding-left: 0;
  width: 15px;
  height: 15px;
  background-color: rgba(4, 157, 39, 0.2);
  display: inline-block;
  border-radius: 50%;
  color: #A0C800;
  padding-right: 5px;
}
.table-card table tbody tr td .info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 4px;
  position: relative;
  cursor: pointer;
}
.table-card table tbody tr td .info-wrap span.info-hover {
  opacity: 0;
  visibility: hidden;
  font-size: 10px;
  background-color: #626262 !important;
  color: #DEDEDE;
  text-align: center;
  border-radius: 6px 6px 6px 0px;
  z-index: 3;
  position: absolute;
  bottom: 100%;
  left: 60%;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  width: 0 !important;
  white-space: nowrap;
  font-family: "GT Walsheim,Regular";
  height: auto !important;
  margin: 0;
  white-space: nowrap;
  line-height: 1.2;
}
.table-card table tbody tr td .info-wrap p {
  white-space: break-spaces;
  min-width: 168px;
  text-align: left;
  margin: 0;
  padding: 7px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}
.table-card table tbody tr td .info-wrap:hover .info-hover {
  visibility: visible;
  opacity: 1;
  width: 168px !important;
  height: auto;
  margin: 0;
}
.table-card table tbody tr td .info-wrap:hover .info-hover p {
  visibility: visible;
  opacity: 1;
}
.table-card table tfoot {
  color: #228B22;
}
.table-card table tfoot th,
.table-card table tfoot td {
  font-weight: 700;
  text-align: left;
  font-size: 17px;
  font-family: "GT Walsheim,Bold";
}
.table-card table tfoot th {
  text-align: right;
  font-size: 17px;
  font-family: "GT Walsheim,Bold";
}
.table-card--horizontal table thead th {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 30%;
  text-align: left;
}
.table-card--horizontal table thead th:first-child {
  width: auto;
}
.table-card--horizontal table tbody tr td {
  width: auto;
}
.table-card--horizontal table tbody tr td.table-card__name {
  font-weight: 500;
  font-size: 13px;
}
.table-card--horizontal table tbody tr td span {
  font-weight: 400;
}
.table-card .shorten-table-width {
  width: 68% !important;
}

.align-table-card {
  padding-left: 30px !important;
}

.env-crop-tooltip {
  background: #444444 !important;
}

.env-kminfo-tooltip {
  text-align: left !important;
  width: 194px !important;
}

.env-seetrends-tooltip {
  width: 70px !important;
  height: 25px !important;
  text-align: left !important;
  background: #444444 !important;
  padding: 5px !important;
  padding-left: 10px !important;
}

.nc-table-card {
  padding: 0;
  position: relative !important;
  table-layout: auto;
}
.nc-table-card-align {
  position: relative;
  table-layout: auto;
}
.nc-table-card table {
  width: 95%;
  color: #0b4b52;
}
.nc-table-card table .nc-title-width {
  max-width: 450px !important;
  min-width: 450px !important;
  text-align: left !important;
}
.nc-table-card table .nc-table-units {
  font-size: 10px !important;
  font-weight: normal !important;
  font-family: GT Walsheim, Medium !important;
}
.nc-table-card table .nc-yoy-align {
  color: #4A4A4A !important;
  font-size: 12px !important;
  font-family: GT Walsheim, Medium !important;
}
.nc-table-card table .footer-total {
  font-weight: 700;
  font-family: GT Walsheim, Bold !important;
  font-size: 16px !important;
  color: #760153 !important;
}
.nc-table-card table .align-right {
  text-align: right !important;
  padding-right: 20px;
}
.nc-table-card table .table-card__percentage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.nc-table-card table .table-card__percentage .table-down-arrow {
  color: #FD4E00;
  margin: 0px;
  padding-right: 5px;
  margin-top: 2px;
}
.nc-table-card table .table-card__percentage .table-up-arrow {
  color: #A0C800;
  margin: 0px;
  padding-right: 5px;
  margin-top: 2px;
}
.nc-table-card table th,
.nc-table-card table td {
  padding: 10px 10px;
}
.nc-table-card table thead th,
.nc-table-card table thead td {
  font-size: 11.5px;
}
.nc-table-card table thead th {
  text-align: left;
  font-weight: 500;
  font-size: 13px;
  padding-top: 0;
  padding-bottom: 0;
}
.nc-table-card table thead td {
  text-align: left;
  font-weight: 400;
}
.nc-table-card table tbody tr td {
  font-size: 14px;
  width: 27%;
  max-width: 102px;
  min-width: 102px;
  text-align: center;
}
.nc-table-card table tbody tfoot {
  color: #760153;
}
.nc-table-card table tbody tfoot th,
.nc-table-card table tbody tfoot td {
  font-weight: 700;
  text-align: left;
}
.nc-table-card table tbody tfoot th {
  text-align: right;
}

.nc-table-single-data {
  width: 64% !important;
}
.nc-table-single-data table tbody tr td {
  width: 15% !important;
  max-width: 70px !important;
  min-width: 70px !important;
}

.stack-card {
  padding-top: 165px;
}
.stack-card__chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.stack-card__segment {
  position: relative;
  min-width: 70px;
  height: 50px;
}
.stack-card__segment:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 15px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.23);
}
.stack-card__segment.stack-chart-bg-agriculture {
  background-color: #00ACC6;
}
.stack-card__segment.stack-chart-bg-agriculture:hover::before {
  background-color: rgb(50, 222, 248);
}
.stack-card__segment.stack-chart-bg-processing {
  background-color: #A0C800;
}
.stack-card__segment.stack-chart-bg-processing:hover::before {
  background-color: rgb(210, 250, 50);
}
.stack-card__segment.stack-chart-bg-transport {
  background-color: #984509;
}
.stack-card__segment.stack-chart-bg-transport:hover::before {
  background-color: rgb(202, 119, 59);
}
.stack-card__segment span {
  position: relative;
  z-index: 2;
}
.stack-card__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 0px 8px;
  text-transform: uppercase;
}
.stack-card__labels > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 100px;
}
.stack-card__labels > div:first-child, .stack-card__labels > div:last-child {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.stack-card__label {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.stack-card__value {
  color: #FFF;
  padding: 10px 14px;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.stack-card__notice {
  padding: 5px 0;
  font-size: 9px;
  text-align: right;
  color: #7d7d7d;
}

.flip-box {
  background-color: transparent;
  width: 100%;
  height: 426px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  border-radius: 8px;
  min-height: 190px;
}

.custom-stack-card-tooltip {
  position: relative;
  bottom: 70px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.stack-card-tooltip {
  background-color: #fff !important;
  color: #000 !important;
  font-size: 9px;
  padding: 5px 10px !important;
  border: solid 1px;
  border-radius: 0 !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 120px;
  text-align: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.stack-card-tooltip::after {
  display: none !important;
}
.stack-card-tooltip.processing_tooltip {
  border-color: #A0C800;
}
.stack-card-tooltip.agriculture_tooltip {
  border-color: #00ACC6;
}
.stack-card-tooltip.transport_tooltip {
  border-color: #984509;
}

/*
Angular app loader
 */
.app-root-wrapper {
  display: block;
  position: relative;
  height: 306px;
  min-height: 306px;
  background-color: #EFECE6;
}
.app-root-wrapper[data-tier-access="1"] {
  min-height: 434px;
}
.app-root-wrapper.loaded {
  min-height: auto;
  height: auto;
  background-color: transparent;
  display: block;
}

.loading-spinner {
  width: 110px;
  height: 110px;
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loading-spinner svg {
  width: 40px;
  height: 40px;
}
.loading-spinner img {
  width: 110px;
  height: auto;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateY(-179.9deg);
  }
}
/* The Modal (background) */
.expiry_modal {
  display: none;
  position: fixed;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.9);
  z-index: 12;
  /*
  display: none; /* Hidden by default /
  position: fixed; /* Stay in place 
  z-index: 1; /* Sit on top 
  left: 0;
  top: 0;
  width: 100%; /* Full width 
  height: 100%; /* Full height 
  overflow: auto; /* Enable scroll if needed 
  background-color: rgb(0,0,0); /* Fallback color 
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal_content_expiry {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99999;
  /*
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered 
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.expiry_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 40px;
  width: 40px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  /*
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; */
}

.expiry_modal__inner {
  position: relative;
  margin: 2rem 1rem;
  padding: 4.5rem 2rem 2rem 2rem;
  height: auto;
  background: #ffffff;
}

@media (min-width: 768px) {
  .expiry_modal__inner {
    width: auto;
    padding: 2.5rem;
    margin: 2.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .expiry_modal__inner {
    margin: 4.5rem auto;
    padding: 4.5rem;
    width: 846px;
  }
}
.expiry_close:hover,
.expiry_close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.expiry_close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 30px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.expiry_close:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 30px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.expiry_button {
  font-size: 1.8rem;
}

.text--size-l {
  font-size: 18px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .text--size-l {
    font-size: 22px;
    margin-bottom: 2rem;
  }
}
.donutflip-box {
  background-color: transparent;
  width: 100%;
  height: 265px;
  border: 1px solid #f1f1f1;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.donutflip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.donutflip-box-front,
.donutflip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.donutflip-box-back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  border-radius: 8px;
}

.button {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #00869d;
  color: #00869d;
  padding: 0.375rem 1rem;
  font-size: 0.8rem;
  line-height: 1.4;
  border-radius: 2rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.button:hover {
  text-decoration: none;
  color: #ffffff;
  background: #000000;
}
.button--primary {
  border: 2px solid #00869d;
  color: #00869d;
  text-transform: none;
  width: 100%;
  padding: 0.65rem 3.5rem;
  font-size: 1rem;
  line-height: 1.4;
  border-radius: 2rem;
}
.button--primary:hover {
  text-decoration: none;
  background: #00869d;
}
@media (min-width: 640px) {
  .button--primary {
    width: auto;
  }
}
@media (min-width: 768px) {
  .button--primary {
    padding: 0.65rem 3rem;
    font-size: 1rem;
    line-height: 1.4;
    border-radius: 2rem;
  }
}
@media (min-width: 992px) {
  .button--primary {
    padding: 0.65rem 4rem;
    font-size: 1rem;
    line-height: 1.4;
    border-radius: 2rem;
  }
}
.button:disabled {
  background: #dedad4;
  color: #fff !important;
  border-color: #dedad4 !important;
  pointer-events: none;
}
.button--feedback {
  position: fixed;
  z-index: 1;
  bottom: 200px;
  right: -6px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  color: #fff;
  border-color: #760153;
  background: #760153;
  padding: 0.65rem 1.5rem;
  font-size: 1rem;
  line-height: 1.4;
  border-radius: 2rem;
}
.button--feedback:hover {
  text-decoration: none;
  background: #ab2e86;
}
.button--white {
  color: #ffffff;
}
.button.button--green {
  border-color: #a0c800;
  color: #a0c800;
  background-color: #ffffff;
}
.button.button--green:hover {
  color: #ffffff;
  text-decoration: none;
  background: #a0c800;
}
.button.button--dark-violet {
  border-color: #760153;
  color: #760153;
}
.button.button--dark-violet.button--secondary {
  background-color: transparent;
}
.button.button--dark-violet:hover {
  color: #ffffff;
  text-decoration: none;
  background: #760153;
}
.button.button--dark-violet-2 {
  border: 2px solid #760153;
  color: #760153;
}
.button.button--dark-violet-2.button--secondary {
  background-color: transparent;
}
.button.button--dark-violet-2:hover {
  color: #ffffff;
  text-decoration: none;
  background: #760153;
}
.button.button--honey-orange {
  background: #fd8104;
  color: #ffffff;
}
.button.button--honey-orange:hover {
  background: #fd8104;
  color: #ffffff;
}
.button.button--honey-orange:disabled {
  background: #dedad4 !important;
}
.button.button--honey-orange:focus {
  outline: none !important;
}
.button.button--light-blue {
  border: 1px solid #00acc6;
  color: #00acc6;
  outline: 0px;
  background: transparent;
}
.button.button--light-blue:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00acc6;
}
.button.button--light-blue-2 {
  border: 1px solid #00869d;
  color: #00869d;
  outline: 0px;
}
.button.button--light-blue-2:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00869d;
}
.button.button--white {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.button.button--white:hover {
  color: #00869d;
  text-decoration: none;
  background: #ffffff;
}
.button--secondary {
  background: rgb(0, 164.4700636943, 192.7);
  border: 1px solid transparent;
  text-transform: none;
  padding: 0.5rem 1.6rem;
  font-size: 1rem;
  line-height: 1.4;
  border-radius: 2rem;
  color: #ffffff;
}
.button--secondary:hover {
  color: #ffffff;
  text-decoration: none;
  background: #0b4b52;
}
.button--small {
  padding: 0.25rem 0.8rem;
  font-size: 0.75rem;
  line-height: 0.7;
  border-radius: 1rem;
}
.button--space-s-left {
  margin-left: 0.5rem;
}
@media (min-width: 768px) {
  .button--space-s-left {
    margin-left: 1rem;
  }
}

.very .calculator .button {
  background-color: #FF7000;
  font-size: 14px;
  border-radius: 0px;
}
.very .calculator .button:hover {
  border-top-left-radius: 27px;
  -webkit-transition: border-top-left-radius 0.3s ease;
  transition: border-top-left-radius 0.3s ease;
}
.very .calculator .button[disabled] {
  cursor: default;
  background-color: #D1D1D1;
}
.very .calculator .button[disabled]:hover {
  border-top-left-radius: 27px;
  -webkit-transition: border-top-left-radius 0.3s ease;
  transition: border-top-left-radius 0.3s ease;
}

.text-link {
  position: relative;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 400;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #ab2e86;
}
.text-link--arrow-right {
  padding-right: 1.5rem;
  -webkit-transition: none;
  transition: none;
}
.text-link--arrow-right:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: -3px;
  height: 15px;
  width: 20px;
  background-image: url("resources/img/right-arrow-violet.svg");
  background-repeat: no-repeat;
  background-position: cover;
}
.text-link--arrow-right:hover:before {
  background-image: url("resources/img/right-arrow-blue.svg");
}
.text-link--arrow-left {
  padding-left: 1rem;
  -webkit-transition: none;
  transition: none;
}
.text-link--arrow-left:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -4px;
  height: 15px;
  width: 20px;
  background-image: url("resources/img/left-arrow-violet.svg");
  background-repeat: no-repeat;
  background-position: cover;
}
.text-link--arrow-left:hover:before {
  display: block;
  background-image: url("resources/img/left-arrow-blue.svg");
}
.text-link:hover {
  text-decoration: none;
  color: #00869d;
}

.header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #ffffff;
}
@media (min-width: 768px) {
  .header-wrapper {
    padding: 1rem 1.5rem;
  }
}
@media only screen and (min-width: 1020px) {
  .header-wrapper {
    padding: 0;
  }
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
}
@media only screen and (min-width: 1020px) {
  .header {
    position: relative;
    font-size: 0.9rem;
  }
}
.header > ul {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 5.4rem 0 4.5rem 2.5rem;
  width: 100%;
  list-style: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media (min-width: 768px) {
  .header > ul {
    padding: 5.4rem 2.5rem 4.5rem 2.5rem;
  }
}
@media only screen and (min-width: 1020px) {
  .header > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 1rem 0;
    background: none;
  }
}
.header.active {
  z-index: 2;
}
.header.active > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.6rem 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 768px) {
  .header-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100px;
            flex: 1 1 100px;
  }
}
@media only screen and (min-width: 1020px) {
  .header-item {
    padding: 10px 5px;
  }
}
.header-item a {
  line-height: 1.3;
  text-decoration: none;
  width: 100%;
  text-align: left;
  padding: 0 0.3rem;
  color: #0b4b52;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  font-weight: 400;
}
.header-item a:hover {
  color: #00869d;
}
@media (min-width: 768px) {
  .header-item a {
    text-align: center;
    font-weight: 500;
    color: #000000;
    padding: 0;
  }
}
.header-item.active .first-list {
  color: #00acc6;
}
.header__brand {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media only screen and (min-width: 1020px) {
  .header__brand {
    padding-left: 20px;
  }
}
.header__brand img {
  width: 140px;
  height: 40px;
}
@media (min-width: 768px) {
  .header__brand img {
    width: 170px;
    height: 70px;
  }
}

.login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
  font-size: 0.8rem;
  font-weight: 400;
  padding-right: 0;
  margin: 0 0 0 10px;
}
@media only screen and (min-width: 1020px) {
  .login {
    font-size: 0.9rem;
  }
}
.login a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 2;
  text-decoration: none;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  width: 100%;
  text-align: left;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  white-space: nowrap;
}
@media only screen and (min-width: 1020px) {
  .login a {
    text-align: center;
  }
}
.login--dropdown ul {
  list-style: none;
  position: absolute;
  left: -999em;
  top: 100%;
  min-width: 150px;
  padding: 0.3rem 1.5rem;
  background: #ffffff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: left 0s ease;
  transition: left 0s ease;
  -webkit-box-shadow: 0px 7px 28px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 7px 28px 3px rgba(0, 0, 0, 0.15);
  z-index: 9999;
}
@media only screen and (min-width: 1020px) {
  .login--dropdown ul {
    font-size: 0.9rem;
  }
}
.login--dropdown ul a {
  color: #00869d;
  font-weight: 500;
}
.login--dropdown ul li {
  text-align: left;
}
@media only screen and (min-width: 1020px) {
  .login--dropdown:hover ul {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    left: 37%;
  }
}
.login--logged-in > a {
  color: #00869d;
  position: relative;
  margin-right: 1rem;
  font-weight: 300;
}
.login--logged-in > a svg {
  margin-left: 6px;
  margin-top: 3px;
  width: 12px;
  fill: #00869d;
}
@media (min-width: 992px) {
  .login--logged-in > a svg {
    margin-left: 8px;
    margin-top: 4px;
    width: 25px;
    height: 25px;
    padding: 5px;
    background: #00ACC6;
    border-radius: 15px;
  }
}
@media only screen and (min-width: 1020px) {
  .login--logged-in > a {
    width: auto;
    text-align: center;
  }
}
.login--logged-in.login--active > ul {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  left: 37%;
}
.login--logged-out {
  padding-right: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 640px) {
  .login--logged-out {
    padding-right: 20px;
  }
}
.login--logged-out > a {
  color: #00869d;
  position: relative;
  margin-right: 0;
  font-weight: 400;
  border: none;
  border-radius: 2rem;
  padding: 0 0.8rem;
  -webkit-transition: 0s;
  transition: 0s;
}
@media (min-width: 768px) {
  .login--logged-out > a {
    border: 2px solid #00869d;
  }
}
@media only screen and (min-width: 1020px) {
  .login--logged-out > a {
    margin-right: 0;
    padding: 0.25rem 1.1rem;
  }
}
.login--logged-out > a svg {
  margin-left: 6px;
  margin-top: 3px;
  width: 12px;
  fill: #00869d;
}
@media (min-width: 992px) {
  .login--logged-out > a svg {
    margin-left: 8px;
    margin-top: 4px;
    width: 16px;
  }
}
@media only screen and (min-width: 1020px) {
  .login--logged-out > a {
    width: auto;
    text-align: center;
  }
  .login--logged-out > a:after {
    margin-top: 3px;
    width: 15px;
  }
}
.login--logged-out > a:hover {
  color: #ffffff;
  background: #00869d;
}
.login--logged-out > a:hover svg {
  margin-left: 8px;
  margin-top: 4px;
  fill: #fff;
}

.header__brand {
  padding-right: 10px;
}

.header-burger {
  position: relative;
  height: 30px;
  width: 40px;
  z-index: 10;
  cursor: pointer;
}
@media only screen and (min-width: 1020px) {
  .header-burger {
    display: none;
  }
}
.header-burger span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 4px;
  background: #00869d;
  border-radius: 20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.header-burger span:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  width: 25px;
  height: 4px;
  background: #00869d;
  border-radius: 20px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header-burger span:after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 25px;
  height: 4px;
  background: #00869d;
  border-radius: 20px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header-burger:hover span {
  background: #0b4b52;
}
.header-burger:hover span:before, .header-burger:hover span:after {
  width: 30px;
  background: #0b4b52;
}

.active ~ .header-burger span {
  background: #ffffff;
}
.active ~ .header-burger span:before {
  top: 0;
  height: 3px;
  width: 30px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.active ~ .header-burger span:after {
  top: 0;
  height: 3px;
  width: 30px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*--- DROPDOWN ---*/
.nav-megamenu ul {
  background-color: #fff;
  /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
  background: rgba(255, 255, 255, 0);
  /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
  list-style: none;
  position: absolute;
  /* left: -9999px; */
  /* Hide off-screen when not needed (this is more accessible than display: none;) */
}

.nav-megamenu ul li {
  padding-top: 1px;
  /* Introducing a padding between the li and the a give the illusion spaced items */
  float: none;
}

.nav-megamenu ul a {
  white-space: nowrap;
  /* Stop text wrapping and creating multi-line dropdown items */
}

.nav-megamenu li:hover .megamenu-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  visibility: initial !important;
}

@supports (backdrop-filter: none) {
  .nav-megamenu li ul {
    /* Display the dropdown on hover */
    /* left: 0px; */
    top: 100%;
    overflow: hidden;
    max-height: 550px;
    /* Bring back on-screen when needed */
    background: rgba(255, 255, 255, 0) 0% 0% no-repeat padding-box;
    border: 2px solid rgba(227, 227, 227, 0.4);
    border-radius: 6px;
    opacity: 1;
    backdrop-filter: blur(33px);
    -webkit-backdrop-filter: blur(33px);
  }
}
@supports not (backdrop-filter: none) {
  .nav-megamenu li ul {
    /* Display the dropdown on hover */
    /* left: 0px; */
    top: 100%;
    overflow: hidden;
    max-height: 550px;
    /* Bring back on-screen when needed */
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid rgba(227, 227, 227, 0.4);
    border-radius: 6px;
  }
}
.nav-megamenu li ul ul {
  background: none;
  border: none;
  max-width: 220px;
  min-width: 220px;
  border-radius: 0;
  position: relative;
  left: -40px;
}

.nav-megamenu li ul a {
  /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration: none;
  /* background-color: #6b0c36; */
}
.nav-megamenu li ul a:hover {
  color: #000;
}

.nav-megamenu li ul ul li a {
  font-weight: normal;
}

.nav-megamenu li:hover .first-list {
  color: #00869d;
}

.megamenu-container {
  visibility: hidden;
  width: auto;
  padding: 15px 24px 35px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.second-layer {
  padding: 0px 0px 0px 20px;
  min-width: 220px !important;
  max-width: 220px !important;
}

.list-link {
  max-width: 220px !important;
  min-width: 220px !important;
  white-space: normal !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.list-link-mouseover {
  font-weight: 800 !important;
}

.third-list-link-mouseover {
  font-weight: 500 !important;
}

.third-list-link {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  padding-bottom: 5px !important;
}

.third-list-link a {
  white-space: pre-wrap !important;
}

.megamenu-z-index {
  position: relative;
  z-index: 12;
}

.nav-megamenu .first-stage-list {
  margin-bottom: 2px;
}

.nav-megamenu li:hover .first-list {
  color: #00869d;
}

.nav-megamenu .first-stage-list:hover {
  margin-bottom: 0px;
}

.third-row-container {
  margin-top: 17px;
}

.second-layer-list {
  padding-top: 25px !important;
}

.first-list {
  display: table-cell !important;
  height: 100% !important;
  vertical-align: middle !important;
}

.first-list-content {
  width: 100% !important;
  height: 100% !important;
  display: table !important;
}

.nav-megamenu li:hover .first-list-content {
  border-bottom: 2px solid #0B4B52;
}

.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 3.75rem 0 1.5rem 0;
  background: #f6f7f5;
  overflow: hidden;
}
@media (min-width: 640px) {
  .hero {
    height: auto;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 768px) {
  .hero {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }
}
.hero .row {
  height: 100%;
}
@media (min-width: 640px) {
  .hero--shape-home {
    min-height: 300px;
  }
}
@media (min-width: 768px) {
  .hero--shape-home {
    min-height: 410px;
  }
}
@media (min-width: 992px) {
  .hero--shape-home {
    min-height: 500px;
  }
}
.hero--shape-home .hero__img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
@media (min-width: 768px) {
  .hero--shape-home .hero__img {
    top: 50px;
  }
}
.hero--shape-home .hero__img img {
  position: relative;
  top: -140px;
  right: -60px;
  width: 180px;
}
@media only screen and (max-width: 785px) {
  .hero--shape-home .hero__img img {
    top: -120px;
    right: 0;
    width: 320px;
  }
}
@media only screen and (max-width: 680px) {
  .hero--shape-home .hero__img img {
    top: -100px;
    right: 0;
    width: 300px;
  }
}
@media only screen and (max-width: 640px) {
  .hero--shape-home .hero__img img {
    top: -100px;
    right: 0;
    width: 240px;
  }
}
@media only screen and (max-width: 540px) {
  .hero--shape-home .hero__img img {
    top: -100px;
    right: -20px;
    width: 240px;
  }
}
@media only screen and (max-width: 505px) {
  .hero--shape-home .hero__img img {
    top: -100px;
    right: -20px;
    width: 220px;
  }
}
@media only screen and (max-width: 480px) {
  .hero--shape-home .hero__img img {
    top: -60px;
    right: -20px;
    width: 180px;
  }
}
@media only screen and (max-width: 450px) {
  .hero--shape-home .hero__img img {
    top: -60px;
    right: -30px;
    width: 180px;
  }
}
@media only screen and (max-width: 410px) {
  .hero--shape-home .hero__img img {
    top: -60px;
    right: -10px;
    width: 160px;
  }
}
@media (min-width: 768px) {
  .hero--shape-home .hero__img img {
    top: -170px;
    right: -10px;
    width: 400px;
  }
}
@media (min-width: 992px) {
  .hero--shape-home .hero__img img {
    top: -250px;
    right: -120px;
    width: 550px;
  }
}
@media (min-width: 640px) {
  .hero--shape-1 {
    min-height: 300px;
  }
}
@media (min-width: 768px) {
  .hero--shape-1 {
    min-height: 500px;
  }
}
.hero--shape-1 .hero__img {
  position: absolute;
  top: 30px;
  right: -280px;
  z-index: 0;
}
@media (min-width: 640px) {
  .hero--shape-1 .hero__img {
    top: 0;
    right: -470px;
  }
}
@media (min-width: 992px) {
  .hero--shape-1 .hero__img {
    top: 0;
    right: -360px;
  }
}
.hero--shape-1 .hero__img img {
  position: relative;
  top: -200px;
  right: 150px;
  width: 280px;
}
@media (min-width: 640px) {
  .hero--shape-1 .hero__img img {
    right: 320px;
    width: 400px;
  }
}
@media (min-width: 768px) {
  .hero--shape-1 .hero__img img {
    top: -300px;
    right: 300px;
    width: 520px;
  }
}
@media (min-width: 992px) {
  .hero--shape-1 .hero__img img {
    top: -320px;
    right: 220px;
    width: 660px;
  }
}
@media (min-width: 640px) {
  .hero--shape-2 {
    min-height: 300px;
  }
}
@media (min-width: 768px) {
  .hero--shape-2 {
    min-height: 450px;
  }
}
.hero--shape-2 .hero__img {
  position: absolute;
  top: 30px;
  right: -280px;
  z-index: 0;
}
@media (min-width: 640px) {
  .hero--shape-2 .hero__img {
    top: 0;
    right: -470px;
  }
}
@media (min-width: 992px) {
  .hero--shape-2 .hero__img {
    top: 0;
    right: -360px;
  }
}
.hero--shape-2 .hero__img img {
  position: relative;
  top: -220px;
  right: 140px;
  width: 300px;
}
@media (min-width: 640px) {
  .hero--shape-2 .hero__img img {
    right: 320px;
    width: 400px;
  }
}
@media (min-width: 768px) {
  .hero--shape-2 .hero__img img {
    top: -150px;
    right: 400px;
    width: 450px;
  }
}
@media (min-width: 992px) {
  .hero--shape-2 .hero__img img {
    top: -180px;
    right: 240px;
    width: 550px;
  }
}
@media (min-width: 640px) {
  .hero--shape-3 {
    height: auto;
  }
}
@media (min-width: 768px) {
  .hero--shape-3 {
    min-height: 590px;
  }
}
.hero--shape-3 .hero__img {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 0;
}
.hero--shape-3 .hero__img img {
  position: relative;
  top: -220px;
  right: -170px;
  width: 330px;
}
@media (min-width: 640px) {
  .hero--shape-3 .hero__img img {
    top: -280px;
    right: -200px;
    width: 450px;
  }
}
@media (min-width: 768px) {
  .hero--shape-3 .hero__img img {
    top: -100px;
    right: -210px;
    width: 480px;
  }
}
@media (min-width: 992px) {
  .hero--shape-3 .hero__img img {
    top: -180px;
    right: -240px;
    width: 660px;
  }
}
.hero--shape-4 .hero__text {
  padding-right: 0 !important;
}
@media (min-width: 640px) {
  .hero--shape-4 {
    height: auto;
  }
}
@media (min-width: 768px) {
  .hero--shape-4 {
    min-height: 590px;
  }
}
.hero--shape-4 p strong {
  color: black;
}
.hero--shape-4 img.hero-img {
  width: 660px;
  margin: -16.4% -22.6% 0 0;
}
@media (min-width: 640px) {
  .hero--shape-4 img {
    margin: -16.4% -22.6% 0 0;
  }
}
@media (min-width: 768px) {
  .hero--shape-4 img {
    margin: -16.4% -22.6% 0 0;
  }
}
@media (min-width: 992px) {
  .hero--shape-4 img {
    margin: -16.4% -22.6% 0 0;
  }
}
.hero--shape-5 .hero__text {
  padding-right: 0 !important;
}
@media (min-width: 640px) {
  .hero--shape-5 {
    height: auto;
  }
}
@media (min-width: 768px) {
  .hero--shape-5 {
    min-height: 590px;
  }
}
.hero--shape-5 h1 {
  font-size: 3.4rem;
  color: #0b4b52;
  text-transform: uppercase;
}
.hero--shape-5 h2 {
  font-size: 2.7rem;
  color: #00ACC6;
  text-transform: uppercase;
}
.hero--shape-5 .hero-img {
  width: 660px;
  margin: -34.3% -35.3% 0 0;
}
@media screen and (min-width: 1536px) {
  .hero--shape-5 .hero-img {
    width: 710px;
    margin: -34.3% -37% 0 0;
  }
}
.hero--shape-5 .sustainable-image-wrpper {
  float: right;
  width: 40%;
}
.hero--shape-5 .sustainable-image-wrpper .herobanner-wrapper {
  float: right;
}
.hero--shape-5 .sustainable-image-wrpper .sustainable-meterial-wrapper {
  float: right;
  width: 90%;
  padding: 10% 0 0 7%;
}
.hero--shape-5 .sustainable-image-wrpper .sustainable-meterial-header {
  display: inline-block;
  width: 50.9%;
  padding-left: 5px;
}
.hero--shape-5 .sustainable-image-wrpper .sustainable-meterial-icons {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
}
.hero--shape-5 .sustainable-image-wrpper .sustainable-meterial-icons img {
  margin-bottom: 10px;
  margin-left: 7px;
  width: 70px;
}
.hero .container-fluid {
  position: relative;
}
.hero__tagline {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .hero__tagline {
    font-size: 20px;
  }
}
.hero .hero__text {
  z-index: 1;
  padding-right: 50px;
}
@media (min-width: 640px) {
  .hero .hero__text {
    padding-right: 50px;
  }
}
@media (min-width: 768px) {
  .hero .hero__text {
    margin-top: 25px;
  }
}
.hero .hero__title {
  margin-bottom: 0;
  font-size: 2.125rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #0b4b52;
  padding-right: 0;
}
@media (min-width: 640px) {
  .hero .hero__title {
    padding-right: 100px;
  }
}
@media (min-width: 768px) {
  .hero .hero__title {
    padding-right: 0;
    font-size: 3.96rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .hero .hero__title {
    font-size: 4.4rem;
  }
}
@media only screen and (max-width: 785px) {
  .hero .hero__title--extra-large {
    padding-right: 0;
    font-size: 3.08rem;
  }
}
@media only screen and (max-width: 680px) {
  .hero .hero__title--extra-large {
    padding-right: 0;
    font-size: 2.64rem;
  }
}
@media only screen and (max-width: 540px) {
  .hero .hero__title--extra-large {
    padding-right: 0;
    font-size: 2.64rem;
  }
}
@media only screen and (max-width: 505px) {
  .hero .hero__title--extra-large {
    padding-right: 0;
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 505px) {
  .hero .hero__title--extra-large {
    padding-right: 0;
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 380px) {
  .hero .hero__title--extra-large {
    padding-right: 0;
    font-size: 1.76rem;
  }
}
@media only screen and (max-width: 385px) {
  .hero .hero__title--extra-large {
    padding-right: 0;
    font-size: 1.76rem;
  }
}
@media (min-width: 768px) {
  .hero .hero__title--extra-large {
    font-size: 3.52rem;
  }
}
@media (min-width: 992px) {
  .hero .hero__title--extra-large {
    font-size: 5.28rem;
  }
}
.hero a,
.hero button {
  margin-top: 1rem;
}
.hero .text-link--arrow-left {
  position: absolute;
  top: -95px;
  left: 20px;
}

.footer {
  padding: 2.5rem 1.5rem;
  background: #0b4b52;
  font-size: 12px;
  letter-spacing: 0.6px;
}
@media (min-width: 768px) {
  .footer {
    padding: 2rem 0;
  }
}
.footer__title {
  margin-bottom: 0.3rem;
  text-transform: uppercase;
  color: #00acc6;
  font-size: 12px;
  line-height: 1.2;
  font-weight: bold;
}
.footer ul {
  list-style: none;
  margin-bottom: 2.5rem;
  padding-top: 1rem;
  padding-left: 0;
}
@media (min-width: 768px) {
  .footer ul {
    margin-bottom: 0;
  }
}
.footer ul a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.footer ul a:hover {
  color: #00acc6;
}
.footer ul a:hover svg {
  color: #00acc6;
}
.footer ul li {
  margin-bottom: 1.8rem;
  color: #ffffff;
  font-weight: 300;
  cursor: pointer;
}
.footer ul li img {
  height: 100%;
  width: 100%;
}
@media (min-width: 640px) {
  .footer ul li:last-of-type {
    margin-bottom: 0;
  }
}
.footer__inline-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .footer__inline-text {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .footer__inline-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.footer__inline-text .button {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .footer__inline-text .button {
    margin-top: 0;
  }
}
.footer__inline-text p {
  text-align: center;
}
@media (min-width: 640px) {
  .footer__inline-text p {
    text-align: right;
  }
}
.footer__inline-text p {
  margin-bottom: 0;
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  .footer {
    /* smartphones */
  }
  .footer__inline-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .footer__inline-text .button {
    margin-top: 0px;
  }
  .footer__inline-text p {
    text-align: right;
    padding-right: 10px;
  }
  .footer .copyright {
    text-align: center;
    width: 295px;
  }
  .footer .footer__logo img {
    margin-left: -5px;
  }
}
@media only screen and (min-device-width: 310px) and (max-device-width: 330px) {
  .footer {
    /* smartphones */
  }
  .footer__inline-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .footer__inline-text .button {
    margin-top: 0px;
  }
  .footer__inline-text p {
    text-align: right;
    padding-right: 10px;
  }
  .footer .copyright {
    text-align: center;
    width: 250px;
  }
  .footer .footer__logo img {
    margin-left: -14px;
  }
}
@media only screen and (min-device-width: 390px) and (max-device-width: 480px) {
  .footer__inline-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .footer__inline-text .button {
    margin-top: 0px;
  }
  .footer__inline-text p {
    text-align: right;
    padding-right: 10px;
  }
  .footer .copyright {
    text-align: center;
    width: 295px;
    margin-left: 10px;
  }
  .footer .footer__logo img {
    margin-left: -5px;
  }
}
@media only screen and (min-device-width: 325px) and (max-device-width: 390px) and (-webkit-min-device-pixel-ratio: 2) {
  .footer {
    /* iPhone */
  }
  .footer__inline-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .footer__inline-text .button {
    margin-top: 0px;
  }
  .footer__inline-text p {
    text-align: right;
    padding-right: 10px;
  }
  .footer .copyright {
    text-align: center;
    width: 295px;
  }
  .footer .footer__logo img {
    margin-left: -5px;
  }
}
.footer__logo {
  text-align: center;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .footer__logo {
    text-align: right;
  }
}
.footer .footer__list .ot-sdk-show-settings {
  background: none;
  border: none !important;
  outline: none;
  color: #fff !important;
  padding: 0 !important;
  font-weight: 400;
  font-size: 12px !important;
  cursor: pointer;
  letter-spacing: 0.6px;
}
.footer .footer__list .ot-sdk-show-settings:hover {
  color: #00acc6 !important;
  background: none !important;
}

.demo-eco-feedback {
  position: absolute;
  background: #FD8104;
  color: #fff;
  font-size: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
  border-radius: 16px;
  text-decoration: none;
  right: 18%;
  top: 28%;
  cursor: pointer;
  display: none;
}

.radio-btn-3 {
  position: relative;
  display: none;
}

.feedback-modal-align input,
.feedback-modal-align textarea {
  color: black !important;
}
.feedback-modal-align input:-webkit-autofill,
.feedback-modal-align input:-webkit-autofill:hover,
.feedback-modal-align input:-webkit-autofill:focus,
.feedback-modal-align input:-webkit-autofill:active {
  -webkit-text-fill-color: black !important;
}

.basic-form label {
  font-family: "GT Walsheim", sans-serif;
  font-size: 18px;
  color: #fff;
}
.basic-form .input {
  font-family: "GT Walsheim", sans-serif;
  outline: none;
  border-radius: 5px;
  border-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.basic-form .input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: "GT Walsheim", sans-serif;
}
.basic-form .input::-moz-placeholder { /* Firefox 19+ */
  font-family: "GT Walsheim", sans-serif;
}
.basic-form .input:-ms-input-placeholder { /* IE 10+ */
  font-family: "GT Walsheim", sans-serif;
}
.basic-form .input:-moz-placeholder { /* Firefox 18- */
  font-family: "GT Walsheim", sans-serif;
}
.basic-form .input--search {
  padding: 1rem 0 1rem 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 7px;
  margin-bottom: 1.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .basic-form .input--search {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0.5rem;
  }
}
.basic-form .input--stretch {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.basic-form select {
  width: 100%;
  padding: 0.3rem 0 0.3rem 1rem;
  border-radius: 0.4rem !important;
  margin: 0 0 1rem 0;
  font-weight: normal;
  font-size: 1rem;
  color: #9e948e;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media (min-width: 768px) {
  .basic-form select {
    margin-bottom: 0;
  }
}
.basic-form .row .col-sm-12:last-of-type select {
  margin-bottom: 0;
}
.basic-form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .basic-form__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.basic-form__item a {
  -ms-flex-item-align: center;
      align-self: center;
}

/*Change text in autofill textbox*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #0b4b52 !important;
  -webkit-box-shadow: 0 0 0 30px white inset;
  background-color: white !important;
}

.accordion {
  width: 100%;
  margin-bottom: 1rem;
  background: #ffffff;
  position: relative;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.accordion:hover:not(.active) {
  -webkit-box-shadow: -5px 10px 17px 0 rgba(198, 198, 198, 0.5);
          box-shadow: -5px 10px 17px 0 rgba(198, 198, 198, 0.5);
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.accordion__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  height: 60px;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  .accordion__header {
    height: 100px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.active .accordion__header .accordion__indicator {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.active .accordion__header .accordion__indicator:after {
  opacity: 0;
}
.accordion__label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
}
@media (min-width: 768px) {
  .accordion__label {
    font-size: 2.125rem;
  }
}
.accordion__header--violet .accordion__label {
  color: #ab2e86;
}
.accordion__header--blue .accordion__label {
  color: #00869d;
}
.accordion__header--dark-blue .accordion__label {
  color: #0b4b52;
}
.accordion__header--green .accordion__label {
  color: #698714;
}
.accordion__header--dark-green .accordion__label {
  color: #0B4B52;
}
.accordion__header--grey .accordion__label {
  color: #9e948e;
}
.accordion__header--dark-violet .accordion__label {
  color: #760153;
}
.accordion__header--dark-grey .accordion__label {
  color: #6c5d56;
}
.accordion__indicator {
  position: relative;
  height: 36px;
  min-width: 36px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 100%;
  border: 4px solid #9e948e;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.accordion__indicator:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  height: 4px;
  width: 15px;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #9e948e;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.accordion__indicator:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  height: 4px;
  width: 15px;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  background: #9e948e;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.accordion__content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 2s;
  transition: max-height 2s;
}
.accordion__content__inner {
  padding: 1rem;
}
@media (min-width: 768px) {
  .accordion__content__inner {
    padding: 1.5rem 4.5rem 4.5rem 4.5rem;
  }
}
.active .accordion__content {
  max-height: 5000px;
  -webkit-transition: max-height 5s;
  transition: max-height 5s;
}
.accordion--small:hover:not(.active) {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.accordion--small .accordion__header {
  height: 70px;
}
.accordion--small .accordion__header .accordion__label {
  font-size: 1.375rem;
}

.accordion__wrapper {
  width: 100%;
}
.accordion__wrapper .accordion:last-of-type {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .accordion__wrapper .accordion:last-of-type {
    margin-bottom: 3rem;
  }
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
  margin-left: 1rem;
}

.list {
  margin-top: 1.5rem;
  padding-left: 0;
}
.list li {
  margin-bottom: 1rem;
}
.list li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .list li:last-of-type {
    margin-bottom: 1rem;
  }
}
.list li ul {
  padding-left: 0;
  margin-top: 1rem;
  list-style: none;
}
.list li ul li {
  position: relative;
  font-weight: 300;
  padding-left: 1rem;
}
.list li ul li:before {
  content: "-";
  position: absolute;
  left: 0;
}
.list--bullets {
  list-style-type: disc;
}
.list--ticks {
  position: relative;
}
.list--ticks li {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  padding-left: 2.5rem;
}
.list--ticks li:before {
  display: block;
  content: "";
  position: absolute;
  width: 25px;
  height: 20px;
  left: 0;
  background: url("resources/img/tick.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
.list--status {
  position: relative;
}
.list--status li {
  position: relative;
  overflow: visible;
  margin-bottom: 1.5rem;
  padding-left: 2.5rem;
}
.list--status li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 12px rgba(222, 218, 212, 0.4);
          box-shadow: 0 2px 12px rgba(222, 218, 212, 0.4);
  background: #dedad4;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.list--status li.success:before {
  -webkit-box-shadow: 0 2px 12px #a0c800;
          box-shadow: 0 2px 12px #a0c800;
  background: #a0c800;
}
.list--status li.fail:before {
  -webkit-box-shadow: 0 2px 12px #01adc5;
          box-shadow: 0 2px 12px #01adc5;
  background: #01adc5;
}
.list--status li.grey:before {
  -webkit-box-shadow: 0 2px 12px #6c757d;
          box-shadow: 0 2px 12px #6c757d;
  background: #6c757d;
}

.legend-container {
  border-top: solid 2px #eee;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.legend-container li {
  font-size: 11px;
  padding-left: 15px;
  margin-bottom: 0;
  color: #716d6d;
}
.legend-container li:before {
  height: 10px;
  width: 10px;
  margin-top: 1px;
}

.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.d-inline-flex .text-link {
  width: 40%;
}

.list--status li.success:before {
  background: #53d467 !important;
}
.list--status li.fail:before {
  background: #ff7f78 !important;
}
.list--status li.grey:before {
  background: #808080 !important;
}

.legend-container {
  border-top: solid 2px #eee;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.legend-container li {
  font-size: 11px;
  padding-left: 15px;
  margin-bottom: 0;
  color: #716d6d;
}
.legend-container li:before {
  height: 10px;
  width: 10px;
  margin-top: 1px;
}

.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.d-inline-flex .text-link {
  width: 40%;
}

.flex-table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.5rem 0 1rem 0;
  border-bottom: 1px solid #9e948e;
}
.flex-table__row--2-col {
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .flex-table__row--2-col {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.flex-table__row--header {
  display: none;
}
@media (min-width: 768px) {
  .flex-table__row--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.flex-table__row--header .flex-table__column {
  color: #00869d;
}
.flex-table__row:first-of-type {
  padding: 0;
  border-bottom: none;
}
.flex-table__row:nth-child(2) {
  padding-top: 0;
}
@media (min-width: 768px) {
  .flex-table__row:nth-child(2) {
    padding-top: 1rem;
  }
}
.flex-table__row:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.flex-table__header {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  max-width: 50%;
  color: #00869d;
}
@media (min-width: 768px) {
  .flex-table__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.flex-table__column {
  padding-right: 0;
}
@media (min-width: 768px) {
  .flex-table__column {
    padding-right: 2rem;
  }
}
.flex-table__row--2-col .flex-table__column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .flex-table__row--2-col .flex-table__column {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.post-filter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .post-filter {
    padding: 0;
  }
}
.post-filter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0;
  padding: 1.5rem 0 1.5rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #00869d;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.post-filter__item:nth-child(2) {
  background: rgb(233.0723684211, 230.4144736842, 226.4276315789);
}
.post-filter__item .icon {
  color: #00869d;
}
.post-filter__item:hover {
  background: rgb(210.9276315789, 205.5855263158, 197.5723684211);
}
@media (min-width: 768px) {
  .post-filter__item:hover {
    color: #ab2e86;
    background: none;
  }
}
@media (min-width: 768px) {
  .post-filter__item {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    font-size: 20px;
    margin: 0 0 0 1.5rem;
    padding: 1rem 0 0 0;
    background: none;
  }
  .post-filter__item:nth-child(2) {
    background: none;
  }
  .post-filter__item:hover {
    color: #ab2e86;
  }
  .post-filter__item:hover .icon {
    color: #ab2e86;
  }
}
.post-filter__item.active {
  color: #ab2e86;
}
.post-filter__item.active .icon {
  color: #ab2e86;
}
.post-filter__item.active:after {
  content: "";
  position: absolute;
  left: 55%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #0b4b52 transparent;
}
@media (min-width: 768px) {
  .post-filter__item.active:after {
    border-width: 0 18px 18px 18px;
    bottom: -2rem;
  }
}
.post-filter .icon {
  margin-right: 0.625rem;
}

.form__panel {
  display: none;
  margin: 0;
  padding: 0 1rem;
  background: #0b4b52;
}
@media (min-width: 768px) {
  .form__panel {
    margin-top: 1.7rem;
    padding: 0;
  }
}
.form__panel.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 639.98px) {
  .form__panel .button {
    width: 100%;
  }
}

.text-graphic {
  display: block;
  width: 315px;
  height: 330px;
  z-index: 0;
}
.text-graphic:before {
  content: "";
  padding-bottom: 100%;
}
.text-graphic__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.text-graphic__content:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: url("resources/img/Arch_shape_blue.svg");
  background-position: center right;
  background-repeat: no-repeat;
  z-index: 1;
}
.text-graphic--hero .text-graphic__content span {
  display: block;
  padding-left: 120px;
  padding-right: 10px;
  z-index: 2;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 900;
  color: #ffffff;
}
.text-graphic--hero .text-graphic__content span:after {
  content: "";
  position: absolute;
  bottom: -80px;
  left: -100px;
  height: 200px;
  width: 200px;
  background: url("resources/img/Arch_shape_small-blue.svg");
  background-position: center right;
  background-repeat: no-repeat;
}
.text-graphic--secondary .text-graphic__content span {
  display: block;
  padding-left: 150px;
  padding-right: 10px;
  z-index: 2;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}
.text-graphic--secondary .text-graphic__content span:after {
  content: "";
  position: absolute;
  bottom: -80px;
  left: -100px;
  height: 200px;
  width: 200px;
  background: url("resources/img/Arch_shape_green.svg");
  background-position: center right;
  background-repeat: no-repeat;
}

.panel {
  width: 100%;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
  border-radius: 60px 60px 0 0;
  background: #ffffff;
}

body.modal--open,
html.modal--open {
  overflow: hidden;
}

.modal {
  display: none;
  position: fixed;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.9);
  z-index: 99999;
}
.modal__overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.9);
}
.modal.active {
  display: block;
}
.modal__content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}
.modal__inner {
  position: relative;
  margin: 2rem 1rem;
  padding: 4.5rem 2rem 2rem 2rem;
  height: auto;
  background: #ffffff;
}
@media (min-width: 768px) {
  .modal__inner {
    width: auto;
    padding: 2.5rem;
    margin: 2.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .modal__inner {
    margin: 4.5rem auto;
    padding: 4.5rem;
    width: 846px;
  }
}
.modal--video .modal__inner {
  padding: 1rem;
}
.modal--video .overlay-close {
  top: -1rem;
  right: -1rem;
  background: #fff;
  border-radius: 100%;
  height: 45px;
  width: 45px;
}
.modal--video .overlay-close:before, .modal--video .overlay-close:after {
  width: 20px;
}

@media (min-width: 992px) {
  #entity_modal .overlay-close {
    top: 1rem;
    right: 1rem;
  }
}
#entity_modal .overlay-close:before {
  height: 2px;
  width: 20px;
}
#entity_modal .overlay-close:after {
  height: 2px;
  width: 20px;
}

.overlay-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 40px;
  width: 40px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}
@media (min-width: 992px) {
  .overlay-close {
    top: 1.5rem;
    right: 1.5rem;
  }
}
.overlay-close:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 30px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.overlay-close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 30px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.overlay-close:hover:before, .overlay-close:hover:after {
  background: #6c5d56;
}

.info-panel {
  display: none;
  position: fixed;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.info-panel__overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.9);
}
.info-panel.active {
  display: block;
}
.info-panel__content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}
.info-panel__inner {
  position: relative;
  margin: 2rem 1rem 0 1rem;
  padding: 2.5rem 2rem 2.5rem 2rem;
  height: auto;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 80px 9px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 80px 9px rgba(0, 0, 0, 0.12);
}
.info-panel__inner p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .info-panel__inner {
    width: auto;
    padding: 2.5rem;
    margin: 2.5rem 1rem;
  }
}
@media (min-width: 992px) {
  .info-panel__inner {
    margin: 0;
    padding: 2.5rem;
    width: 846px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.info-panel .overlay-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 30px;
  width: 30px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (min-width: 992px) {
  .info-panel .overlay-close {
    top: 1.5rem;
    right: 1.5rem;
  }
}
.info-panel .overlay-close:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 25px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.info-panel .overlay-close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 25px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.info-panel .overlay-close:hover:before, .info-panel .overlay-close:hover:after {
  background: #00869d;
}

.article__hero {
  height: 360px;
  width: 100%;
  background-size: cover;
  background-position: center center;
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0 0 0;
  width: 100%;
  list-style: none;
  padding-left: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tags__item {
  position: relative;
  margin: 0 18px 0 0;
  font-weight: 300;
  color: #698714;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tags__item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  height: 60%;
  width: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #698714;
}
.tags__item:first-of-type {
  margin-left: 0;
}
.tags__item:last-of-type:after {
  display: none;
}

.form .label {
  font-size: 0.9rem;
  width: 100%;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
  color: #9e948e;
  font-weight: 300;
}
.form__error-message {
  display: block;
  color: red;
  margin: -10px 0 15px 0;
}
.form select {
  background: url("resources/img/down-arrow-grey.svg") no-repeat 95% 50%;
  background-size: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  appearance: none;
  outline-width: 0;
  margin-bottom: 1rem;
  height: calc(3rem + 2px) !important;
  border-radius: 5px;
  padding-left: 25px;
}
.form input {
  margin-bottom: 1rem;
  padding: 0.8rem 1.5rem;
}
.form input:last-child {
  margin-bottom: 0;
}
.form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1rem;
}
.form .form-group:last-child {
  margin-bottom: 0;
}
.form .radio__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0.5rem;
  margin-right: 1.5rem;
}
.form .radio__container input {
  position: absolute;
  opacity: 0;
}
.form .radio__container .checkmark {
  position: absolute;
  height: 28px;
  width: 28px;
  top: 0;
  left: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: all 3s;
  transition: all 3s;
}
.form .radio__container .checkmark span {
  display: block;
  position: relative;
  height: 24px;
  width: 24px;
  border: 1px solid #6c5d56;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 50%;
}
.form .radio__container:hover input ~ .checkmark span {
  background-color: #dedad4;
}
.form .radio__container input:checked ~ .checkmark span {
  background-color: #ffffff;
}
.form .radio__container .checkmark span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.form .radio__container input:checked ~ .checkmark span:after {
  width: 16px;
  height: 16px;
}
.form .radio__container .checkmark span:after {
  border-radius: 50%;
  background: #0B4B52;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form .mat-label {
  color: #9E948E;
}
.form .mat_desc {
  color: #434443;
  font-size: 16px;
  padding: 15px 0 15px 0;
}
.form .checkbox__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0.5rem;
  margin-right: 1.5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 44%;
  flex: 1 0 44%;
  line-height: 1.1;
  color: #434443;
}
.form .checkbox__container input {
  position: absolute;
  opacity: 0;
  cursor: default;
}
.form .checkbox__container .checkmark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border: 1px solid #BABABA;
  border-radius: 5px;
  background-color: #E8E8E8;
  cursor: default;
}
.form .checkbox__container input:checked ~ .checkmark {
  background: #00ACC6;
  border-color: #00ACC6;
  cursor: pointer;
}
.form .checkbox__container input:checked ~ .checkmark:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(68deg);
  transform: rotate(54deg);
}
.form .checkbox__container input:checked ~ .checkmark:after {
  opacity: 1;
}
.form .checkbox__container .checkmark:after {
  left: 1px;
  top: 0;
  width: 5px;
  height: 10px;
}
.form__edit {
  position: absolute;
  top: 20px;
  right: 30px;
  text-transform: uppercase;
  z-index: 1;
}
.form__edit a {
  color: #00869d;
}
.form__edit img {
  width: 12px;
  height: 17px;
  margin: 0 0 2px 5px;
  vertical-align: middle;
}
.form__static p {
  font-weight: 500;
  color: #000000;
  margin-bottom: 1.3rem;
}
.form__static p strong {
  color: #9e948e;
  text-transform: uppercase;
  font-weight: 400;
}

.myaccount .disable_save {
  opacity: 0.5;
  pointer-events: none;
}
.myaccount #material-container #materialarea-section {
  height: 230px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.myaccount #material-container label.checkbox__container.disable {
  opacity: 0.5;
  cursor: default;
}
.myaccount #material-container label.checkbox__container.disable .checkmark {
  cursor: default !important;
}
.myaccount #material-container label.checkbox__container {
  cursor: default;
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.myaccount #material-container label.checkbox__container .checkmark {
  cursor: default;
}
.myaccount #material-container .form .checkbox__container input:checked ~ .checkmark {
  cursor: default;
}

.video-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.video-embed-container--shadow {
  -webkit-box-shadow: 0px 0px 80px 9px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 80px 9px rgba(0, 0, 0, 0.12);
}
.video-embed-container iframe, .video-embed-container object, .video-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-embed-container video {
  width: 100%;
  height: auto;
}

.article-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 1rem;
}
.article-card--feature {
  max-width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
  min-height: initial;
}
@media (min-width: 768px) {
  .article-card--feature {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 5rem;
    min-height: 410px;
  }
}
.article-card--feature .article-card__body {
  width: 100%;
}
@media (min-width: 768px) {
  .article-card--feature .article-card__body {
    width: 70%;
  }
}
.article-card--feature .article-card__img {
  width: 100%;
  height: 210px;
}
@media (min-width: 768px) {
  .article-card--feature .article-card__img {
    height: auto;
    min-height: 100%;
  }
}
.article-card--feature .article-card__title {
  font-size: 1.875rem;
  margin-bottom: 20px;
  line-height: 1.875rem;
}
.article-card__img {
  height: 210px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.article-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: 100%;
  padding: 2rem 1.5rem 1.5rem 1.5rem;
  background: #ffffff;
}
.article-card__body p:last-of-type {
  margin-bottom: 0.5rem;
}
.article-card__date {
  font-size: 16px;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #00869d;
}
.card-wrapper--2-col .article-card__date {
  font-size: 18px;
}
.article-card__title {
  text-transform: none;
  margin-bottom: 1rem;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  /* Allow for anchor links in headings */
}
.card-wrapper--2-col .article-card__title {
  font-size: 20px;
  line-height: 20px;
}
.article-card__title a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.article-card__title a:hover {
  color: #00869d;
}
.article-card__copy {
  text-transform: none;
  font-size: 16px;
  font-weight: normal;
}
.article-card .text-link {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0.5rem 0 auto 0;
  color: #ab2e86;
}
.article-card .text-link:hover {
  color: #00869d;
}

.narrow-card {
  width: 100%;
  padding: 1.5rem 1rem;
  border: 1px solid #dedad4;
  background: #ffffff;
}
.narrow-card__title {
  margin-bottom: 1.5rem;
  font-size: 1.375rem;
  font-weight: 900;
  line-height: 0.9;
}
.narrow-card__subhead {
  display: block;
  margin-bottom: 2rem;
  font-weight: bold;
  color: #00acc6;
}
.narrow-card__subtitle {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #698714;
}
.narrow-card p {
  margin-bottom: 0.5rem;
}
.narrow-card p:last-of-type {
  margin-bottom: 0;
}
.narrow-card.swiper-slide {
  height: 100%;
}

.swiper-container {
  overflow: hidden;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .swiper-container {
    overflow: visible;
    padding-bottom: 0;
  }
}
.swiper-container .swiper-wrapper .swiper-slide .article-card {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media (min-width: 768px) {
  .swiper-container .swiper-wrapper .swiper-slide .article-card {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .swiper-container .swiper-wrapper .swiper-slide .article-card {
    height: 100%;
  }
  .swiper-container .swiper-wrapper .swiper-slide .article-card:hover {
    -webkit-box-shadow: 0 20px 40px 0 rgba(198, 198, 198, 0.5);
            box-shadow: 0 20px 40px 0 rgba(198, 198, 198, 0.5);
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.swiper-container .swiper-wrapper .swiper-slide .article-card .article-card__title {
  font-size: 18px;
}
@media (min-width: 768px) {
  .swiper-container .swiper-wrapper .swiper-slide .article-card .article-card__title {
    font-size: 22px;
  }
}
.swiper-container .swiper-wrapper .swiper-slide .article-card p:last-of-type {
  margin-bottom: auto;
}
.swiper-container .swiper-wrapper .swiper-slide .article-card a {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .swiper-container .swiper-wrapper .swiper-slide .article-card a {
    margin: 0;
  }
}
.swiper-container .swiper-pagination {
  display: block;
}
@media (min-width: 768px) {
  .swiper-container .swiper-pagination {
    display: none;
  }
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  height: 17px;
  width: 17px;
  opacity: 1;
  background: none;
  border: 1px solid #0B4B52;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #0B4B52;
  border-width: 0;
}

.cookies-panel {
  display: none;
  position: relative;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow: hidden;
  max-height: 200px;
}
.cookies-panel__inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 2.5rem;
}
@media (min-width: 992px) {
  .cookies-panel__inner {
    padding-right: 0;
  }
}
.cookies-panel__continue {
  max-width: 100px;
}
.cookies-panel__close {
  display: block;
  position: absolute;
  top: 0;
  right: 0.5rem;
  height: 100%;
  width: 40px;
  -webkit-transition: background-color 10s;
  transition: background-color 10s;
  cursor: pointer;
  z-index: 1;
}
.cookies-panel__close:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 14px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.cookies-panel__close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  width: 14px;
  background: #6c5d56;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.cookies-panel__close:hover:before, .cookies-panel__close:hover:after {
  background: #00869d;
}
.cookies-panel.close {
  max-height: 0;
}

/**
Popover styles (using tippy.js)
 */
[data-tippy] {
  cursor: pointer;
}

.tippy-box[data-theme~=atsource] {
  background-color: #fff;
  border: 1px solid #7d7d7d;
  padding: 10px;
  border-radius: 10px;
}
.tippy-box[data-theme~=atsource] .tippy-backdrop {
  background-color: #fff;
}
.tippy-box[data-theme~=atsource] .tippy-content {
  color: #4a4a4a;
  text-align: left;
  font-weight: normal;
  text-transform: none;
}

.tippy-box.atsource-theme {
  background-color: #fff;
  border: 1px solid #7d7d7d;
  padding: 20px;
  border-radius: 10px;
}
.tippy-box.atsource-theme .tippy-backdrop {
  background-color: #fff;
}
.tippy-box.atsource-theme .tippy-content {
  color: #4a4a4a;
  text-align: left;
}

/* Custom arrows */
/* Custom arrows */
.tippy-popper[x-placement^=top] .tippy-box.atsource-theme .tippy-arrow {
  border-top: 7px solid #00869d;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
}
.tippy-popper[x-placement^=top] .tippy-box.atsource-theme .tippy-roundarrow svg path {
  fill: #fff;
  stroke: #7d7d7d;
  stroke-width: 1px;
  stroke-linejoin: round;
}
.tippy-popper[x-placement^=bottom] .tippy-box.atsource-theme .tippy-arrow {
  border-bottom: 7px solid #00869d;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
}
.tippy-popper[x-placement^=bottom] .tippy-box.atsource-theme .tippy-roundarrow svg path {
  fill: #fff;
  stroke: #7d7d7d;
  stroke-width: 1px;
  stroke-linejoin: round;
}
.tippy-popper[x-placement^=left] .tippy-box.atsource-theme .tippy-arrow {
  border-left: 7px solid #00869d;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
}
.tippy-popper[x-placement^=left] .tippy-box.atsource-theme .tippy-roundarrow svg path {
  fill: #fff;
  stroke: #7d7d7d;
  stroke-width: 1px;
  stroke-linejoin: round;
}
.tippy-popper[x-placement^=right] .tippy-box.atsource-theme .tippy-arrow {
  border-right: 7px solid #00869d;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
}
.tippy-popper[x-placement^=right] .tippy-box.atsource-theme .tippy-roundarrow svg path {
  fill: #fff;
  stroke: #7d7d7d;
  stroke-width: 1px;
  stroke-linejoin: round;
}

.atsplus .fg-title .tippy-box[data-theme~=atsourcefg] {
  background-color: #6A6A6A !important;
  border-radius: 15px 15px 15px 0px;
  width: 300px !important;
  max-width: none !important;
  padding: 5px !important;
  margin-left: 272px !important;
  margin-bottom: -7px !important;
}
.atsplus .fg-title .tippy-box[data-theme~=atsourcecontracts] {
  background-color: #6A6A6A !important;
  border-radius: 15px 15px 15px 0px;
  width: 300px !important;
  max-width: none !important;
  margin-bottom: -5px !important;
  padding: 5px !important;
  margin-left: 230px !important;
  margin-bottom: -7px !important;
}
.atsplus .fg-title .tippy-box[data-theme~=atsourcecons] {
  background-color: #6A6A6A !important;
  border-radius: 15px 15px 15px 0px;
  width: 300px !important;
  max-width: none !important;
  margin-bottom: -5px !important;
  padding: 5px !important;
  margin-left: 238px !important;
  margin-bottom: -7px !important;
}
.atsplus .fg-title .tippy-box[data-theme~=atsourceestate] {
  background-color: #6A6A6A !important;
  border-radius: 15px 15px 15px 0px;
  width: 300px !important;
  max-width: none !important;
  margin-bottom: -5px !important;
  padding: 5px !important;
  margin-left: 208px !important;
  margin-bottom: -7px !important;
}
.atsplus .fg-title .tippy-box .tippy-content {
  content: "All Tier 2 products offer the same level of information and assurance as Tier 1";
  color: #FFFFFF !important;
  text-align: left;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
  width: 290px !important;
  font-family: "GT WALSHEIM";
}

.pillar-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.pillar-card__title {
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  width: 50%;
  color: #0B4B52;
}
.pillar-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  width: 100%;
  background: #00acc6;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
}
.pillar-card i {
  margin-top: 0.5rem;
  font-size: 120px;
  color: #fff;
  font-style: normal !important;
}

.dashboard--title-card {
  background-color: #0B4B52;
  text-align: center;
}
.dashboard--title-card__title {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: center;
  text-transform: uppercase;
  color: #00acc6;
  padding: 0 10px;
  margin-top: -5px;
}
.dashboard--title-card__link {
  margin-top: 10px;
}
.dashboard--title-card__link a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.dashboard--title-card__policy a {
  color: #fff;
  font-size: 12px;
  font-weight: 100;
}
.dashboard--title-card i {
  color: #fff;
  font-size: 100px;
}
.dashboard--title-card em {
  color: #fff;
  font-size: 100px;
}
.dashboard--title-card.card__body {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  min-height: 260px;
}
.dashboard--title-card .icon-waste {
  width: 46.301px !important;
  height: 60.946px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.301' height='65.946' viewBox='0 0 46.301 65.946'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M21.191,79.255a1.364,1.364,0,0,1-1.345-1.189L13.582,30.007l45.728.055-6.269,48A1.366,1.366,0,0,1,51.7,79.255ZM45.937,39.627V69.689a1.356,1.356,0,1,0,2.713,0V39.627a1.356,1.356,0,1,0-2.713,0Zm-10.849,0V69.689a1.356,1.356,0,1,0,2.713,0V39.627a1.356,1.356,0,1,0-2.713,0Zm-10.85,0V69.689a1.356,1.356,0,1,0,2.713,0V39.627a1.356,1.356,0,1,0-2.713,0ZM13.451,24.312a1.37,1.37,0,0,1,1.365-1.366l43.563-.163a1.349,1.349,0,0,1,1.356,1.356l-.014,4.084L13.434,28.4ZM25.726,17.46a4.126,4.126,0,0,1,4.1-4.1l13.614-.051a4.05,4.05,0,0,1,4.069,4.069l-.015,4.083-2.722.011.014-4.083a1.353,1.353,0,0,0-1.356-1.357l-13.613.05a1.377,1.377,0,0,0-1.368,1.368l-.015,4.082-2.722.012Z' transform='translate(-13.434 -13.309)'/%3E%3C/svg%3E");
  background-repeat: no-repeat !important;
  background-size: auto !important;
}
.dashboard--title-card .icon-animal-welfare {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98.202' height='109.842' viewBox='0 0 98.202 109.842'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:%23fff;%7D.b%7Bfill-rule:evenodd;%7D.c%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-208 -1528)'%3E%3Cg transform='translate(203.76 1534.882)'%3E%3Cpath class='a' d='M35,54H63.3V64.613H35Z' transform='translate(23.647 38.347)'/%3E%3Cpath class='a' d='M76.488,26.349A3.55,3.55,0,0,0,73.674,22.9a3.753,3.753,0,0,0-4.222,2.83l-4.866,18.13a7.222,7.222,0,0,1-3.306,8.679l-9.905,5.708a1.77,1.77,0,1,1-1.769-3.067l9.905-5.708a3.714,3.714,0,0,0,1.611-4.8,3.49,3.49,0,0,0-3.154-1.93,3.553,3.553,0,0,0-1.769.472L44.12,50.305A12.427,12.427,0,0,0,38,60.985V74.406H55.688V72.355a8.844,8.844,0,0,1,3.088-6.721l8.248-7.075A5.278,5.278,0,0,0,68.7,55.905l7.676-28.643a3.487,3.487,0,0,0,.117-.913Z' transform='translate(25.953 14.403)'/%3E%3Cpath class='a' d='M7.054,22.9A3.55,3.55,0,0,0,4.24,26.349a3.484,3.484,0,0,0,.117.92l7.676,28.654A5.266,5.266,0,0,0,13.7,58.576l8.248,7.075a8.844,8.844,0,0,1,3.088,6.7v2.052H42.728V60.985a12.422,12.422,0,0,0-6.116-10.678l-12.1-7.1a3.538,3.538,0,0,0-1.758-.463A3.5,3.5,0,0,0,19.6,44.691a3.714,3.714,0,0,0,1.613,4.8l9.905,5.708a1.77,1.77,0,1,1-1.769,3.067l-9.905-5.708a7.222,7.222,0,0,1-3.306-8.681L11.276,25.735A3.759,3.759,0,0,0,7.054,22.9Z' transform='translate(0 14.404)'/%3E%3Cpath class='a' d='M13,54H41.3V64.613H13Z' transform='translate(6.734 38.347)'/%3E%3C/g%3E%3Cg transform='translate(214.158 1528.099)'%3E%3Cg transform='translate(14.196 10.704)'%3E%3Cpath class='b' d='M624.7,264.953a16.707,16.707,0,0,1-2.454-7.271c0-.695.011-1.24.034-1.682a13.041,13.041,0,0,0-1.106,2.049,12.9,12.9,0,0,0-.016,10.1c.007.014.014.028.02.043h0a13.191,13.191,0,0,0,2.434,3.742,9.344,9.344,0,0,1,4.774-2.235A19.927,19.927,0,0,1,624.7,264.953Z' transform='translate(-608.411 -255.999)'/%3E%3Cpath class='b' d='M352.716,635.289a21.791,21.791,0,0,0-5.443-5.2,15.034,15.034,0,0,0-6.759-2.76.7.7,0,0,1-.115-.018,11.587,11.587,0,0,0,1.407,3.659c1.028,1.88,2.456,3.717,3.8,4.35q.083.039.182.077a9.158,9.158,0,0,0,4.059.631,8.962,8.962,0,0,0,2.874-.74Z' transform='translate(-340.399 -611.748)'/%3E%3Cpath class='b' d='M423.952,613.406a8.985,8.985,0,0,0-2.935-1.844,28.09,28.09,0,0,0-5.038-1.435,20.422,20.422,0,0,1,4.5,2.334,24.11,24.11,0,0,1,4.94,4.433q.1-.724.26-1.365a11.6,11.6,0,0,0-1.723-2.122Z' transform='translate(-412.811 -595.283)'/%3E%3Cpath class='b' d='M1238.937,271.507a12.9,12.9,0,0,0,.013-10.165,13.047,13.047,0,0,0-1.105-2.049c.023.442.034.987.034,1.682a16.673,16.673,0,0,1-2.425,7.252,19.593,19.593,0,0,1-3.686,4.743,9.742,9.742,0,0,1,4.7,2.3,13.194,13.194,0,0,0,2.465-3.763Z' transform='translate(-1194.406 -259.155)'/%3E%3Cpath class='b' d='M1409.344,610.126a28.084,28.084,0,0,0-5.038,1.435,9.216,9.216,0,0,0-2.8,1.622,9.515,9.515,0,0,0-1.735,2.153.7.7,0,0,1-.168.184,13.368,13.368,0,0,1,.29,1.392,24.1,24.1,0,0,1,4.956-4.453A20.425,20.425,0,0,1,1409.344,610.126Z' transform='translate(-1355.206 -595.283)'/%3E%3Cpath class='b' d='M1425.934,627.331a15.035,15.035,0,0,0-6.759,2.76,21.8,21.8,0,0,0-5.443,5.2,8.964,8.964,0,0,0,2.874.74,9.158,9.158,0,0,0,4.059-.631q.1-.038.182-.077c1.339-.633,2.767-2.469,3.8-4.35a11.581,11.581,0,0,0,1.407-3.659.707.707,0,0,1-.115.018Z' transform='translate(-1368.744 -611.75)'/%3E%3Cpath class='b' d='M1115.095,891.724a31.775,31.775,0,0,0,2.384-11.312,5.276,5.276,0,0,1-1.5,1.667,4.976,4.976,0,0,1-2.606.8,5.749,5.749,0,0,1-2.11-.282,42.344,42.344,0,0,0-2.939,7.76c-.611,1.935-1.3,4.128-2.205,6.67a7.15,7.15,0,0,1,3.74,1.543,5.624,5.624,0,0,1,.613.619A29.743,29.743,0,0,0,1115.095,891.724Z' transform='translate(-1074.028 -854.24)'/%3E%3Cpath class='b' d='M702.9,613.181c-1.091-7.582-7.754-7.577-14.541-7.573H687.34c-6.748,0-12.82-.008-13.805,7.584a.7.7,0,0,1,.649-.083c6.193,2.3,7.361,6.005,9.721,13.486.641,2.033,1.373,4.352,2.3,6.952.515-.021,1.06-.03,1.637-.03.863,0,1.654.02,2.38.071.927-2.592,1.658-4.907,2.3-6.939,2.367-7.5,3.547-11.24,9.741-13.54a.7.7,0,0,1,.633.072Z' transform='translate(-659.572 -590.954)'/%3E%3Cpath class='b' d='M680.365,901.96a39.347,39.347,0,0,0-3.075-7.98.714.714,0,0,1-.09.061,4.672,4.672,0,0,1-2.433.5,4.461,4.461,0,0,1-2.337-.722,4.659,4.659,0,0,1-1.183-1.24,35.314,35.314,0,0,0,2,10.826,25.763,25.763,0,0,0,4.224,7.43,5.581,5.581,0,0,1,.606-.609,7.8,7.8,0,0,1,4.476-1.633c-.9-2.527-1.584-4.708-2.191-6.63Z' transform='translate(-657.379 -865.895)'/%3E%3Cpath class='b' d='M891.854,1676.048a17.731,17.731,0,0,0-3.72-.57,16.779,16.779,0,0,0-3.789.626c-.6.146-1.189.289-1.759.4a5.919,5.919,0,0,0,11.124-.07C893.108,1676.329,892.485,1676.189,891.854,1676.048Z' transform='translate(-859.86 -1615.981)'/%3E%3Cpath class='b' d='M800.916,1306.6c-1.321-1.14-3.4-1.422-6.638-1.422s-5.324.282-6.651,1.424-2.031,3.262-2.5,6.929c-.057.44-.1.761-.149,1.09-.272,1.924-.575,4.068-.112,4.85.916,1.547,3.016,1.037,5.295.484a17.93,17.93,0,0,1,4.12-.671,18.914,18.914,0,0,1,4.029.608c2.443.548,4.713,1.058,5.6-.832.318-.676.029-2.4-.24-4-.087-.517-.171-1.021-.239-1.529-.488-3.67-1.182-5.783-2.515-6.934Zm-3.365,5.158a1.437,1.437,0,0,1,1.019-.422,5.263,5.263,0,0,0,1.427-.228,3.366,3.366,0,0,1-1.24,2.828,1.21,1.21,0,0,1-.551.181.941.941,0,0,1-.47-.089,1.3,1.3,0,0,1-.606-1.252A1.437,1.437,0,0,1,797.551,1311.763Zm-7.448-.422a1.44,1.44,0,0,1,1.441,1.441,1.3,1.3,0,0,1-.606,1.252.941.941,0,0,1-.47.089,1.21,1.21,0,0,1-.551-.181,3.365,3.365,0,0,1-1.24-2.828A5.262,5.262,0,0,0,790.1,1311.341Z' transform='translate(-766.003 -1261.206)'/%3E%3Cg transform='translate(14.964 24.314)'%3E%3Cellipse class='a' cx='1.514' cy='0.898' rx='1.514' ry='0.898' transform='translate(0.898 0.245) rotate(30)'/%3E%3Cellipse class='a' cx='1.514' cy='0.898' rx='1.514' ry='0.898' transform='translate(27.377 1.556) rotate(150)'/%3E%3C/g%3E%3C/g%3E%3Crect class='c' width='86' height='86' transform='translate(-0.158 -0.099)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 60px !important;
  height: 70px !important;
  background-repeat: no-repeat !important;
}

#submit-overlay {
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
#spinner svg {
  width: 40px;
  height: 40px;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateY(-179.9deg);
  }
}
.clrms-list {
  overflow: auto;
  max-height: 60vh;
  margin-right: 30px;
}
.clrms-list--active {
  color: #698714;
}
.clrms-list--inactive {
  color: #fd4e00;
}
.clrms-list table {
  width: 100%;
}
.clrms-list thead th {
  text-align: left;
  font-weight: bold;
  padding: 0 10px 20px;
  font-size: 16px;
}
.clrms-list tbody th, .clrms-list tbody td {
  padding: 5px 10px;
  margin: 0;
}
.clrms-list tbody th {
  text-align: left;
  font-weight: bold;
  padding-right: 10px;
}
.clrms-list tbody td {
  width: 50%;
}

#trends-container .trends-tab .container {
  margin-left: 8.3% !important;
  padding: 0;
  margin-right: 8.3% !important;
}
#trends-container .trends-common-error-msg {
  padding: 10px;
  border-radius: 10px;
  color: #a0c800;
  border: solid 1.5px #0b4b52;
  font-size: 1.2rem;
  font-weight: bold;
}
#trends-container .trends-common-error-msg div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
#trends-container .trend-select-box-container .dropdown-toggle.form-control {
  min-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 20px;
  font-size: 14px;
}
#trends-container .trend-select-box-container #year-select-container {
  width: 110px;
}
#trends-container #trends-chart-container {
  /* #chart-container>div {
      overflow: auto !important;
  } */
}
#trends-container #trends-chart-container .form-label {
  color: #00869d;
  font-weight: bold;
  width: 100%;
  font-size: 12px;
}
#trends-container #trends-chart-container .form-control {
  border: none;
  padding: 6px 20px 6px 10px;
  margin: 0 0 5px 0;
  -webkit-appearance: none;
  border-radius: 6px;
  font-size: 12px;
  height: auto;
  color: #0b4b52;
}
#trends-container #trends-chart-container .form-control[aria-expanded=true] .caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 8px !important;
}
#trends-container #trends-chart-container .form-control .caret {
  height: 20px;
  width: 15px;
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%230b4b52' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
  position: absolute;
  right: 11px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
#trends-container #trends-chart-container .form-control.year-selection {
  width: 110px !important;
}
#trends-container #trends-chart-container .form-control.year-selection:disabled {
  opacity: 0.3;
}
#trends-container #trends-chart-container .form-control option {
  background-color: #fff;
}
#trends-container #trends-chart-container .form-control * {
  font-family: "GT Walsheim" !important;
}
#trends-container #trends-chart-container #chart-container {
  height: auto;
  max-height: 400px;
  width: 100%;
  padding: 15px;
}
#trends-container #trends-chart-container .chart-toggle-controls {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#trends-container #trends-chart-container .chart-toggle-controls label {
  border: solid 1px #0b4b52;
  color: #0b4b52;
  background-color: #fff;
  border-left: none;
  min-height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
#trends-container #trends-chart-container .chart-toggle-controls label.first-toggle {
  border-left: solid 1px #0b4b52;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
#trends-container #trends-chart-container .chart-toggle-controls label:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
#trends-container #trends-chart-container .chart-toggle-controls input:checked + label,
#trends-container #trends-chart-container .chart-toggle-controls .checked + label {
  background-color: #0b4b52 !important;
  color: #fff;
}
#trends-container #trends-chart-container .dropdown-toggle.form-control {
  margin: 0;
  height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
#trends-container #trends-chart-container #custom-chart-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#trends-container #trends-chart-container #custom-chart-legend .legend-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: 50px;
}
#trends-container #trends-chart-container #custom-chart-legend .legend-item .legend-color {
  display: block;
  width: 20px;
  height: 10px;
  border-radius: 3px;
  margin-right: 10px;
}
#trends-container #trends-chart-container #custom-chart-legend .legend-item .legend-title {
  font-size: 12px;
}
#trends-container #trends-chart-container .highcharts-grid.highcharts-yaxis-grid path {
  stroke-dasharray: 5;
  stroke: #988888;
}
#trends-container #trends-chart-container .highcharts-point {
  stroke: #49c1d2;
  fill: #fff;
  stroke-width: 2px;
}
#trends-container #trends-chart-container .highcharts-axis-labels text {
  font-weight: bold;
  fill: #00355d !important;
  color: #00355d !important;
}
#trends-container #trends-chart-container .disabled-container {
  opacity: 0.5;
}
#trends-container #trends-chart-container .disabled-container .year-selection {
  cursor: not-allowed;
}
#trends-container #trends-chart-container svg.highcharts-root * {
  font-family: "GT Walsheim" !important;
}
#trends-container #trends-chart-container .yAxisHeaderLabel {
  font-weight: bold;
  font-family: "GT Walsheim,Black" !important;
}
#trends-container #trend-tiles-container .align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#trends-container #trend-tiles-container .trend-tile:not(:last-child) {
  margin-right: 2%;
}
#trends-container #trend-tiles-container .trend-tile {
  background-color: #00869d;
  padding: 10px;
  min-width: 200px;
  width: 22.5%;
  min-height: 240px;
  border-radius: 6px;
  color: #fff;
  -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
}
#trends-container #trend-tiles-container .trend-tile .trends-tile-label {
  min-height: 50px;
  width: 100%;
  border-bottom: solid 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#trends-container #trend-tiles-container .trend-tile .trends-container {
  height: calc(100% - 50px - 20px);
}
#trends-container #trend-tiles-container .trend-tile .trends-container span.trends-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.5rem;
  font-weight: bold;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}
#trends-container #trend-tiles-container .trend-tile .trends-container .trends-value-list {
  font-size: 10px;
  line-height: 0.6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#trends-container #trend-tiles-container .trend-tile .trends-container .trends-value-list label.list-value {
  white-space: nowrap;
  font-weight: bold;
}
#trends-container #trend-tiles-container .trend-tile .trends-container .trends-value-list label.list-value:before {
  content: "-";
  display: inline;
  margin-right: 10px;
}
#trends-container #trend-tiles-container .trend-tile .trends-container .trends-value-list label.list-key {
  width: 75%;
  padding: 0 10px;
  word-break: break-all;
}
#trends-container #trend-tiles-container .trend-tile .trends-container .trends-value-list.empty-msg-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.5rem;
  height: 120px;
  overflow: hidden;
}
#trends-container #trend-tiles-container .trend-tile .trends-container .list-type-tile-container {
  overflow: auto;
  max-height: 145px;
}
#trends-container #top-section .secondary-tab-section {
  border-bottom: solid 0.1px #ccc;
  margin-bottom: 2.5rem;
}
#trends-container #top-section .secondary-tab-section .secondary-tab-link {
  color: #85a5a8 !important;
  margin-right: 20px;
  font-size: 30px;
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-bottom: 8px;
}
#trends-container #top-section .secondary-tab-section .secondary-tab-link.active {
  color: #fff !important;
  border-bottom: solid 2px #fff;
}
#trends-container #top-section .container {
  padding: 0 !important;
}
#trends-container .filter-section div.col-4.disabled,
#trends-container .filter-section div.col-4.disabled * {
  cursor: not-allowed;
  opacity: 0.8;
}
#trends-container .filter-section div.col-4.disabled select,
#trends-container .filter-section div.col-4.disabled * select {
  pointer-events: none;
}
#trends-container .filter-section .form-label {
  color: #fff;
  width: 100%;
  font-size: 13px;
}
#trends-container .filter-section .form-control {
  border: solid 1px #FFFFFF;
  border-radius: 6px !important;
  padding: 6px 10px;
  margin: 0 0 5px 0;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 12px;
  height: auto;
  color: #A6C0A9;
  background: transparent url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
}
#trends-container .filter-section .form-control option {
  background-color: #fff;
  padding: 10px;
}
#trends-container .filter-section .btn-control-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#trends-container .filter-section .btn-control-section .btn {
  background-color: transparent;
  border-radius: 15px;
  outline: 0;
  color: #fff;
  border: solid 2px;
  padding: 2px 10px;
  height: 30px;
  min-width: 100px;
  font-size: 13px;
  margin: 0 10px;
  cursor: pointer;
}
#trends-container .filter-section .btn-control-section .btn:disabled {
  cursor: not-allowed;
}
#trends-container .filter-section .btn-control-section .btn-apply:disabled {
  background-color: #DEDAD4;
  color: #fff;
  border: solid #DEDAD4;
}
#trends-container .filter-section .btn-control-section .btn-apply:not(:disabled) {
  background-color: #a0c800;
  border: none;
  color: #fff;
}
#trends-container .estate-filter-section .form-control {
  color: #fff;
}
#trends-container #bottom-section #farmer-group-table-container {
  border-radius: 6px;
  padding-bottom: 20px;
  margin: 2rem 0;
  border: 2px solid #0B4B52;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2392156863);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2392156863);
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #A0C800;
  font-weight: bold;
  text-decoration: underline;
  padding: 20px;
  padding-bottom: 0;
  -webkit-transition: padding 0.3s ease-in, margin 0.3s ease-in;
  transition: padding 0.3s ease-in, margin 0.3s ease-in;
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row .total-farmer-group {
  font-size: 30px;
  white-space: nowrap;
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row .farmer-group-hint {
  font-size: 12px;
  color: #000;
  font-weight: normal;
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row .btn-control-section {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row .btn-control-section .all-selected {
  background-color: #a0c800;
  color: #fff;
  border: solid #a0c800;
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row .search-control-section {
  margin-top: 16px;
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row .search-control-section .table-control-label {
  width: 100%;
  text-align: right;
  color: #0B4B52 !important;
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row .search-control-section .search-control input {
  border-radius: 15px;
  font-size: 12px;
  width: 200px;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
  float: right;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.27 14.275l-4.684-4.623c.72-.933 1.126-2.133 1.126-3.422 0-3.2-2.612-5.778-5.856-5.778C2.613.452 0 3.031 0 6.231c0 3.2 2.612 5.777 5.856 5.777 1.306 0 2.477-.4 3.468-1.11l4.685 4.622a.9.9 0 0 0 .631.267.9.9 0 0 0 .631-.267.852.852 0 0 0 0-1.245zm-9.414-4.044c-2.252 0-4.054-1.778-4.054-4 0-2.223 1.802-4 4.054-4 2.253 0 4.054 1.777 4.054 4 0 2.221-1.802 4-4.054 4z' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
  background-size: 13px;
  border: 1px solid #979797 !important;
}
#trends-container #bottom-section #farmer-group-table-container .row.table-control-row .search-control-section .search-control input:active, #trends-container #bottom-section #farmer-group-table-container .row.table-control-row .search-control-section .search-control input:focus, #trends-container #bottom-section #farmer-group-table-container .row.table-control-row .search-control-section .search-control input.active {
  width: 100%;
}
#trends-container #bottom-section #farmer-group-table-container .table-control-label {
  font-size: 12px;
  cursor: pointer;
}
#trends-container #bottom-section #farmer-group-table-container .table-control-label em {
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%230B4B52' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 10px;
  width: 20px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
  top: 0px;
}
#trends-container #bottom-section #farmer-group-table-container .table-control-label .load-more-label {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 11px;
  color: #0B4B52;
}
#trends-container #bottom-section #farmer-group-table-container .table-control-label .load-more-label + .fa {
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%230B4B52' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
}
#trends-container #bottom-section #farmer-group-table-container .btn {
  background-color: transparent;
  border-radius: 10px;
  outline: 0;
  border: solid 2px;
  padding: 2px 10px;
  height: 30px;
  min-width: 90px;
  font-size: 13px;
  margin: 10px 10px 0 10px;
  cursor: pointer;
  color: #a0c800;
}
#trends-container #bottom-section #farmer-group-table-container .btn-apply {
  background-color: #a0c800;
  border: none;
  border-radius: 15px;
  color: #fff;
}
#trends-container #bottom-section #farmer-group-table-container .btn-apply:disabled {
  background-color: #DEDAD4;
  color: #fff;
  cursor: not-allowed;
  border: solid #DEDAD4;
}
#trends-container #bottom-section #farmer-group-table-container .table-btn-controls {
  width: 33%;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#trends-container #bottom-section #farmer-group-table-container.section-closed {
  padding-bottom: 0 !important;
  /*  .table-control-row {
       padding: 8px 20px !important;
   } */
}
#trends-container #bottom-section #farmer-group-table-container.section-closed .search-control-section {
  margin-top: 10px !important;
}
#trends-container .chart-header {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
  color: #0B4B52;
  font-family: "GT Walsheim,Black";
  letter-spacing: -0.3px;
}
#trends-container #chart-container {
  background-color: #f2f0ee;
  padding-top: 20px;
  padding-bottom: 40px;
}
#trends-container #tile-container .theme-arrow {
  background-color: #f2f0ee !important;
}
#trends-container .trends-table {
  margin: 20px;
  width: calc(100% - 15px);
}
#trends-container .trends-table .trends-toggle-all {
  width: 50px;
  max-width: 50px;
  padding-left: 12px !important;
}
#trends-container .trends-table th {
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  border: none;
  white-space: nowrap;
  color: #0B4B52;
  font-weight: bold;
}
#trends-container .trends-table th.trends-toggle-all .fg-table__checkbox span {
  border: solid !important;
  background-color: #fff;
}
#trends-container .trends-table td {
  border: none;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
#trends-container .trends-table td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
#trends-container .trends-table td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
#trends-container .trends-table span.select-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
#trends-container .trends-table tbody tr {
  cursor: auto;
  border-bottom: solid 7px #fff;
  height: 30px;
}
#trends-container .trends-table tbody tr td {
  background-color: #F6F6F2;
}
#trends-container .trends-table tbody tr:nth-child(even) td {
  background-color: #fbfaf9;
}
#trends-container .trends-table tbody tr.selected td, #trends-container .trends-table tbody tr:hover:not(.empty-msg-row) td {
  background-color: #97dbe4 !important;
}
#trends-container .trends-table tbody tr:last-child {
  border-bottom: none !important;
}
#trends-container .trends-table tbody tr.empty-msg-row {
  cursor: default !important;
}
#trends-container .trends-table tbody tr.empty-msg-row td {
  padding-left: 20px;
  color: #c33434;
}
#trends-container .trends-table tbody tr:first-child td:first-child {
  border-top-left-radius: 9px;
}
#trends-container .trends-table tbody tr:first-child td:last-child {
  border-top-right-radius: 9px;
}
#trends-container .trends-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 9px;
}
#trends-container .trends-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 9px;
}
#trends-container .trends-table .legend-column {
  width: 80px;
}
#trends-container .trends-table .legend-column .legend {
  width: 30px;
  height: 15px;
  display: block;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 1px;
  background-color: #00acc6;
}
#trends-container .trends-table .agri-heading-column {
  width: auto;
  white-space: normal;
}
#trends-container .trends-table .fg-table__checkbox input[type=checkbox] + span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23000' stroke='%23000' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E");
}
#trends-container .trends-table .fg-table__checkbox input[type=checkbox] + span {
  border: solid 2px #0c4c53 !important;
}
#trends-container .trends-table .selected .fg-table__checkbox input[type=checkbox] + span {
  background-color: #fff;
}
#trends-container #trends-chart-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#trends-container #trends-chart-table table {
  margin-left: 8px !important;
  margin-right: 0px !important;
}
#trends-container #trends-chart-table th {
  color: #000;
  padding-left: 0;
}
#trends-container #trends-chart-table tbody tr {
  cursor: normal !important;
}
#trends-container #trends-chart-table tbody tr td {
  background-color: #E5EFBD !important;
  color: #273113;
}
#trends-container #trends-chart-table tbody tr td:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
#trends-container #trends-chart-table tbody tr td:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
#trends-container .theme-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 50px;
  background-color: #0b4b52;
  width: 100%;
}
#trends-container .theme-arrow .left-section {
  background-color: #fff;
  width: 85%;
  border-top-right-radius: 45px;
}
#trends-container .theme-arrow .right-section {
  background-color: #fff;
  width: 15%;
  border-top-left-radius: 45px;
}
#trends-container #table-footer-section {
  padding: 10px 20px;
}
#trends-container #table-footer-section .footer-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: solid 0.1px #0B4B52;
}
#trends-container #table-footer-section .table-control-label {
  margin: 0;
  border: solid #0B4B52;
  padding: 4px;
  border-radius: 6px;
  width: 180px;
  margin-right: calc(33% - 180px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
  height: 25px;
}
#trends-container #table-footer-section .table-pagination {
  color: #0B4B52;
  font-size: 12px;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 33%;
}
#trends-container #table-footer-section .table-pagination span.nav-arrow {
  cursor: pointer;
}
#trends-container #farmer-group-section {
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  height: 100%;
  opacity: 1;
}
#trends-container #farmer-group-section.hideFG {
  opacity: 0;
  height: 0;
}
#trends-container #farmer-group-section table {
  border-top: solid 1px #0B4B52;
}
#trends-container #farmer-group-section table th {
  padding-top: 30px;
  padding-left: 5px;
}
#trends-container .fa-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: relative;
  top: -1px;
  left: 6px;
}
#trends-container .hand-cursor {
  cursor: pointer;
}
#trends-container .trends-table .fg-header-toggle__sort {
  margin-left: 10px;
  height: 12px;
  width: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.232 11.847l-.358-.284L2 8.496l.718-.778L6.233 10.5l3.514-2.783.718.778-3.874 3.067zM6.233 0l.358.284 3.874 3.066-.718.779-3.514-2.783-3.515 2.783L2 3.35 5.874.284z' fill='%230B4B52' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#trends-container .trends-table .fg-header-toggle__sort.asc {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230B4B52' fill-rule='evenodd'%3E%3Cpath d='M6.232 11.847l-.358-.284L2 8.496l.718-.778L6.233 10.5l3.514-2.783.718.778-3.874 3.067z'/%3E%3Cpath stroke='%230B4B52' d='M6.233 1l.358.284 3.874 3.066-.718.779-3.514-2.783-3.515 2.783L2 4.35l3.874-3.066z'/%3E%3C/g%3E%3C/svg%3E");
}
#trends-container .trends-table .fg-header-toggle__sort.desc {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230B4B52' fill-rule='evenodd'%3E%3Cpath stroke='%230B4B52' d='M6.232 10.847l-.358-.284L2 7.496l.718-.778L6.233 9.5l3.514-2.783.718.778-3.874 3.067z'/%3E%3Cpath d='M6.233 0l.358.284 3.874 3.066-.718.779-3.514-2.783-3.515 2.783L2 3.35 5.874.284z'/%3E%3C/g%3E%3C/svg%3E");
}
#trends-container .tabs.tabs--dashboard.trends-tab ul li {
  opacity: 0.8;
}
#trends-container .tabs.tabs--dashboard.trends-tab ul li a {
  color: #85a5a8;
}
#trends-container .tabs.tabs--dashboard.trends-tab ul li.tab--active {
  opacity: 1;
}
#trends-container .tabs.tabs--dashboard.trends-tab ul li.tab--active a {
  color: #fff;
}
#trends-container .tab--FG a {
  background: none;
  background-color: #0b4b52;
}
#trends-container .tab--EST a {
  background: none;
  background-color: #0b4b52;
}
#trends-container .tab--CNS a {
  background: none;
  background-color: #0b4b52;
}
#trends-container .tab-pane #top-section,
#trends-container .tab-pane #bottom-section,
#trends-container .tab-pane #chart-container,
#trends-container #tile-container {
  padding-left: 8.3%;
  padding-right: 8.3%;
  padding-bottom: 20px;
}
#trends-container #FG .tab-pane #top-section {
  background-color: #0b4b52;
}
#trends-container #EST .tab-pane #top-section {
  background-color: #0b4b52;
}
#trends-container #EST .tab-pane #bottom-section .theme-arrow {
  background-color: #0b4b52;
}
#trends-container #CNS .tab-pane .theme-arrow {
  background-color: #0b4b52;
}
#trends-container #CNS .tab-pane #top-section {
  background-color: #0b4b52;
}

bs-dropdown-container ul.dropdown-menu {
  padding: 0px;
  background: #fff;
  border: none;
  border-radius: 5px;
  margin-top: 1.5px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2392156863);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2392156863);
}
bs-dropdown-container ul.dropdown-menu li {
  cursor: pointer;
  border-bottom: solid 1px rgba(251, 248, 248, 0.9333333333);
  padding: 3px 0;
}
bs-dropdown-container ul.dropdown-menu li .dropdown-item {
  border-left: solid 4px transparent !important;
}
bs-dropdown-container ul.dropdown-menu li.open,
bs-dropdown-container ul.dropdown-menu li.selected {
  background-color: #F5F4F2;
  text-decoration: none !important;
}
bs-dropdown-container ul.dropdown-menu li.open .dropdown-item,
bs-dropdown-container ul.dropdown-menu li.selected .dropdown-item {
  border-left: solid 4px #00ACC6 !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-weight: bold;
}
bs-dropdown-container ul.dropdown-menu .dropdown-item {
  padding: 5px 8px !important;
  padding-left: 14px !important;
  color: #0F0F0F !important;
  text-decoration: none;
  font-size: 12px;
  width: 100%;
  display: block;
  -webkit-transition: none !important;
  transition: none !important;
}
bs-dropdown-container ul.dropdown-menu .dropdown-item:hover {
  text-decoration: none !important;
}
bs-dropdown-container ul.dropdown-menu .dropdown-item .caret {
  height: 20px;
  width: 15px;
  float: right;
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%230b4b52' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
bs-dropdown-container ul.dropdown-menu .dropdown-item .inner-kmname {
  width: 90%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
bs-dropdown-container ul.dropdown-menu .dropdown-item .checkbox-field {
  float: right;
}
bs-dropdown-container ul.dropdown-menu .dropdown-item .checkbox-field .fg-table__checkbox span {
  border: solid !important;
  background-color: #fff;
}
bs-dropdown-container ul.dropdown-menu .dropdown-item .checkbox-field .fg-table__checkbox input[type=checkbox]:checked + span {
  background-color: #0b4b52;
}
bs-dropdown-container ul.dropdown-menu .dropdown-item .checkbox-field .fg-table__checkbox input[type=checkbox] + span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23fff' stroke='%23fff' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 2px 5px;
}
bs-dropdown-container ul.dropdown-menu .empty-msg-info p {
  margin: 0;
  padding: 5px 10px;
  font-size: 11px;
  color: #c33434;
}
bs-dropdown-container ul.inner-dropdown {
  max-height: 180px;
  overflow: auto;
  background-color: #F5F5F5 !important;
}
bs-dropdown-container ul.inner-dropdown li.selected {
  background-color: #00ACC6 !important;
  color: #fff !important;
  text-decoration: none !important;
}
bs-dropdown-container ul.inner-dropdown li.selected .dropdown-item {
  color: #fff !important;
  border-radius: 0 !important;
  border-left: none !important;
}
bs-dropdown-container ul.inner-dropdown li .dropdown-item {
  border-left: none !important;
}
bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px 15px;
  padding-top: 0;
  background-color: #fff;
  padding-right: 20px;
}
bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section {
  padding: 10px;
  max-width: 200px;
  min-width: 180px;
  font-size: 14px;
}
bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .km-container {
  border-right: solid 1px #F5F4F2;
  padding-top: 35px;
  height: 100%;
}
bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .inner-section-header {
  color: #0B4B52;
  background-color: #fff;
  font-weight: bold;
  position: fixed;
  top: 0px;
  width: 180px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .inner-section-km {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer;
}
bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .inner-section-km.selected, bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .inner-section-km:hover {
  color: #00ACC6;
}
bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section:last-child .km-container {
  border-right: none !important;
}
bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section:not(:first-child) {
  padding-left: 20px !important;
}
bs-dropdown-container ul.main-filter-dropdown {
  background-color: #fff !important;
}
bs-dropdown-container ul.main-filter-dropdown li {
  border-bottom: none !important;
}
bs-dropdown-container ul.main-filter-dropdown li:hover a.dropdown-item span, bs-dropdown-container ul.main-filter-dropdown li.selected a.dropdown-item span {
  color: #0B4B52 !important;
}
bs-dropdown-container ul.trends-chart-inner-dropdown li:hover {
  background-color: #00ACC6 !important;
  color: #fff !important;
  text-decoration: none !important;
}
bs-dropdown-container ul.trends-chart-inner-dropdown li:hover .dropdown-item {
  color: #fff !important;
  border-radius: 0 !important;
  border-left: none !important;
}

#loading-overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7411764706);
  z-index: 111;
}
#loading-overlay .loading-spinner {
  width: 110px;
  height: 110px;
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: none !important;
          animation: none !important;
}
#loading-overlay .loading-spinner svg {
  width: 60px;
  height: 60px;
  -webkit-animation: rotating 1.2s infinite ease-in-out !important;
  animation: rotating 1.2s infinite ease-in-out !important;
}
#loading-overlay .loading-spinner img {
  width: 110px;
  height: auto;
}
#loading-overlay .loading-spinner label {
  color: #00acc6;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
.teaser-alert-info + div#bottom-section .theme-arrow {
  background-color: #CC6466 !important;
}

#trends-container #trends-chart-container svg.highcharts-root path.highcharts-graph {
  stroke-width: 3px;
}

.apply-trends-styles .login--logged-in > a {
  margin-right: -5px !important;
}

.tier2Form {
  border: 0.7px solid #CCCCCC !important;
  border-radius: 7px;
  max-height: 146px !important;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412) !important;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412) !important;
  margin-top: 1px;
  padding: 3px 0 9px 0 !important;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.tier2Form.dropdown-menu li {
  padding: 0 !important;
  margin-top: 1px;
}
.tier2Form.dropdown-menu li:hover .inner-kmname {
  color: #1F2526 !important;
}
.tier2Form.dropdown-menu li.selected .inner-kmname {
  color: #1F2526 !important;
}
.tier2Form.dropdown-menu li .dropdown-item {
  color: #4A4848 !important;
  font-size: 13px !important;
  font-family: "GT Walsheim,Regular";
  padding: 8px 2px 0px 23px !important;
}
.tier2Form.dropdown-menu li .dropdown-item .inner-kmname {
  margin-top: -3.5px;
  text-overflow: unset;
  white-space: normal;
  word-wrap: break-word;
}
.tier2Form:-webkit-scrollbar {
  width: 6px;
  margin-left: 20px;
  max-height: 10px;
}
.tier2Form:-webkit-scrollbar-track {
  background: #707070;
  border-radius: 6px;
}
.tier2Form:-webkit-scrollbar-thumb {
  background: #B5B5B5;
  border-radius: 3px;
}
.tier2Form:-webkit-scrollbar-thumb:hover {
  background: #B5B5B5;
}

ul.tier2Form:empty {
  display: none;
}

.oga_dropdown {
  border-radius: 2px !important;
  margin-top: 2px !important;
  margin-left: 1px !important;
}

.oga_sort_icon {
  position: relative;
  bottom: 1px !important;
}

#trends-container #chart-container.chart_oga {
  background: #fff;
}
#trends-container .chart_oga#tile-section {
  padding-bottom: 30px;
}
#trends-container .chart_oga .chart-header {
  color: #555555;
  font-family: "GT Walsheim,Bold", sans-serif;
  font-size: 24px;
}
#trends-container .chart_oga #trends-chart-container .btn-group {
  width: 369px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#trends-container .chart_oga #trends-chart-container .form-label {
  color: #2E2D2C;
  font-size: 12px;
  font-family: "GT Walsheim,Regular", sans-serif;
}
#trends-container .chart_oga #trends-chart-container .tooltip_oga text {
  fill: #fff;
  border-radius: 10px;
  text-align: center;
  -webkit-transform: translate3d(1.25%, -0.35%, 0);
          transform: translate3d(1.25%, -0.35%, 0);
}
#trends-container .chart_oga #trends-chart-container .tooltip_oga path {
  stroke-width: 1 !important;
  fill: #626262;
  border-radius: 10px 10px 10px 0;
  color: #fff;
  stroke-linecap: round;
  d: path("M6,0H53a6,6,0,0,1,6,6V22a6,6,0,0,1-6,6H0V6A6,6,0,0,1,6,0Z");
  stroke: transparent !important;
  text-align: center;
  -webkit-transform: scaleX(100%) translate(1.75%, 0%);
          transform: scaleX(100%) translate(1.75%, 0%);
}
#trends-container .chart_oga #trends-chart-container .dropdown-toggle.form-control {
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
  border-radius: 2px;
  font-family: "GT Walsheim,Bold", sans-serif;
  font-size: 12px;
  color: #1F2526;
  width: 100%;
  height: 40px;
  display: inline-block;
  position: relative;
  padding-top: 10px;
}
#trends-container .chart_oga #trends-chart-container .dropdown-toggle.form-control.selectKey {
  font-family: "GT Walsheim,Regular", sans-serif !important;
}
#trends-container .chart_oga #trends-chart-container #custom-chart-legend .legend-item .legend-color {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
#trends-container .chart_oga #trends-chart-container #custom-chart-legend .legend-item .legend-title {
  color: #222222;
  font-size: 12px;
  font-family: "GT Walsheim,Regular", sans-serif;
}
#trends-container .chart_oga #trends-chart-container #chart-container {
  background: transparent;
}
#trends-container .chart_oga #trends-chart-container .highcharts-axis-labels text {
  fill: #606060 !important;
  font-family: "GT Walsheim,Regular", sans-serif !important;
}
#trends-container .chart_oga #trends-chart-container .yAxisHeaderLabel {
  fill: #555555 !important;
  font-family: "GT Walsheim,Bold", sans-serif !important;
  font-size: 11px !important;
}
#trends-container .chart_oga #trends-chart-container .yAxisHeaderLabel tspan {
  color: #606060;
  font-family: "GT Walsheim,Regular", sans-serif !important;
  font-size: 11px;
}
#trends-container .chart_oga #trends-chart-container .custom-yaxis-line {
  display: none;
}
#trends-container .chart_oga #trends-chart-container .highcharts-grid.highcharts-yaxis-grid path {
  stroke-dasharray: 7;
  stroke: #C7C7C7;
}
#trends-container .chart_oga #trends-chart-container tspan {
  color: #606060;
  font-family: "GT Walsheim,Regular", sans-serif !important;
  font-size: 10px;
}
#trends-container .chart_oga #trends-chart-container .highcharts-point {
  stroke: #ff7000;
}
#trends-container .chart_oga #trend-tiles-container .trend-tile {
  background: #FFF3EA;
  color: #555555;
  border-radius: 0 43px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  padding: 28px 14px 28px 15px;
  font-size: 10px;
  font-family: "GT Walsheim,Regular", sans-serif;
}
#trends-container .chart_oga #trend-tiles-container .trend-tile .trends-tile-label {
  color: #555555;
  border-bottom: 0;
  font-family: "GT Walsheim,Bold", sans-serif;
  font-size: 14px;
}
#trends-container .chart_oga #trend-tiles-container .trend-tile .trends-container span.trends-value {
  color: #FF7000;
  font-family: "GT Walsheim,Bold", sans-serif;
  font-size: 56px;
}
#trends-container .chart_oga #trend-tiles-container .trend-tile .trends-container .list-type-tile-container {
  line-height: 25px;
}
#trends-container .chart_oga .trends-table .legend-column .legend {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #ff7000;
}
#trends-container .chart_oga#trends-chart-table .agri-heading-column {
  text-align: left;
}
#trends-container .chart_oga#trends-chart-table th {
  color: #555555 !important;
  font-size: 16px;
  font-family: "GT Walsheim,Bold", sans-serif;
  padding-left: 0 !important;
  text-align: center;
}
#trends-container .chart_oga#trends-chart-table tbody tr td {
  background-color: rgba(0, 178, 231, 0.0509803922) !important;
  color: #555555;
  padding: 0;
  font-size: 13px;
  font-family: "GT Walsheim,Bold", sans-serif;
  height: 43px;
  border-radius: 0px !important;
  text-align: center;
}
#trends-container .chart_oga#trends-chart-table thead {
  position: relative;
}
#trends-container .chart_oga#trends-chart-table thead:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #00B2E7;
}

.trendpage_oga bs-dropdown-container ul.dropdown-menu {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
  border: 1px solid #CCCCCC;
  font-family: "GT Walsheim,Regular", sans-serif;
  font-size: 12px;
  color: #1F2526;
  border-radius: 1px !important;
}
.trendpage_oga bs-dropdown-container ul.dropdown-menu .dropdown-item {
  color: #1F2526 !important;
}
.trendpage_oga bs-dropdown-container ul.dropdown-menu .dropdown-item .caret {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.trendpage_oga bs-dropdown-container ul.dropdown-menu .dropdown-item .inner-kmname {
  color: #1F2526 !important;
}
.trendpage_oga bs-dropdown-container ul.dropdown-menu li.open {
  background-color: #F5F5F5;
  text-decoration: none !important;
}
.trendpage_oga bs-dropdown-container ul.dropdown-menu li.open .dropdown-item {
  border-left: 0px !important;
  padding-left: 18px !important;
  color: #1F2526 !important;
}
.trendpage_oga bs-dropdown-container ul.dropdown-menu li.selected {
  background: transparent !important;
}
.trendpage_oga bs-dropdown-container ul.dropdown-menu li.selected .dropdown-item {
  border-left: 0px !important;
  padding-left: 18px !important;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown .inner-section-km:hover {
  color: #ff7000 !important;
  font-weight: bold;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown .inner-section-km.selected {
  color: #ff7000 !important;
  font-weight: bold;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown li:hover {
  background: transparent !important;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown li .inner-kmname {
  width: 100%;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown li .inner-kmname:hover {
  color: #ff7000 !important;
  font-weight: bold;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown li.selected {
  background: transparent !important;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown li.selected .inner-kmname {
  color: #ff7000 !important;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown li.selected .dropdown-item {
  padding-left: 15px !important;
}
.trendpage_oga #trends-container #tile-container .theme-arrow {
  background: transparent !important;
  display: none;
}

bs-dropdown-container ul.dropdown-menu li.selected {
  background-color: #F5F5F5;
  text-decoration: none !important;
}

.chart_oga td.agri-heading-column.legend-column {
  display: grid;
  grid-template-columns: 10% 90%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chart_oga .list-type-tile-container {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.chart_oga .list-type-tile-container::-webkit-scrollbar {
  width: 5px;
}
.chart_oga .list-type-tile-container::-webkit-scrollbar-track {
  background: #555555;
  border-radius: 5px;
}
.chart_oga .list-type-tile-container::-webkit-scrollbar-thumb {
  background: #FED4B3;
  border-radius: 5px;
  height: 29px;
  border: 1px solid #555555;
}
.chart_oga .list-type-tile-container::-webkit-scrollbar-thumb:hover {
  background: #FED4B3;
}

.trendpage_oga bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown {
  background: #F5F5F5;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .inner-section-header {
  color: #1F2526;
  font-size: 12px;
  background: #F5F5F5;
  font-family: "GT Walsheim,Bold", sans-serif;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .inner-section-km {
  color: #1F2526;
  font-size: 12px;
  font-family: "GT Walsheim,Regular", sans-serif;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .inner-section-km:hover {
  color: #1F2526;
  font-size: 12px;
  font-family: "GT Walsheim,Regular", sans-serif;
}
.trendpage_oga bs-dropdown-container ul.inner-dropdown .ENV-custom-dropdown .inner-section .inner-section-km.selected {
  color: #1F2526;
  font-size: 12px;
  font-family: "GT Walsheim,Regular", sans-serif;
}

#trends-container.oga_trends .tab--FG a,
#trends-container.oga_trends .tab--EST a {
  background: none;
  background-color: #ffffff !important;
}
#trends-container.oga_trends .tab-pane #top-section,
#trends-container.oga_trends .tab-pane #bottom-section,
#trends-container.oga_trends .tab-pane #chart-container,
#trends-container.oga_trends #tile-container {
  padding-bottom: 0px;
}
#trends-container.oga_trends .tabs.tabs--dashboard.trends-tab ul li {
  opacity: 1;
}
#trends-container.oga_trends .tabs.tabs--dashboard.trends-tab ul li a {
  background-color: #FFFFFF !important;
  font-family: "gt_walsheim_promedium", sans-serif;
  font-size: 18px;
}
#trends-container.oga_trends .tabs.tabs--dashboard.trends-tab ul li.tab--active {
  opacity: 1;
}
#trends-container.oga_trends .tabs.tabs--dashboard.trends-tab ul li.tab--active a {
  color: #fff;
  background-color: #2E2D2C !important;
}
#trends-container.oga_trends .tabs.tabs--dashboard.trends-tab ul li.tab--active a span {
  font-size: 18px !important;
}
#trends-container.oga_trends #FG .tab-pane #top-section {
  background-color: #2E2D2C !important;
  padding-bottom: 50px;
}
#trends-container.oga_trends #EST .tab-pane #top-section {
  background-color: #2E2D2C !important;
  padding-bottom: 50px;
}
#trends-container.oga_trends #top-section .secondary-tab-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#trends-container.oga_trends #top-section .secondary-tab-section .secondary-tab-link {
  font-size: 18px;
  margin-right: 38px !important;
  color: #FFFFFF !important;
  font-family: "GT Walsheim,Regular", sans-serif !important;
  opacity: 0.58 !important;
}
#trends-container.oga_trends #top-section .secondary-tab-section .secondary-tab-link.active {
  color: #ff7000 !important;
  border-bottom: solid 1px #ff7000;
  font-family: "GTWalsheimProBold", sans-serif !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
  opacity: 1 !important;
}
#trends-container.oga_trends .filter-section .col-3,
#trends-container.oga_trends .filter-section .col-4 {
  margin: 0 auto;
  margin-left: 20px;
  padding: 0px;
  margin-right: 20px;
}
#trends-container.oga_trends .filter-section .col-4 .trend-select-box-container .dropdown-toggle.form-control {
  width: 267px !important;
}
#trends-container.oga_trends .filter-section div.col-4.disabled,
#trends-container.oga_trends .filter-section div.col-4.disabled *,
#trends-container.oga_trends .filter-section div.col-3.disabled,
#trends-container.oga_trends .filter-section div.col-3.disabled * {
  cursor: not-allowed;
  opacity: 0.84;
}
#trends-container.oga_trends .filter-section div.col-4.disabled select,
#trends-container.oga_trends .filter-section div.col-4.disabled * select,
#trends-container.oga_trends .filter-section div.col-3.disabled select,
#trends-container.oga_trends .filter-section div.col-3.disabled * select {
  pointer-events: none;
}
#trends-container.oga_trends .filter-section .form-label {
  font-size: 12px !important;
  font-family: "GT Walsheim,Regular", sans-serif !important;
  color: #FFFFFF !important;
}
#trends-container.oga_trends .filter-section .btn-control-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#trends-container.oga_trends .filter-section .btn-control-section .btn {
  background-color: transparent;
  border-radius: 2px !important;
  color: #fff;
  border: solid 2px;
  width: 92px;
  height: 40px;
  font-size: 12px;
  margin: 0 10px;
  cursor: pointer;
  border: none !important;
  font-size: 14px;
  font-family: "gt_walsheim_promedium", sans-serif !important;
}
#trends-container.oga_trends .filter-section .btn-control-section .btn:disabled {
  cursor: not-allowed;
}
#trends-container.oga_trends .filter-section .btn-control-section .btn-apply:disabled {
  background-color: #D1D1D1;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
#trends-container.oga_trends .filter-section .btn-control-section .btn-apply:not(:disabled) {
  background-color: #FF7000 !important;
  border: none;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#trends-container.oga_trends .filter-section .btn-control-section .btn-apply:not(:disabled):hover {
  border-top-left-radius: 27px !important;
}
#trends-container.oga_trends .filter-section .btn-control-section .btn-filter {
  background-color: #FFFFFF;
  color: #2E2D2C;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#trends-container.oga_trends .filter-section .btn-control-section .btn-filter:hover {
  border-top-left-radius: 27px !important;
}
#trends-container.oga_trends .trend-select-box-container .open .dropdown-toggle.form-control:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
#trends-container.oga_trends .trend-select-box-container .dropdown-toggle.form-control {
  cursor: pointer;
  width: 203px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #1F2526;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px !important;
  border-radius: 2px !important;
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
}
#trends-container.oga_trends .trend-select-box-container .dropdown-toggle.form-control:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 16px;
  right: 20px;
  -webkit-filter: brightness(0.75);
  filter: brightness(0.75);
  background: url(../../../content/dam/olam/atsource/resources/Chevron.svg) no-repeat 96% 50%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  margin-right: -25px;
}
#trends-container.oga_trends .trend-select-box-container .dropdown-toggle.form-control span {
  font-family: "GT Walsheim,Regular", sans-serif;
  overflow: hidden;
  white-space: inherit;
  text-overflow: ellipsis;
  opacity: 0.75;
  padding-right: 10px;
}
#trends-container.oga_trends .trend-select-box-container .entryDrpDwnColorChange span {
  font-family: "GT Walsheim,Bold", sans-serif !important;
  opacity: 1 !important;
}

.disclaimer-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.disclaimer-text img {
  width: 20px;
  height: 20px;
}
.disclaimer-text h5 {
  font-size: 14px;
}

.contract-filters-atsverified .btn-group {
  width: 100% !important;
}
.contract-filters-atsverified .contract-filter-btn-container .reset-filter {
  background-color: transparent !important;
}
.contract-filters-atsverified .contract-filter-btn-container .reset-filter:hover {
  background-color: white !important;
}
.contract-filters-atsverified .contract-main-filter-box {
  height: 40px;
  font-size: 15px;
  color: #FFFFFF;
  background: #00869D 0% 0% no-repeat padding-box;
  border: solid 1px #fff !important;
  padding: 10px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.contract-filters-atsverified .contract-main-filter-box::before {
  content: "";
  background: transparent url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
  position: absolute;
  width: 11px;
  height: 18px;
  right: 35px;
  -webkit-filter: brightness(0.75);
          filter: brightness(0.75);
}
.contract-filters-atsverified .contract-main-filter-box::after {
  background: #00869D 0% 0% no-repeat padding-box;
}
.contract-filters-atsverified .contract-main-filter-box span {
  font-family: "GT Walsheim,Medium", sans-serif;
}
.contract-filters-atsverified .entryDrpDwnColorChange span {
  font-family: "GT Walsheim,Bold", sans-serif !important;
  opacity: 1 !important;
  color: #FFFFFF;
}

/* OGA Trends table */
#trends-container .oga_table_trends table th:nth-child(2) {
  width: 200px !important;
}
#trends-container .oga_table_trends .oga_table_des {
  color: #555555 !important;
  font-size: 14px !important;
  font-family: "GT Walsheim,Regular", sans-serif !important;
  position: relative !important;
  top: 10.5px !important;
}
#trends-container .oga_table_trends .trends-table td {
  font-weight: normal;
}
#trends-container .oga_table_trends .trends-table tbody tr {
  border-bottom: 0px !important;
  height: 40px;
}
#trends-container .oga_table_trends .trends-table tbody tr:nth-child(even) td {
  background-color: #FFFFFF !important;
}
#trends-container .oga_table_trends .trends-table tbody tr:nth-child(even) td {
  background-color: #FFFFFF !important;
}
#trends-container .oga_table_trends .trends-table tbody tr:nth-child(odd) td {
  background-color: rgba(230, 230, 230, 0.46) !important;
}
#trends-container .oga_table_trends .trends-table tbody tr:nth-child(even).selected td {
  background-color: rgba(230, 230, 230, 0.46) !important;
}
#trends-container .oga_table_trends .trends-table tbody tr:nth-child(even).selected td {
  background-color: #FFFFFF !important;
}
#trends-container .oga_table_trends .trends-table tbody tr:nth-child(odd) td:first-child {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
#trends-container .oga_table_trends .trends-table tbody tr:nth-child(odd) td:last-child {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
#trends-container .oga_table_trends .fa-arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  position: relative;
  top: -1px;
  left: 0px;
}
#trends-container .oga_table_trends .trends-table .fg-header-toggle__sort {
  margin-left: -1px;
  height: 3px;
  width: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: none !important;
  bottom: 7px !important;
}
#trends-container .oga_table_trends .trends-table .fg-header-toggle__sort.asc {
  background-image: none !important;
}
#trends-container .oga_table_trends .trends-table .fg-header-toggle__sort.desc {
  background-image: none !important;
}
#trends-container .oga_table_trends .trends-table tr:hover:not(.empty-msg-row):nth-child(even) td {
  background: none !important;
}
#trends-container .oga_table_trends .trends-table tr:hover:not(.empty-msg-row):nth-child(odd) td {
  background: rgba(230, 230, 230, 0.46) !important;
}
#trends-container .oga_table_trends .trends-table #bottom-section #farmer-group-table-container.section-closed .table-control-row {
  padding: 0px 0px !important;
}

.oga_table_trends {
  font-weight: normal !important;
  border-radius: 0px !important;
  padding-bottom: 0px !important;
  margin: 2rem 0 !important;
  border: 0px solid #0B4B52 !important;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2392156863) !important;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2392156863) !important;
}
.oga_table_trends .trends-table .fg-table__checkbox input[type=checkbox] + span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23FFFFFF' stroke='%23FFFFFF' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E") !important;
}
.oga_table_trends table thead {
  border-bottom: 1px solid #C7C7C7 !important;
  border-top: 1px solid #C7C7C7 !important;
}
.oga_table_trends table thead tr th span {
  font-family: "GTWalsheimProBold", sans-serif !important;
  font-size: 14px !important;
  color: #555555 !important;
}
.oga_table_trends table tbody tr {
  color: #000000 !important;
  font-size: 12px !important;
  font-family: "GT Walsheim,Medium", sans-serif !important;
}
.oga_table_trends table tbody tr td {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.oga_table_trends #trends-container .trends-table {
  margin: 20px;
  width: calc(100% - 15px);
}
.oga_table_trends #trends-container .trends-table .trends-toggle-all {
  width: 50px;
  max-width: 50px;
  padding-left: 12px !important;
}
.oga_table_trends #trends-container .trends-table th {
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  border: none;
  white-space: nowrap;
  color: #0B4B52;
  font-weight: bold;
}
.oga_table_trends #trends-container .trends-table th.trends-toggle-all .fg-table__checkbox span {
  border: solid !important;
  background-color: #fff;
}
.oga_table_trends #trends-container .trends-table td {
  border: none;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
.oga_table_trends #trends-container .trends-table td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.oga_table_trends #trends-container .trends-table td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.oga_table_trends #trends-container .trends-table span.select-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.oga_table_trends #trends-container .trends-table tbody tr {
  cursor: auto;
  border-bottom: solid 0px;
  height: 30px;
}
.oga_table_trends #trends-container .trends-table tbody tr td {
  background-color: rgba(230, 230, 230, 0.46);
}
.oga_table_trends #trends-container .trends-table tbody tr:nth-child(even) td {
  background-color: rgb(255, 255, 255);
}
.oga_table_trends #trends-container .trends-table tbody tr.selected {
  background: none !important;
}
.oga_table_trends #trends-container .trends-table tbody tr:hover:not(.empty-msg-row) td {
  background: none !important;
  background: none !important;
}
.oga_table_trends #trends-container .trends-table tbody tr:last-child {
  border-bottom: none !important;
}
.oga_table_trends #trends-container .trends-table tbody tr.empty-msg-row {
  cursor: default !important;
}
.oga_table_trends #trends-container .trends-table tbody tr.empty-msg-row td {
  padding-left: 20px;
  color: #c33434;
}
.oga_table_trends #trends-container .trends-table tbody tr:first-child td:first-child {
  border-top-left-radius: 9px;
}
.oga_table_trends #trends-container .trends-table tbody tr:first-child td:last-child {
  border-top-right-radius: 9px;
}
.oga_table_trends #trends-container .trends-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 9px;
}
.oga_table_trends #trends-container .trends-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 9px;
}
.oga_table_trends #trends-container .trends-table .legend-column {
  width: 80px;
}
.oga_table_trends #trends-container .trends-table .legend-column .legend {
  width: 30px;
  height: 15px;
  display: block;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 1px;
  background-color: #00acc6;
}
.oga_table_trends #trends-container .trends-table .agri-heading-column {
  width: auto;
  white-space: normal;
}
.oga_table_trends #trends-container .trends-table .fg-table__checkbox input[type=checkbox] + span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23FFFFFF'  stroke='%23FFFFFF'  d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E") !important;
}
.oga_table_trends #trends-container .trends-table .fg-table__checkbox input[type=checkbox] + span {
  border: solid 2px #0c4c53 !important;
}
.oga_table_trends #trends-container .trends-table .selected .fg-table__checkbox input[type=checkbox] + span {
  background-color: #fff;
}
.oga_table_trends #trends-container #trends-chart-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.oga_table_trends #trends-container #trends-chart-table table {
  margin-left: 8px !important;
  margin-right: 0px !important;
}
.oga_table_trends #trends-container #trends-chart-table th {
  color: #000;
  padding-left: 0;
}
.oga_table_trends #trends-container #trends-chart-table tbody tr {
  cursor: normal !important;
}
.oga_table_trends #trends-container #trends-chart-table tbody tr td {
  background-color: #E5EFBD !important;
  color: #273113;
}
.oga_table_trends #trends-container #trends-chart-table tbody tr td:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.oga_table_trends #trends-container #trends-chart-table tbody tr td:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.oga_table_trends #trends-container .theme-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 50px;
  background-color: #0b4b52;
  width: 100%;
}
.oga_table_trends #trends-container .theme-arrow .left-section {
  background-color: #fff;
  width: 85%;
  border-top-right-radius: 45px;
}
.oga_table_trends #trends-container .theme-arrow .right-section {
  background-color: #fff;
  width: 15%;
  border-top-left-radius: 45px;
}
.oga_table_trends #trends-container #table-footer-section {
  padding: 10px 20px;
}
.oga_table_trends #trends-container #table-footer-section .footer-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: solid 0.1px #0B4B52;
}
.oga_table_trends #trends-container #table-footer-section .table-control-label {
  margin: 0;
  border: solid #0B4B52;
  padding: 4px;
  border-radius: 6px;
  width: 180px;
  margin-right: calc(33% - 180px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
  height: 25px;
}
.oga_table_trends #trends-container #table-footer-section .table-pagination {
  color: #0B4B52;
  font-size: 12px;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 33%;
}
.oga_table_trends #trends-container #table-footer-section .table-pagination span.nav-arrow {
  cursor: pointer;
}
.oga_table_trends #trends-container #farmer-group-section {
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  height: 100%;
  opacity: 1;
}
.oga_table_trends #trends-container #farmer-group-section.hideFG {
  opacity: 0;
  height: 0;
}
.oga_table_trends #trends-container #farmer-group-section table {
  border-top: solid 1px #0B4B52;
}
.oga_table_trends #trends-container #farmer-group-section table th {
  padding-top: 15px;
  padding-left: 5px;
}
.oga_table_trends #trends-container .fa-arrow-up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: relative;
  top: -1px;
  left: 0px;
}
.oga_table_trends #trends-container .hand-cursor {
  cursor: pointer;
}
.oga_table_trends #trends-container .trends-table .fg-header-toggle__sort {
  margin-left: 10px;
  height: 12px;
  width: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.232 11.847l-.358-.284L2 8.496l.718-.778L6.233 10.5l3.514-2.783.718.778-3.874 3.067zM6.233 0l.358.284 3.874 3.066-.718.779-3.514-2.783-3.515 2.783L2 3.35 5.874.284z' fill='%230B4B52' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.oga_table_trends #trends-container .trends-table .fg-header-toggle__sort.asc {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230B4B52' fill-rule='evenodd'%3E%3Cpath d='M6.232 11.847l-.358-.284L2 8.496l.718-.778L6.233 10.5l3.514-2.783.718.778-3.874 3.067z'/%3E%3Cpath stroke='%230B4B52' d='M6.233 1l.358.284 3.874 3.066-.718.779-3.514-2.783-3.515 2.783L2 4.35l3.874-3.066z'/%3E%3C/g%3E%3C/svg%3E");
}
.oga_table_trends #trends-container .trends-table .fg-header-toggle__sort.desc {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230B4B52' fill-rule='evenodd'%3E%3Cpath stroke='%230B4B52' d='M6.232 10.847l-.358-.284L2 7.496l.718-.778L6.233 9.5l3.514-2.783.718.778-3.874 3.067z'/%3E%3Cpath d='M6.233 0l.358.284 3.874 3.066-.718.779-3.514-2.783-3.515 2.783L2 3.35 5.874.284z'/%3E%3C/g%3E%3C/svg%3E");
}
.oga_table_trends .fg-table__checkbox input[type=checkbox]:checked + span {
  background: -webkit-gradient(linear, left top, right top, from(#04BA71), to(#00A865)) !important;
  background: linear-gradient(to right, #04BA71, #00A865) !important;
}
.oga_table_trends #farmer-group-table-container {
  border-radius: 6px;
  padding-bottom: 20px;
  margin: 2rem 0;
  border: 0px solid #0B4B52 !important;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2392156863) !important;
          box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2392156863) !important;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row {
  color: #555555 !important;
  font-size: 24px !important;
  font-family: "GT Walsheim,Bold", sans-serif !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-weight: bold;
  text-decoration: underline;
  padding: 20px;
  padding-bottom: 0;
  -webkit-transition: padding 0.3s ease-in, margin 0.3s ease-in;
  transition: padding 0.3s ease-in, margin 0.3s ease-in;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row .total-farmer-group {
  font-size: 30px;
  white-space: nowrap;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row .farmer-group-hint {
  font-size: 12px !important;
  font-weight: normal;
  font-family: "GT Walsheim,Regular", sans-serif;
  color: #000000 !important;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row .btn-control-section {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row .btn-control-section .all-selected {
  background-color: #a0c800;
  color: #fff;
  border: solid #a0c800;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row .search-control-section {
  margin-top: 16px;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row .search-control-section .table-control-label {
  width: 100%;
  text-align: right;
  color: #0B4B52 !important;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row .search-control-section .search-control input {
  border-radius: 10px !important;
  font-size: 12px !important;
  width: 200px !important;
  -webkit-transition: width 1s ease !important;
  transition: width 1s ease !important;
  float: right !important;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.27 14.275l-4.684-4.623c.72-.933 1.126-2.133 1.126-3.422 0-3.2-2.612-5.778-5.856-5.778C2.613.452 0 3.031 0 6.231c0 3.2 2.612 5.777 5.856 5.777 1.306 0 2.477-.4 3.468-1.11l4.685 4.622a.9.9 0 0 0 .631.267.9.9 0 0 0 .631-.267.852.852 0 0 0 0-1.245zm-9.414-4.044c-2.252 0-4.054-1.778-4.054-4 0-2.223 1.802-4 4.054-4 2.253 0 4.054 1.777 4.054 4 0 2.221-1.802 4-4.054 4z' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 8px) center !important;
  background-size: 15px !important;
  border: 1px solid #F0F0F0 !important;
  background-color: #F0F0F0 !important;
  color: #555555 !important;
}
.oga_table_trends #farmer-group-table-container .row.table-control-row .search-control-section .search-control input:active, .oga_table_trends #farmer-group-table-container .row.table-control-row .search-control-section .search-control input:focus, .oga_table_trends #farmer-group-table-container .row.table-control-row .search-control-section .search-control input.active {
  width: 100% !important;
}
.oga_table_trends #farmer-group-table-container .table-control-label {
  font-size: 12px;
  cursor: pointer;
}
.oga_table_trends #farmer-group-table-container .table-control-label em {
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 10px;
  width: 20px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
  top: 0px;
}
.oga_table_trends #farmer-group-table-container .table-control-label .load-more-label {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 11px;
  color: #0B4B52;
}
.oga_table_trends #farmer-group-table-container .table-control-label .load-more-label + .fa {
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%230B4B52' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
}
.oga_table_trends #farmer-group-table-container .btn {
  background-color: transparent;
  border-radius: 10px;
  outline: 0;
  border: solid 2px;
  padding: 2px 10px;
  height: 30px;
  min-width: 90px;
  font-size: 13px;
  margin: 10px 10px 0 10px;
  cursor: pointer;
  color: #a0c800;
}
.oga_table_trends #farmer-group-table-container .btn-apply {
  background-color: #a0c800;
  border: none;
  border-radius: 15px;
  color: #fff;
}
.oga_table_trends #farmer-group-table-container .btn-apply:disabled {
  background-color: #DEDAD4;
  color: #fff;
  cursor: not-allowed;
  border: solid #DEDAD4;
}
.oga_table_trends #farmer-group-table-container .table-btn-controls {
  width: 33%;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.oga_table_trends #farmer-group-table-container.section-closed {
  padding-bottom: 0 !important;
}
.oga_table_trends #farmer-group-table-container.section-closed .table-control-row {
  padding: 0px 0px !important;
}
.oga_table_trends #farmer-group-table-container.section-closed .search-control-section {
  margin-top: 10px !important;
}
.oga_table_trends #farmer-group-table-container .trends-table .fg-header-toggle__sort {
  margin-left: 10px;
  height: 12px;
  width: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: none !important;
}
.oga_table_trends #farmer-group-table-container .trends-table .fg-header-toggle__sort.asc {
  background-image: none !important;
}
.oga_table_trends #farmer-group-table-container .trends-table .fg-header-toggle__sort.desc {
  background-image: none !important;
}
.oga_table_trends #farmer-group-table-container #table-footer-section {
  padding: 10px 20px;
}
.oga_table_trends #farmer-group-table-container #table-footer-section .footer-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: solid 0px #0B4B52;
}
.oga_table_trends #farmer-group-table-container .trends-table {
  margin: 20px;
  width: calc(100% - 15px);
}
.oga_table_trends #farmer-group-table-container .trends-table .trends-toggle-all {
  width: 50px;
  max-width: 50px;
  padding-left: 12px !important;
}
.oga_table_trends #farmer-group-table-container .trends-table th {
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  border: none;
  white-space: nowrap;
  color: #0B4B52;
  font-weight: bold;
}
.oga_table_trends #farmer-group-table-container .trends-table th.trends-toggle-all .fg-table__checkbox span {
  border: solid !important;
  background-color: #fff;
}
.oga_table_trends #farmer-group-table-container .trends-table td {
  border: none;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
.oga_table_trends #farmer-group-table-container .trends-table td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.oga_table_trends #farmer-group-table-container .trends-table td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.oga_table_trends #farmer-group-table-container .trends-table span.select-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr {
  cursor: auto;
  border-bottom: solid 7px #fff;
  height: 30px;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr td {
  background-color: #FFFFFF;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr:nth-child(even) td {
  background-color: #fbfaf9;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr.selected td, .oga_table_trends #farmer-group-table-container .trends-table tbody tr:hover:not(.empty-msg-row) td {
  background-color: none !important;
  background: none !important;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr:last-child {
  border-bottom: none !important;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr.empty-msg-row {
  cursor: default !important;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr.empty-msg-row td {
  padding-left: 20px;
  color: #c33434;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr:first-child td:first-child {
  border-top-left-radius: 9px;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr:first-child td:last-child {
  border-top-right-radius: 9px;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 9px;
}
.oga_table_trends #farmer-group-table-container .trends-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 9px;
}
.oga_table_trends #farmer-group-table-container .trends-table .legend-column {
  width: 80px;
}
.oga_table_trends #farmer-group-table-container .trends-table .legend-column .legend {
  width: 30px;
  height: 15px;
  display: block;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 1px;
  background-color: #00acc6;
}
.oga_table_trends #farmer-group-table-container .trends-table .agri-heading-column {
  width: auto;
  white-space: normal;
}
.oga_table_trends #farmer-group-table-container .trends-table .fg-table__checkbox input[type=checkbox] + span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23000' stroke='%23000' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E");
}
.oga_table_trends #farmer-group-table-container .trends-table .fg-table__checkbox input[type=checkbox] + span {
  border: solid 2px #0c4c53 !important;
}
.oga_table_trends #farmer-group-table-container .trends-table .selected .fg-table__checkbox input[type=checkbox] + span {
  background-color: #fff;
}
.oga_table_trends .oga_button_submit {
  position: relative;
  top: 31px !important;
  left: 25px !important;
}
.oga_table_trends .oga_button_submit button {
  width: 120px !important;
  height: 40px !important;
  background-color: #2E2D2C !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-family: "gt_walsheim_promedium", sans-serif !important;
  border-radius: 2px !important;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.oga_table_trends .oga_button_submit button:hover {
  border-radius: 27px 2px 2px 2px !important;
}
.oga_table_trends .oga_label {
  overflow: hidden;
}
.oga_table_trends .oga_label .total-farmer-group {
  color: #555555 !important;
  font-size: 24px !important;
  font-family: "GT Walsheim,Bold", sans-serif !important;
}
.oga_table_trends .oga_label .total-farmer-group::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  border: 1px solid rgba(110, 110, 110, 0.6392156863) !important;
  margin-left: 11px;
  top: 17px;
}
.oga_table_trends .icon {
  min-width: 66px;
}
.oga_table_trends .icon .arrow_icon {
  position: absolute;
  right: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 12px;
}
.oga_table_trends .icon .arrow_icon .box {
  position: relative;
  border: 4px solid #00A865 !important;
  background-color: #00A865 !important;
  height: 18px !important;
  right: 0px;
  border-radius: 6px !important;
  min-width: 18px !important;
  max-width: 18px !important;
}
.oga_table_trends .icon .arrow_icon em {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
  top: 0px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
}
.oga_table_trends .search-control-section .farmer-group-hint {
  color: #000000 !important;
  font-size: 12px !important;
  font-family: "GT Walsheim,Regular", sans-serif !important;
  position: relative;
  left: 16px;
  top: 17px !important;
}
.oga_table_trends .search-control-section .table-control-label {
  width: 100%;
  text-align: right;
  color: #0B4B52 !important;
  position: relative;
  left: 19px !important;
}
.oga_table_trends .search-control-section .search-control input {
  -webkit-transition: width ease 0.6s;
  transition: width ease 0.6s;
  width: 200px;
}
.oga_table_trends .search-control-section .search-control input:active, .oga_table_trends .search-control-section .search-control input:focus, .oga_table_trends .search-control-section .search-control input.active {
  width: 270px !important;
}
.oga_table_trends .search-control-section .search-control {
  width: 33px !important;
  height: 33px !important;
  position: relative !important;
  right: 45px !important;
  margin-top: 16.5px !important;
}
.oga_table_trends .search-control-section .search-control input {
  height: 33px;
  border: 0;
  padding: 0 10px 0 24px;
  margin-top: -12px;
  border-radius: 10px;
  background-color: #F0F0F0;
  font-size: 12px;
  width: 33px;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
  float: right;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  color: #495057;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.27 14.275l-4.684-4.623c.72-.933 1.126-2.133 1.126-3.422 0-3.2-2.612-5.778-5.856-5.778C2.613.452 0 3.031 0 6.231c0 3.2 2.612 5.777 5.856 5.777 1.306 0 2.477-.4 3.468-1.11l4.685 4.622a.9.9 0 0 0 .631.267.9.9 0 0 0 .631-.267.852.852 0 0 0 0-1.245zm-9.414-4.044c-2.252 0-4.054-1.778-4.054-4 0-2.223 1.802-4 4.054-4 2.253 0 4.054 1.777 4.054 4 0 2.221-1.802 4-4.054 4z' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 9.23px) center;
  background-size: 15px;
  border: 1px solid #F0F0F0 !important;
}
.oga_table_trends .search-control-section .search-control input:active, .oga_table_trends .search-control-section .search-control input:focus, .oga_table_trends .search-control-section .search-control input.active {
  width: 85%;
}
.oga_table_trends button.button.button--dashboard[disabled] {
  cursor: default;
  background-color: #9e948e !important;
  text-transform: none;
}
.oga_table_trends pagination-control {
  position: relative;
  left: -92px;
  top: 30px;
}
.oga_table_trends ngx-pagination .disabled {
  color: #C6C6C5;
}
.oga_table_trends .ngx-pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca !important;
  cursor: default;
}
.oga_table_trends .ngx-pagination .current {
  background-color: #6E6E6E !important;
  height: 22px;
  width: 23px;
  border-radius: 8px;
  color: #FFFFFF !important;
  font-family: "Gilroy, Bold", sans-serif;
  font-size: 11px;
  padding: 0.1875rem 0.1rem !important;
  text-align: center;
}
.oga_table_trends .ngx-pagination .current span:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.oga_table_trends .ngx-pagination .disabled {
  font-family: "GT Walsheim,Regular", sans-serif;
  color: #222222;
  display: inline-block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 30px;
  top: 5px;
}
.oga_table_trends .ngx-pagination .disabled:hover {
  text-decoration: none !important;
}
.oga_table_trends .ngx-pagination .pagination-next a {
  font-size: 30px !important;
  color: #4A4949;
  position: relative;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 8px;
}
.oga_table_trends .ngx-pagination .pagination-next.disabled {
  position: relative;
  font-family: "GT Walsheim,Regular", sans-serif;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 9px;
}
.oga_table_trends .ngx-pagination .pagination-previous a {
  font-size: 30px !important;
  font-family: "GT Walsheim,Regular", sans-serif;
  position: relative;
  color: #C6C6C5;
  top: 4px;
}
.oga_table_trends .ngx-pagination a {
  font-size: 12px !important;
  color: #222222 !important;
  font-family: unset;
}
.oga_table_trends .ngx-pagination a span:nth-child(2) {
  color: #222222 !important;
}
.oga_table_trends .ngx-pagination .pagination-previous::before,
.oga_table_trends .ngx-pagination .pagination-next a::after,
.oga_table_trends .ngx-pagination .pagination-next.disabled::after,
.oga_table_trends .ngx-pagination .pagination-previous a::before {
  display: none !important;
}
.oga_table_trends .ngx-pagination a:hover,
.oga_table_trends .ngx-pagination button:hover {
  background: #FFFFFF !important;
  text-decoration: none !important;
}
.oga_table_trends .oga_pagination {
  position: relative;
  top: 20px;
}
.oga_table_trends #farmer-group-section {
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  height: 100%;
  opacity: 1;
}
.oga_table_trends #farmer-group-section.hideFG {
  opacity: 0;
  height: 0;
}
.oga_table_trends #farmer-group-section table {
  border-top: solid 0px #0B4B52;
}
.oga_table_trends #farmer-group-section table th {
  padding-top: 12px !important;
  padding-left: 5px;
}
.oga_table_trends .total_rec {
  position: relative;
  top: 31px !important;
  right: 15px !important;
  color: #222222 !important;
  font-family: "GT Walsheim,Regular", sans-serif;
}
.oga_table_trends .total_rec b {
  font-family: "GT Walsheim,Bold", sans-serif;
}

.tabs.tabs--dashboard {
  background-color: #fff !important;
}

.container .header-toggle {
  right: 30px;
}

.tier-1-calc-select-container {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.adjust-padding-right {
  padding-right: 0;
}

.havingManySelects.adjust-padding-right {
  padding-right: 10px !important;
}

#atsource-tier1-main-tab .card__header {
  min-height: 45px;
  margin-top: 30px !important;
}

#atsource-verified-tier1-main-tab .btn-group {
  width: 180px;
}
#atsource-verified-tier1-main-tab .card__header {
  min-height: 45px;
  margin-top: 30px !important;
}

.calculator-component input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.calculator-component input[type=number]::-webkit-inner-spin-button,
.calculator-component input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.calculator-component .number-arrow-container {
  padding: 5.6px;
  width: 25px;
  height: 35px;
  position: absolute;
  top: 45%;
  right: 22px;
  border-radius: 10px;
}
.calculator-component .number-arrow-container.tier2Volume {
  right: 17px;
}
.calculator-component .number-arrow-container span {
  height: 50%;
  width: 100%;
  display: block;
  background-position: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 0px 50%;
  cursor: pointer;
}
.calculator-component .number-arrow-container span.bottom-arrow {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background-position-x: 1.8px;
  background-position-y: 5px;
}
.calculator-component select.form-control {
  cursor: pointer;
  background: transparent url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
  -webkit-appearance: none;
}
.calculator-component .adjust-padding-right .col-sm-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: unset;
}
.calculator-component .havingManySelects .col-sm-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16%;
          flex: 0 0 16%;
  max-width: unset;
}
.calculator-component app-tab .tab-pane .totals-card__title:first-child {
  font-family: "GTWalsheimProBold";
}
.calculator-component app-tab .tab-pane .totals-card__text strong {
  font-family: "GTWalsheimProBold";
  font-size: 22px !important;
}

.trends-link-container {
  right: 1% !important;
}

.fg-filter-btn-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 3px;
}

.atsplus .fg-filter-btn-container {
  margin-left: -10px !important;
}

.btn-control-section button {
  border-radius: 15px !important;
}

.fg-pagination {
  margin-top: 30px !important;
  font-weight: bold;
}
.fg-pagination a {
  font-size: 25px !important;
}

.fg-viewmore {
  width: 180px !important;
  font-size: 11px;
  font-weight: bold !important;
  padding: 1px 5px;
}

.table.fg-table {
  border-top: 1px solid #0B4B52 !important;
  border-bottom: 1px solid #0B4B52;
  margin-bottom: 0px;
  padding: 10px 0;
  margin-top: 10px;
  padding-bottom: 20px;
}
.table.fg-table thead th {
  padding: 8px 0;
  vertical-align: middle;
}
.table.fg-table thead th span {
  font-size: 14px;
}
.table.fg-table tbody td {
  font-size: 11px !important;
  padding: 0 !important;
  vertical-align: middle;
}
.table.fg-table tbody td span {
  padding: 9px 3px;
}

.fg-table-view-header {
  margin-bottom: 0 !important;
}

.adjust-margin-bottom .fg-table-view-header {
  margin-bottom: 15px !important;
}

.calculator__info {
  padding: 0 20px !important;
}

.form-group.row.tier-1-calc-select-container {
  padding-left: 20px;
  padding-top: 15px;
}

.calculator select.form-control:not([size]):not([multiple]) {
  padding-right: 25px;
  text-overflow: ellipsis;
  font-size: 12px;
}

.container.mb-3.mt-3.static__container {
  padding-left: 15px !important;
}
.container.mb-3.mt-3.static__container .static__container__title {
  padding-left: 2px;
}
.container.mb-3.mt-3.static__container .row.static__container__card {
  padding-left: 1rem !important;
}

.common-card-title {
  padding-top: 30px !important;
  padding-bottom: 15px !important;
  margin-bottom: 0 !important;
  margin-left: 10px;
}

.card__title.cardtitle {
  padding-bottom: 15px !important;
}

.farmer-group-list-title:before {
  top: 13px !important;
}

.farmer-group-list .btn-control-section .btn-control {
  top: -0.7rem !important;
}

.farmer-group-list .fg-total {
  top: -3rem !important;
}

.fg-search input {
  background-size: 12px;
}

.map-container {
  margin-bottom: 30px !important;
}

.infoBox__inner:before {
  right: 1px !important;
  -webkit-transform: scaleY(1.5) rotate(45deg) skew(-21deg, -21deg) !important;
          transform: scaleY(1.5) rotate(45deg) skew(-21deg, -21deg) !important;
}

.fg_infoBox__inner:before {
  right: 75px !important;
  -webkit-transform: scaleY(2.5) rotate(45deg) skew(-21deg, -21deg) !important;
          transform: scaleY(2.5) rotate(45deg) skew(-21deg, -21deg) !important;
}

.org_infoBox__inner:before {
  right: 40px !important;
  -webkit-transform: scaleY(2.5) rotate(45deg) skew(-21deg, -21deg) !important;
          transform: scaleY(2.5) rotate(45deg) skew(-21deg, -21deg) !important;
}

.port_infoBox__inner:before {
  right: 90px !important;
  -webkit-transform: scaleY(2.5) rotate(45deg) skew(-21deg, -21deg) !important;
          transform: scaleY(2.5) rotate(45deg) skew(-21deg, -21deg) !important;
}

.port_infoBox__inner {
  width: 350px !important;
}
.port_infoBox__inner td:nth-child(1) {
  width: 130px;
}
.port_infoBox__inner td:nth-child(2) {
  width: 20px;
}

.calculator-tier-2 .card__title {
  padding-bottom: 10px !important;
}

tr.removed td {
  color: #aaa !important;
  text-decoration: line-through !important;
}
tr.removed td.table-card__name span {
  background-color: #eee !important;
  border: 2px solid #eee !important;
}
tr.removed td p.table-up-arrow:before, tr.removed td p.table-down-arrow:before {
  position: absolute;
  content: "";
  left: 0;
  top: 48%;
  right: 0;
  border-top: 1.5px solid #aaa;
  width: 20px;
}

.barchart-card path.highcharts-tick {
  display: none !important;
}

td.table-card__name .pointer-cursor {
  cursor: pointer !important;
}

.heroBg {
  background: #fff !important;
}

.atsource_img {
  margin-bottom: 43px;
}

ul.labour_practices {
  padding: 0;
  font-weight: 100;
}
ul.labour_practices li {
  list-style: none;
}

.content {
  background: #F6F7F5;
}

.wrapper_tabcontent {
  padding: 40px 10px;
}

.tabcontent {
  display: none;
  min-height: 180px;
}

.tabcontent.active {
  background: transparent;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  display: block;
}

/* tabs menu */
.tab-outer {
  margin-top: 78px;
}

.tabs {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabs sub {
  bottom: 0.85em;
  font-weight: normal;
  right: 6.9%;
  position: absolute;
  z-index: 1;
  letter-spacing: 0.75px;
  font-size: 11px;
  opacity: 0.85;
}

.calculator-component .profile-class .tabs.tabs--t1 .tab--active {
  border-left: 0px !important;
  border-right: 0px !important;
}

/* Tabs text */
.tablinks {
  cursor: pointer;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#ECE9E4), to(#D3D0CB)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #ECE9E4 0%, #D3D0CB 100%) 0% 0% no-repeat padding-box;
  color: #666666;
  border: 0;
  min-width: 240px;
  text-align: center;
  padding: 10px 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 5px !important;
  outline: none;
}

.tablinks.active,
.tablinks:focus,
.tablinks.active:hover {
  background: #F3F1EF;
  outline: none;
  border: 0;
}

.tablinks.active p,
.tablinks:hover {
  color: #0B4B52;
}

.tablinks.active p,
.tablinks.active:hover p {
  color: #0B4B52;
  opacity: 1;
}

.tablinks p {
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-size: 12px;
  font-weight: 600;
}

.tablinks:hover p {
  opacity: 1;
}
@media screen and (max-width: 512px) {
  .tablinks:hover p {
    opacity: 0.6;
  }
}

/* Text*/
.tabcontent p {
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 28px;
  font-weight: 100;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation: fadeEffect 0.6s ease;
          animation: fadeEffect 0.6s ease;
  width: 100%;
  font-size: 16px;
}
@media screen and (max-width: 512px) {
  .tabcontent p {
    font-size: 14px;
    line-height: 26px;
  }
}

.tabcontent .pointsColor {
  color: #6c5d56;
}

.text--coredef {
  font-size: 22px !important;
}

.text--coredef.text-color-darkthickgrey {
  color: #273113 !important;
}

h3.text--coredef {
  margin: 51px 0 25px 0 !important;
}

.tabcontent h3 {
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 10px;
}

.tabcontent .atsource-content {
  margin-bottom: 48px;
}

.tabcontent .atsourceplus-content {
  margin-bottom: 72px;
}

.tabcontent .kpi-content {
  margin-bottom: 69px;
}

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
    margin-left: 30px;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
    margin-left: 30px;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}
/** accordian **/
.accordion .accordion__content {
  display: none;
}

.accordion .accordion__header .accordion__indicator:after {
  opacity: 1;
}

.accordion .accordion__header .accordion__label {
  font-size: 25px;
  font-weight: 900;
}

.accordion.active .accordion__header .accordion__indicator:after {
  opacity: 0;
}

.accordion.active .accordion__content {
  display: block;
  max-height: -webkit-max-content !important;
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}

.accordion__wrapper .accordion:last-of-type {
  margin-bottom: 1rem;
}

.videocomponent {
  line-height: 0px;
  text-align: center;
  height: 500px;
}
.videocomponent video {
  width: 100% !important;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.calculator-filter-box {
  color: #fff;
  border: solid 1px #fff !important;
  padding: 10px !important;
  background: transparent url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 93% 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.calculator-filter-box.tier2-calc {
  padding: 13px 16px !important;
  color: #BCBCBC !important;
  font-size: 12px !important;
  font-weight: normal;
  border: solid 1px #CCCCCC !important;
  height: 40px;
  margin-bottom: 24px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412);
  background: #fff;
}
.calculator-filter-box.tier2-calc::before {
  content: "";
  background: transparent url("data:image/svg+xml,%3Csvg width='11' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.833 5.667l.438-.367L11 1.34 10.124.332l-4.29 3.595L1.542.333.667 1.34 5.395 5.3z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 96% 50%;
  position: absolute;
  width: 11px;
  height: 11px;
  right: 34px;
  -webkit-filter: brightness(0.75);
          filter: brightness(0.75);
}
.calculator-filter-box.tier2-calc.entryDrpDwnColorChange {
  color: #1F2526 !important;
  font-weight: bold !important;
  font-family: "GT Walsheim,Bold";
}

.open .tier2-calc::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.open .infinity-view.tier2-calc::before {
  -webkit-transform: none !important;
          transform: none !important;
}

bs-dropdown-container {
  z-index: 11;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
bs-dropdown-container ul.inner-dropdown.calculator-filter-dropdown li.selected,
bs-dropdown-container ul.inner-dropdown.calculator-filter-dropdown li:hover {
  white-space: pre-line !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
bs-dropdown-container ::-webkit-scrollbar {
  width: 5px;
}
bs-dropdown-container ::-webkit-scrollbar-track {
  background: #D6D6D6;
  border-radius: 6px;
}
bs-dropdown-container ::-webkit-scrollbar-thumb {
  background: #707070;
  border-radius: 3px;
  border: 1.5px solid #D6D6D6;
}
bs-dropdown-container ::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

#teaser-backdrop-container {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.3019607843);
  z-index: 12;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#teaser-backdrop-container #teaser-main-container {
  width: 375px;
  background-color: #fff;
  border-radius: 15px;
  padding: 2rem 3rem;
}
#teaser-backdrop-container #teaser-main-container p.info-text {
  color: #0B4B52;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  letter-spacing: -0.2px;
}
#teaser-backdrop-container #teaser-main-container .teaser-btn-control {
  text-align: center;
}
#teaser-backdrop-container #teaser-main-container button {
  margin-bottom: 10px;
  border-radius: 20px !important;
  border: solid 1px;
  padding: 8px 10px;
  min-width: 180px !important;
  font-size: 14px;
  cursor: pointer;
  outline: 0;
}
#teaser-backdrop-container #teaser-main-container button:active {
  border-color: silver !important;
}
#teaser-backdrop-container #teaser-main-container button.continue-btn {
  background-color: #00ACC6;
  color: #fff;
  border-color: #00ACC6;
}
#teaser-backdrop-container #teaser-main-container button.upgrade-btn {
  color: #AB2E86;
  border: solid 2px;
  font-weight: 500;
  background: #fff;
}
#teaser-backdrop-container #teaser-main-container .do-not-show-section {
  text-align: center;
  margin: 0.5rem 0 0 !important;
}
#teaser-backdrop-container #teaser-main-container .do-not-show-section span.donot-label {
  color: #0B4B52;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
#teaser-backdrop-container #teaser-main-container .do-not-show-section .fg-table__checkbox span {
  border-color: #DEDAD4 !important;
}
#teaser-backdrop-container #teaser-main-container .do-not-show-section .fg-table__checkbox input[type=checkbox]:checked + span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%230B4B52' stroke='%230B4B52' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E");
}
#teaser-backdrop-container #teaser-main-container .do-not-show-section .fg-table__checkbox input[type=checkbox]:checked + span {
  border-color: rgba(11, 75, 82, 0.7607843137) !important;
}

.teaser-alert-info {
  background: #CC6466;
  padding: 5px 8.2rem;
  color: #fff;
}
.teaser-alert-info .centered-position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.teaser-alert-info .header-info {
  margin-top: 1rem;
  font-size: 15px;
  font-weight: bold;
}
.teaser-alert-info .extra-info {
  font-size: 13px;
  margin-top: 4px;
}
.teaser-alert-info .upgrade-btn {
  border-radius: 15px;
  min-width: 150px;
  padding: 5px 10px;
  border: solid 1px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
}
.teaser-alert-info .upgrade-btn:active {
  border-color: silver;
}
.teaser-alert-info.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}

.teaser-alert-info + .atsplus-sharp-edge {
  background: #CC6466 !important;
}

#calc-destinationname span.tier2destWidth {
  width: 270px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
#calc-destinationname span.dest-tooltip {
  opacity: 0;
  font-size: 9px;
  color: #fff;
  position: absolute;
  bottom: 72%;
  left: 86%;
  overflow: visible;
  visibility: hidden;
  width: 0;
  background: #626262;
  border-radius: 5px 5px 5px 0;
  z-index: 10;
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
  white-space: nowrap;
}
#calc-destinationname span.ellipsis {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 12px;
  height: 10px;
  display: inline-block;
  cursor: pointer;
}
#calc-destinationname .ellipsis:hover ~ .dest-tooltip {
  opacity: 1;
  visibility: visible;
  width: 200px;
}
#calc-destinationname span.dest-tooltip p {
  white-space: break-spaces;
  min-width: 203px;
  text-align: left;
  margin: 0;
  padding: 7px;
  font-family: "gt_walsheim_prolight";
  letter-spacing: 0.25px;
  /* height: 36px; */
  /* line-height: 1; */
}

#calc-productname,
#calc-originname,
#calc-destinationname,
#calc-volume,
#calc-cropyearDate,
#calc-viewtype {
  font-weight: normal;
  font-weight: "GT Walsheim";
  font-size: 13px;
  color: #6fbbc8;
}
#calc-productname .entryDrpDwnColorChange,
#calc-originname .entryDrpDwnColorChange,
#calc-destinationname .entryDrpDwnColorChange,
#calc-volume .entryDrpDwnColorChange,
#calc-cropyearDate .entryDrpDwnColorChange,
#calc-viewtype .entryDrpDwnColorChange {
  color: #fff;
}

#volume::-webkit-input-placeholder {
  font-weight: normal;
  font-weight: "GT Walsheim";
  font-size: 13px;
  color: #6fbbc8;
}

#volume::-moz-placeholder {
  font-weight: normal;
  font-weight: "GT Walsheim";
  font-size: 13px;
  color: #6fbbc8;
}

#volume::-ms-input-placeholder {
  font-weight: normal;
  font-weight: "GT Walsheim";
  font-size: 13px;
  color: #6fbbc8;
}

#volume::placeholder {
  font-weight: normal;
  font-weight: "GT Walsheim";
  font-size: 13px;
  color: #6fbbc8;
}

.tier2Volume::-webkit-input-placeholder {
  color: #BCBCBC !important;
  font-size: 12px !important;
  font-weight: normal;
}

.tier2Volume::-moz-placeholder {
  color: #BCBCBC !important;
  font-size: 12px !important;
  font-weight: normal;
}

.tier2Volume::-ms-input-placeholder {
  color: #BCBCBC !important;
  font-size: 12px !important;
  font-weight: normal;
}

.tier2Volume::placeholder {
  color: #BCBCBC !important;
  font-size: 12px !important;
  font-weight: normal;
}

#reg-liv-world-tab #volume::-webkit-input-placeholder, .reg-liv-world-tab #volume::-webkit-input-placeholder {
  padding: 8px 0px !important;
  padding-right: 20px !important;
  color: #4A4A4A !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

#reg-liv-world-tab #volume::-moz-placeholder, .reg-liv-world-tab #volume::-moz-placeholder {
  padding: 8px 0px !important;
  padding-right: 20px !important;
  color: #4A4A4A !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

#reg-liv-world-tab #volume::-ms-input-placeholder, .reg-liv-world-tab #volume::-ms-input-placeholder {
  padding: 8px 0px !important;
  padding-right: 20px !important;
  color: #4A4A4A !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

#reg-liv-world-tab #volume::placeholder, .reg-liv-world-tab #volume::placeholder {
  padding: 8px 0px !important;
  padding-right: 20px !important;
  color: #4A4A4A !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

.tier-1-calc-select-container label {
  font-weight: normal;
  font-size: 13px;
}
.tier-1-calc-select-container label p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  width: 95%;
}
.tier-1-calc-select-container .button[disabled] {
  background: #DEDAD4;
}

.calculator .button {
  outline: 0 !important;
}
.calculator .button:active {
  color: #eee;
}

.calculator-map-content .container.content-align .info-content {
  padding-left: 0 !important;
  min-height: 400px;
}
.calculator-map-content .container.content-align .summary-card.summary-card-alignment {
  padding-left: 0 !important;
}
.calculator-map-content .container.content-align .map-content {
  position: absolute;
  left: 50%;
}

.calculator-component .tabs.tabs--t1 .tab--active {
  border-right: solid 3px #fff !important;
  border-left: solid 3px #fff !important;
}
.calculator-component .tabs.tabs--t1 li a {
  padding: 7px 10px !important;
  border: none !important;
}

.totals-card .totals-height-alignment {
  min-height: auto !important;
}

#trends-container .container .header-toggle {
  right: 5px !important;
}

.fg-filters .tier2-main-filter-box {
  margin-bottom: 0 !important;
  padding: 8px 35px 8px 8px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fg-filter-btn-container .button {
  margin-top: 25px !important;
}

.farmer-group-list .table.fg-table tr {
  border-radius: 0 !important;
}
.farmer-group-list .table.fg-table tr.fg-row--active {
  background-color: #97dbe4 !important;
}
.farmer-group-list .row.results__overview .fg-search input {
  -webkit-transition: width ease 0.6s;
  transition: width ease 0.6s;
  width: 200px;
}
.farmer-group-list .row.results__overview .fg-search input:active, .farmer-group-list .row.results__overview .fg-search input:focus, .farmer-group-list .row.results__overview .fg-search input.active {
  width: 270px !important;
}

.tier2bgcolor .results {
  padding-bottom: 20px;
}

.farmer-group-map .map-legend {
  -webkit-box-shadow: 0px 2px 7px rgba(205, 205, 205, 0.5019607843);
          box-shadow: 0px 2px 7px rgba(205, 205, 205, 0.5019607843);
}

.card-figure {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 10px;
  margin: 0;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.card-figure .flip-card {
  width: 235.5px;
}

.divider {
  margin-bottom: 35px;
  margin-top: 20px;
}

.figure-card-findout {
  position: relative;
  top: 1vh;
  font-size: 13px;
  color: #707070 !important;
  text-align: right;
  cursor: pointer;
  text-decoration: none !important;
}
.figure-card-findout a {
  color: #444444 !important;
  text-decoration: none !important;
}

.flip-card-inner {
  min-height: 170px;
}

.reg-tab-tile-container {
  padding-right: 15px;
  position: relative;
}

.reg-liv-world-tab .calculator-tier-2 .container.tier2-calculator {
  max-width: 990px !important;
}
.reg-liv-world-tab .reg-tab-tile-container {
  padding-right: 15px;
  position: relative;
}
.reg-liv-world-tab .map-container {
  text-align: right;
}
.reg-liv-world-tab .env-map-info {
  text-align: left;
}

.tier2bgcolor {
  background: transparent;
}
.tier2bgcolor ul {
  border-bottom: 1px solid #ededed;
}
.tier2bgcolor .tabs li {
  background-color: transparent;
  width: 33.33%;
}
.tier2bgcolor .tabs li a {
  background-color: transparent !important;
  color: #a0a0a0;
  font-weight: 500;
  letter-spacing: -0.14px;
  font-size: 14px;
  font-family: "GT Walsheim,Regular";
}
.tier2bgcolor .tabs li a img {
  margin: 0 5.71px 6px 0;
}
.tier2bgcolor .tabs li.tab--active a {
  font-family: "GT Walsheim,Bold";
}
.tier2bgcolor .tabs li.tab--active.climate-action a {
  color: #228B22;
  border-bottom: 2px solid #228B22 !important;
}
.tier2bgcolor .tabs li.tab--active.water a {
  color: #00ACC6;
  border-bottom: 2px solid #00ACC6 !important;
}
.tier2bgcolor .tabs li.tab--active.land-use a {
  color: #AD651E;
  border-bottom: 2px solid #AD651E !important;
}
.tier2bgcolor .tabs li.tab--active.natural-capital a {
  color: #EF6500;
  border-bottom: 2px solid #EF6500 !important;
}
.tier2bgcolor .results .tab-pane {
  background-color: transparent !important;
  padding-top: 0;
}
.tier2bgcolor .calc-detail-alignment {
  position: static;
  padding: 35px 0;
}
.tier2bgcolor .calc-detail-alignment p {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  color: #313131;
  font-family: "GT Walsheim,Medium";
}

.tier2bgcolor .tabs.tabs--t1.bgcolor-transparent li {
  border: none !important;
}

.app-card-flip-container .card__body {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.0901960784) !important;
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.0901960784) !important;
}

.app-card-flip-container .flip-card-inner .card__body {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.0901960784) !important;
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.0901960784) !important;
}

.environmental-card-container {
  margin-top: 0 !important;
  min-width: 1020px !important;
}

.footer-icons {
  display: grid;
  grid-template-columns: 27px 27px 27px;
  grid-template-rows: 2.8rem;
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  /* smartphones */
  .footer-icons {
    display: block !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* iPhone */
  .footer-icons {
    display: block !important;
  }
}
.dashboard--title-card .card__inner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.breakdown-card .clmrs-pos {
  position: relative !important;
  top: -0.7rem !important;
}

.clmrs-pos {
  position: relative !important;
  top: 0rem !important;
}

.clmrs-description {
  bottom: 17% !important;
}

.hand-cursor {
  cursor: pointer !important;
}

.breakdown-by-origin-section .card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0px 2px 7px rgba(205, 205, 205, 0.5019607843) !important;
          box-shadow: 0px 2px 7px rgba(205, 205, 205, 0.5019607843) !important;
}

.breakdown-by-product-section .card__inner {
  -webkit-box-shadow: 0px 2px 7px rgba(205, 205, 205, 0.5019607843) !important;
          box-shadow: 0px 2px 7px rgba(205, 205, 205, 0.5019607843) !important;
}

.button {
  font-size: 12px;
  font-weight: bold;
}

.tier2-calculator input {
  font-weight: bold !important;
}
.tier2-calculator .fg-blend-wrapper input {
  font-weight: normal !important;
}

.dashboard--title-card.card__body {
  min-width: auto !important;
}

.gmap-default-inner-box {
  opacity: 0 !important;
}

.modal-info-popup {
  background: rgba(0, 0, 0, 0.5) !important;
}
.modal-info-popup .ie-info-popup {
  background: white;
  border-radius: 15px;
  position: relative;
  top: 22%;
  left: 31%;
  width: 500px;
  height: 270px;
}
.modal-info-popup .ie-info-popup .para {
  text-align: right;
  cursor: pointer;
  position: relative;
  top: 13px;
  right: 10px;
}
.modal-info-popup .ie-info-popup .info-overlay-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 15px;
  width: 15px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
}
.modal-info-popup .ie-info-popup .popup-header {
  font-size: 21px;
  font-family: GT Walsheim, bold;
  color: #760153;
  padding: 50px 38px 0px 38px;
}
.modal-info-popup .ie-info-popup .popup-content-align {
  font-size: 15px;
}
.modal-info-popup .ie-info-popup .ie-info-button {
  text-align: center;
}
.modal-info-popup .ie-info-popup .ie-info-button #explorer-info-btn {
  background: #a0c800;
  color: white;
}

.image__section {
  padding: 20px 148px 20px 148px;
  -webkit-box-shadow: -7px 12px 17px rgba(204, 204, 204, 0.5019607843);
          box-shadow: -7px 12px 17px rgba(204, 204, 204, 0.5019607843);
}
.image__section .image-link-alignment {
  text-align: right !important;
}
.image__section-content {
  margin-left: 175px;
  margin-right: 175px;
}
.image__section-content .image-alignment .screening-img {
  background-position: center;
  width: 100% !important;
  height: 350px !important;
  background-repeat: no-repeat;
  background-position: center;
}
.image__section-content .info-left-content {
  font-family: "GT Walsheim, Medium";
  text-align: left;
  letter-spacing: -0.2px;
  color: #555559;
  opacity: 1;
  font-size: 22px;
}
.image__section-content .info-right-content h1 {
  color: #00869D;
  font-size: 14px;
  padding-top: 10px;
  font-family: "GT Walsheim, Bold";
}
.image__section-content .info-right-content p {
  color: #6C5D56;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
}

#entrycard .card__body {
  -webkit-box-shadow: 0px 2px 7px rgba(205, 205, 205, 0.5019607843) !important;
          box-shadow: 0px 2px 7px rgba(205, 205, 205, 0.5019607843) !important;
}

#env-overall-climate-change-card .card .height-align,
#env-overall-blue-water-card .card .height-align {
  min-height: auto !important;
}
#env-overall-climate-change-card .card__toggle,
#env-overall-blue-water-card .card__toggle {
  position: unset !important;
  display: block !important;
  height: auto;
}
#env-overall-climate-change-card .card__toggle.graphTier2,
#env-overall-blue-water-card .card__toggle.graphTier2 {
  position: absolute !important;
}
#env-overall-climate-change-card .card__inner,
#env-overall-blue-water-card .card__inner {
  padding: 0;
  min-height: 300px;
}
#env-overall-climate-change-card .card__toggle-calc-tier2 .card-toggle-text,
#env-overall-blue-water-card .card__toggle-calc-tier2 .card-toggle-text {
  position: unset !important;
  font-size: 12px;
  margin-bottom: 8px;
}
#env-overall-climate-change-card .env-stack-card-container,
#env-overall-blue-water-card .env-stack-card-container {
  min-height: 300px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
#env-overall-climate-change-card .env-stack-card-container .stack-card,
#env-overall-blue-water-card .env-stack-card-container .stack-card {
  padding-top: 0 !important;
}
#env-overall-climate-change-card .env-stack-card-container .card__noresults,
#env-overall-blue-water-card .env-stack-card-container .card__noresults {
  width: 250px;
  padding-top: 65% !important;
  width: 300px;
}
#env-overall-climate-change-card .card__toggle span,
#env-overall-blue-water-card .card__toggle span {
  margin-bottom: 0 !important;
}
#env-overall-climate-change-card .card__toggle label,
#env-overall-blue-water-card .card__toggle label {
  margin-bottom: 0 !important;
}
#env-overall-climate-change-card .table-card .card__inner,
#env-overall-blue-water-card .table-card .card__inner {
  min-height: auto;
}
#env-overall-climate-change-card .table-card .table-card-height-align,
#env-overall-blue-water-card .table-card .table-card-height-align {
  min-height: auto !important;
}
#env-overall-climate-change-card .table-card .table-card-height-align .km-width-hiddenLastMonth,
#env-overall-blue-water-card .table-card .table-card-height-align .km-width-hiddenLastMonth {
  max-width: 350px !important;
  min-width: 350px !important;
}
#env-overall-climate-change-card .table-card .table-card-height-align .km-overall-width,
#env-overall-blue-water-card .table-card .table-card-height-align .km-overall-width {
  max-width: 176px !important;
  min-width: 176px !important;
}

#cc-water-agri-pro-trans-ware .card__inner .neg-chart-align .highcharts-container {
  left: 15.7rem !important;
}

.align-table-card {
  padding-left: 30px !important;
}

.km-width-hiddenLastMonth {
  max-width: 413px !important;
  min-width: 413px !important;
}

#teaser-main-container.upgrade-modal {
  width: 600px !important;
  padding-bottom: 1rem;
}
#teaser-main-container.upgrade-modal .top-section {
  margin-bottom: 20px;
}
#teaser-main-container.upgrade-modal .top-section .close-icon {
  position: relative;
  left: 100%;
  cursor: pointer;
}
#teaser-main-container.upgrade-modal .top-section .feedback-title {
  font-size: 24px;
  color: #760153;
  text-transform: uppercase;
}
#teaser-main-container.upgrade-modal .top-section .modal-info-text {
  color: #273113 !important;
  font-size: 16.5px;
}
#teaser-main-container.upgrade-modal #teaser-upgrade-form .form-control {
  margin-bottom: 1.5rem;
  border: 1px solid #B5B5B5;
  padding: 12px 18px !important;
}
#teaser-main-container.upgrade-modal #teaser-upgrade-form textarea {
  max-height: 200px !important;
  min-height: 100px !important;
}
#teaser-main-container.upgrade-modal #teaser-upgrade-form .btn-control-section {
  float: right;
}
#teaser-main-container.upgrade-modal #teaser-upgrade-form .btn-control-section .btn {
  width: 150px;
  padding: 0;
  height: 40px;
  font-weight: bold;
  min-width: 150px !important;
  cursor: pointer;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  margin-bottom: 5px;
  border: 1px solid #A0C800;
  color: #A0C800;
  cursor: no-drop;
}
#teaser-main-container.upgrade-modal #teaser-upgrade-form .btn-control-section .btn-valid {
  background-color: #A0C800 !important;
  color: #fff !important;
  cursor: pointer;
}

.hero .container-fluid .hero__text .hero__title-font {
  font-size: 59px;
}
.hero .container-fluid .hero__text .toggle-hide {
  display: none;
}
.hero .container-fluid .hero__text .toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 15px;
  line-height: 25px;
  color: #6C5D56;
  font-weight: 700;
}
.hero .container-fluid .hero__text .toggle-title {
  color: #525252;
  font-family: GT Walsheim, medium !important;
  font-size: 12px !important;
}
.hero .container-fluid .hero__text .toggle span {
  padding: 8px;
}
.hero .container-fluid .hero__text .toggle .right-left-labels {
  margin: 0;
  color: #000000;
  opacity: 0.42;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-family: GT Walsheim, bold;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hero .container-fluid .hero__text .toggle__switch {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 51px;
  height: 25px;
  background-color: rgba(202, 133, 185, 0.3294117647);
  border-radius: 30px;
  cursor: pointer;
}
.hero .container-fluid .hero__text .toggle__switch input[type=checkbox] {
  display: none;
}
.hero .container-fluid .hero__text .toggle__switch input[type=checkbox] + span {
  background: #AB2286;
  height: 14px;
  width: 14px;
  border-radius: 30px;
  display: block;
  padding: 0;
  top: 5px;
  position: relative;
  margin-left: 7px;
  -webkit-box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hero .container-fluid .hero__text .toggle__switch input[type=checkbox]:checked + span {
  margin: 0;
  margin-left: 26px;
  -webkit-box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.4);
          box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.4);
}

.impact-stories-container {
  background: #f6f7f5;
}
.impact-stories-container .impact-container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1080px;
}
.impact-stories-container .impact-container-fluid .story__container-title {
  color: #00869D;
  text-align: left;
  padding-bottom: 15px;
  padding-left: 0px;
  font-family: "GTWalsheimProBold";
}
.impact-stories-container .impact-container-fluid .story__container-title .title-content {
  font-size: 42px;
}
.impact-stories-container .impact-container-fluid .impactpara {
  padding-top: 1rem;
}
.impact-stories-container .impact-container-fluid .story-card {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 2px 4px rgba(130, 130, 130, 0.3294117647);
          box-shadow: 0px 2px 4px rgba(130, 130, 130, 0.3294117647);
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content {
  padding: 2rem;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .card__inner-title {
  color: #4A4A4A;
  letter-spacing: 0px;
  font-size: 36px;
  font-family: GT Walsheim, bold;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .card__inner-content {
  color: #4A4A4A;
  letter-spacing: 0px;
  font-size: 14px;
  font-family: GT Walsheim;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content {
  padding-right: 0px;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content label {
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 15px;
  height: 17px;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .news-views-label {
  width: 92px;
  background: #FD8104;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .healthy-soil-label,
.impact-stories-container .impact-container-fluid .story-card .card-left-content .climate-action-label,
.impact-stories-container .impact-container-fluid .story-card .card-left-content .water-use-label {
  background: #00869D;
  width: 92px;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .diversity-inclusion-label,
.impact-stories-container .impact-container-fluid .story-card .card-left-content .healthy-ecosystem-label,
.impact-stories-container .impact-container-fluid .story-card .card-left-content .safe-decent-label {
  background: #00869D;
  width: 130px;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .education-skill-label,
.impact-stories-container .impact-container-fluid .story-card .card-left-content .health-nutrition-label {
  background: #00869D;
  width: 115px;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .economic-opportunity-label {
  background: #00869D;
  width: 140px;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .land-use-label {
  background: #00869D;
  width: 80px;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .atsource-infinity-label {
  background: #AB2286;
  width: 80px;
}
.impact-stories-container .impact-container-fluid .story-card .card-left-content .index-story-card__img {
  height: 368px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.article-card__body label {
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 15px;
  height: 17px;
  position: relative;
  top: -1rem;
}
.article-card__body .news-views-label {
  width: 92px;
  background: #FD8104;
}
.article-card__body .healthy-soil-label,
.article-card__body .climate-action-label,
.article-card__body .water-use-label {
  background: #00869D;
  width: 92px;
}
.article-card__body .diversity-inclusion-label,
.article-card__body .healthy-ecosystem-label,
.article-card__body .safe-decent-label {
  background: #00869D;
  width: 130px;
}
.article-card__body .education-skill-label,
.article-card__body .health-nutrition-label {
  background: #00869D;
  width: 115px;
}
.article-card__body .economic-opportunity-label {
  background: #00869D;
  width: 140px;
}
.article-card__body .land-use-label {
  background: #00869D;
  width: 80px;
}
.article-card__body .atsource-infinity-label {
  background: #AB2286;
  width: 80px;
}

@-moz-document url-prefix() {
  .highcharts-text-outline + tspan {
    stroke: #fff !important;
    stroke-width: 0.2px;
  }
}
#trends-container .trends-table {
  width: calc(100% - 40px) !important;
}

.atsplus-sharp-edge.overlay {
  background: #F3F1EF 0% 0% no-repeat padding-box !important;
  position: absolute !important;
  left: 73% !important;
}
.atsplus-sharp-edge.overlay .side-lt-sq,
.atsplus-sharp-edge.overlay .side-rt-sq {
  background: #f6f7f5 !important;
}

.whatsatsource .benefits {
  background: #00869D;
  color: #fff;
}
.whatsatsource .benefits .benefit-content {
  padding: 6rem 0rem;
}
.whatsatsource .benefits h2 {
  text-transform: uppercase;
  position: relative;
  top: -1rem;
}
.whatsatsource .benefits p {
  text-align: justify;
  width: 95%;
}
.whatsatsource .benefits a {
  color: #fff;
  text-decoration: none;
  position: absolute;
  bottom: 2.5rem;
}
.whatsatsource .videosection {
  background-color: #125460;
  position: absolute;
  height: 100%;
  left: 50%;
}
.whatsatsource .videosection .video-embed-container {
  height: 100%;
}

.img-infinity-in-action {
  width: 100%;
}

.impact-level {
  text-transform: uppercase;
  color: #00ACC6;
}

.methodology-popup-modal {
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.methodology-popup-modal ::-webkit-scrollbar {
  display: none;
}
.methodology-popup-modal .popup-align {
  position: relative;
  width: 881px;
  height: auto;
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1490196078);
  opacity: 1;
}
.methodology-popup-modal .popup-align .popup-content-header {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 35px;
  font-size: 24px;
  color: #00ACC6;
  font-family: GTWalsheimProBold;
  padding-left: 50px;
}
.methodology-popup-modal .popup-align .popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 25px 37px;
}
.methodology-popup-modal .popup-align .popup-content .continent-title table th {
  padding: 10px 0px;
  color: #00ACC6;
  font-size: 15px;
  font-family: GTWalsheimProBold;
}
.methodology-popup-modal .popup-align .popup-content .continent-title table td {
  padding: 10px 0px;
  font-size: 15px;
  font-family: GT Walsheim, Medium;
}
.methodology-popup-modal .popup-align .popup-content .continent-title table td a {
  color: #4a4a4a;
}
.methodology-popup-modal .popup-align .popup-content .continent-title table td a div {
  height: 100%;
  width: 100%;
}
.methodology-popup-modal .popup-align .popup-content .continent-title table td a:hover {
  text-decoration: none;
  color: #4a4a4a !important;
}

.methodology-countries-btn {
  width: 240px;
  height: 40px;
  font-family: GTWalsheimProBold;
  font-size: 14px;
  border-radius: 42px;
  cursor: pointer;
  opacity: 1;
  background-color: #00ACC6;
  color: white;
  border: none;
}

#consent-popup-overlay-container {
  height: 100vh;
  width: 100vw;
  background-color: rgba(170, 170, 170, 0.6509803922);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#consent-popup-overlay-container #consent-popup-container {
  width: 500px;
  color: #000;
  font-size: 14px;
  background-color: #fff;
  border-radius: 6px;
}
#consent-popup-overlay-container #consent-popup-container p {
  text-align: justify;
  margin: 0;
}
#consent-popup-overlay-container #consent-popup-container .consent-header {
  text-align: center;
  background: #00869d;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 5px;
  font-weight: bold;
}
#consent-popup-overlay-container #consent-popup-container .consent-header p {
  text-align: center !important;
  color: #fff;
}
#consent-popup-overlay-container #consent-popup-container .consent-header img {
  margin: 5px 0;
}
#consent-popup-overlay-container #consent-popup-container .consent-content {
  padding: 10px;
}
#consent-popup-overlay-container #consent-popup-container .consent-footer {
  text-align: center;
  padding-bottom: 10px;
}
#consent-popup-overlay-container #consent-popup-container .consent-footer button {
  background-color: #00869d;
  color: #fff;
  border-radius: 16px;
  outline: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 12px;
  padding: 6px 12px;
  font-weight: bold;
  cursor: pointer;
}
#consent-popup-overlay-container #consent-popup-container .consent-link {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

.trend-off-section-container.apply-effect {
  height: 0;
}
.trend-off-section-container.apply-effect .trending-nav-btn {
  display: none;
}
.trend-off-section-container.apply-effect .figure-card__flipicon img {
  display: block;
}
.trend-off-section-container.apply-effect .figure-card__flipicon svg {
  display: none;
}

.flip-card.apply-trends-off-styles:hover .trend-off-section-container {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: absolute;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(43%, rgba(5, 5, 5, 0)), color-stop(63%, rgba(252, 246, 246, 0.1019607843)), to(rgba(241, 235, 235, 0.8))) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 5, 0) 43%, rgba(252, 246, 246, 0.1019607843) 63%, rgba(241, 235, 235, 0.8) 100%) 0% 0% no-repeat padding-box;
  bottom: 0;
  height: 90%;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flip-card.apply-trends-off-styles:hover .trend-off-section-container button.trending-nav-btn {
  background: #00ACC6 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1607843137);
  outline: 0;
  border: 0;
  color: #fff;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  min-width: 85px;
  cursor: pointer;
  display: block;
}
.flip-card.apply-trends-off-styles:hover .trend-off-section-container.having-flip-icon button.trending-nav-btn {
  min-width: 85px;
}
.flip-card.apply-trends-off-styles:hover .trend-off-section-container img {
  display: none;
}
.flip-card.apply-trends-off-styles:hover .trend-off-section-container svg {
  display: block;
}
.flip-card.apply-trends-off-styles:hover .figure-card__flipicon {
  background-color: #fff;
  border-radius: 100%;
  padding: 6px;
  margin-bottom: 8px;
  margin-right: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flip-card.apply-trends-off-styles:hover .figure-card__flipicon svg {
  width: 10px;
  height: 10px;
}
.flip-card.apply-trends-off-styles:hover .figure-card__flipicon .a {
  fill: #6c5d56;
  stroke: #fff;
  stroke-linecap: round;
}

.container.verified-supply-chain-info {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.container.verified-supply-chain-info .verified-supply-chain-info-text {
  font-size: 14px;
  color: #000;
}
.container.verified-supply-chain-info .verified-supply-chain-info-text a {
  color: #00ACC6 !important;
  border-bottom: solid 0.1px;
}
.container.verified-supply-chain-info .verified-supply-chain-info-text a:hover {
  text-decoration: none;
  color: #9fd3ec !important;
}

.background--color-pink {
  background-color: #AB2286;
}
.background--color-pink .email-link-container p {
  font-family: GT Walsheim, Medium;
  font-size: 16px;
  color: white;
}
.background--color-pink .email-link-container p a {
  text-decoration: underline;
  color: white;
}
.background--color-pink .email-link-container p a:hover {
  opacity: 0.6;
  text-decoration: underline;
  color: white !important;
}

.animal-welfare-title-card .card__inner {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.animal-welfare-title-card .dashboard--title-card__title {
  overflow-wrap: break-word;
  width: 110px;
  line-height: 25px;
}

.error-page .error-image-align {
  margin: -20px 0 0 50px;
}
.error-page .error-info-content p {
  color: #0B4B52;
  font-family: GTWalsheimProBold;
  font-size: 26px;
  margin-bottom: 30px;
}
.error-page .error-info-content button {
  width: 180px;
  height: 40px;
  font-family: GTWalsheimProBold;
  font-size: 14px;
  border-radius: 42px;
  cursor: pointer;
  opacity: 1;
  background-color: #AB2286;
  color: white;
  border: none;
}
.error-page .error-info-content button a {
  color: white;
}
.error-page .error-info-content button a:hover {
  text-decoration: none;
  color: white !important;
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  /* smartphones */
  .view-feedback {
    display: none;
  }
  .view-mail-feedback {
    display: none;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* iPhone */
  .view-feedback {
    display: none;
  }
  .view-mail-feedback {
    display: none;
  }
}
#revamp-tile-demo {
  display: none;
}

.view-demotile {
  display: none;
  cursor: pointer;
  position: fixed;
  z-index: 11;
  bottom: 260px;
  right: -6px;
  width: 55px;
  color: #fff;
  background: #9FC700 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  border-radius: 6px 0px 0px 6px;
  opacity: 1;
  padding: 10px 0 10px 0;
  font-size: 1rem;
  line-height: 1.8;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.view-demotile p {
  margin-bottom: 0;
}

.view-feedback {
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  position: fixed;
  z-index: 11;
  bottom: 200px;
  right: -6px;
  width: 55px;
  height: 50px;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  color: #fff;
  background: #FD8104 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  border-radius: 6px 0px 0px 6px;
  opacity: 1;
  padding: 0.65rem 1.5rem;
  font-size: 1rem;
  line-height: 1.4;
}
.view-feedback svg {
  left: -16px;
  float: left;
  position: relative;
}
.view-feedback .feedback-animate {
  font-size: 14px;
  width: 220px;
  font-family: GT Walsheim, Medium;
  cursor: pointer;
}

.view-mail-feedback {
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  position: fixed;
  z-index: 11;
  bottom: 140px;
  right: -6px;
  width: 55px;
  height: 50px;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  color: #fff;
  background: #00ACC6 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  border-radius: 6px 0px 0px 6px;
  opacity: 1;
  padding: 0.65rem 1.5rem;
  font-size: 28px;
  line-height: 1.4;
}
.view-mail-feedback .mail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.view-mail-feedback .mail-info .mail-symbol-align {
  position: relative;
  left: -15px;
}
.view-mail-feedback .mail-info .feedback-animate {
  display: inline-table;
  font-size: 14px;
  width: 190px;
  position: relative;
  left: -6px;
  bottom: 7px;
  font-family: GT Walsheim, Medium;
}
.view-mail-feedback .mail-link {
  display: none;
  background: white;
  color: #00ACC6;
  bottom: 16px;
  border-top: none;
  height: 38px;
  left: -16px;
  position: relative;
  border-radius: 0px 0px 0px 6px;
  width: 190px;
  border: solid 2px #00ACC6;
  font-size: 12px;
  font-family: GT Walsheim, Medium;
}
.view-mail-feedback .mail-link a,
.view-mail-feedback .mail-link a:hover {
  top: 6px;
  margin: 13px;
  position: relative;
  color: #00ACC6;
  text-decoration: none;
}

.view-feedback:hover {
  width: 220px;
}

.view-mail-feedback:hover {
  min-width: 175px;
}
.view-mail-feedback:hover .mail-link {
  display: block;
  min-width: 175px;
}

#revamp-tile-demo {
  top: 0px;
  position: fixed;
  width: 100%;
  z-index: 20;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.8) !important;
  height: 100vh;
}
#revamp-tile-demo ::-webkit-scrollbar {
  display: none;
}
#revamp-tile-demo .tile-demo-modal-align {
  position: relative;
  width: 690px;
  margin: 2.5rem auto;
  padding: 1.6rem;
  background-color: #e3e3e3;
  border: 2px solid rgba(72, 73, 74, 0.4);
  border-radius: 5px;
  top: 20%;
}
#revamp-tile-demo .tile-demo-modal-align .overlay-close {
  right: -3rem !important;
  top: -4.6rem;
}
#revamp-tile-demo .tile-demo-modal-align .overlay-close::before, #revamp-tile-demo .tile-demo-modal-align .overlay-close::after {
  background: #fff !important;
}
#revamp-tile-demo .tile-demo-modal-align #tile-demo-modal {
  background: #fff;
}
#revamp-tile-demo .tile-demo-modal-align #tile-demo-modal .tile-demo-popup-header {
  font-size: 24px;
  color: black;
  font-family: GTWalsheimProBold;
  text-align: left;
}
#revamp-tile-demo .tile-demo-modal-align #tile-demo-modal .tile-demo-dialag-container img {
  width: 100%;
}
#revamp-tile-demo .tile-demo-modal-align .tile-demo-dot-wrapper {
  text-align: center;
  margin: 10px auto 0 auto;
}
#revamp-tile-demo .tile-demo-modal-align .tile-demo-dot-wrapper .tile-demo-dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
}
#revamp-tile-demo .tile-demo-modal-align .tile-demo-dot-wrapper .tile-demo-dot.active {
  background-color: #717171;
}

#revamp-feedbackFormModal {
  left: 0px;
}
#revamp-feedbackFormModal ::-webkit-scrollbar {
  display: none;
}
#revamp-feedbackFormModal .feedback-modal-align {
  width: 690px;
  margin: 2.5rem auto;
  padding: 1.6rem;
  background-color: white;
}
#revamp-feedbackFormModal .feedback-modal-align .overlay-close {
  right: -1rem !important;
  top: -0.6rem;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-popup-header {
  font-size: 24px;
  color: black;
  text-align: left;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .outer-border input:focus,
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container textarea:focus {
  outline: none;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: #6C5D56;
  font-family: GT Walsheim, Medium;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment .radio-btn-2 {
  position: relative;
  left: -60px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:checked,
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:checked + label,
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:checked + label:before,
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 1;
  top: 1.3;
  width: 20px !important;
  height: 20px !important;
  border-radius: 100%;
  background: #fff;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:checked + label:before {
  border: 2px solid #00869D;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:not(:checked) + label:before {
  border: 2px solid #6C5D56;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:checked + label:after,
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #00869D;
  position: absolute;
  top: 5px;
  left: 9px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment label {
  position: relative;
  top: -1px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-name input {
  margin: 10px 0px 9px 16px;
  width: 530px;
  height: 40px;
  border: 1px solid #7D7D7D;
  border-radius: 6px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-role {
  margin-left: 0px;
  position: relative;
  left: -8px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-role input {
  width: 250px;
  height: 40px;
  border: 1px solid #7D7D7D;
  border-radius: 6px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-role .role-align {
  margin-left: 10px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-role .email-align {
  padding-left: 18px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-text-content {
  margin-left: 16px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-text-content label {
  color: #000000;
  font-family: GT Walsheim, Medium;
  font-size: 12px;
  width: 530px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-text-content textarea {
  border: 1px solid #7D7D7D;
  border-radius: 6px;
  width: 530px;
  height: 100px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-submit-btn {
  margin-left: 16px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-submit-btn button {
  border: none;
  cursor: pointer;
  width: 120px;
  height: 40px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 20px;
  opacity: 1;
  background-color: #A0C800;
  color: white;
  font-size: 14px;
}
#revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-submit-btn button:disabled {
  cursor: no-drop;
  opacity: 0.3;
}

.hide-dom {
  display: none;
}

.trend-indicator-section.hide-it {
  display: none !important;
}

.trend-zero {
  color: #CEC9C6 !important;
}

.adjust-font__trend .figure-card__suffix {
  font-size: 0.75vw;
}

#atsource-tier1-main-tab .trend-off-section-container {
  display: none !important;
}

#atsource-verified-tier1-main-tab .trend-off-section-container {
  display: none !important;
}

.hide-Impact {
  display: none !important;
}

.btn-editable-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  background-color: #FD8104;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  max-width: 180px;
  font-size: 14px;
  height: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-editable-link:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.blend-arrow-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  right: 0;
  position: relative;
  top: 0px;
}
.blend-arrow-container .blend-trend-value {
  font-size: 12px;
  font-weight: 500;
  margin-left: 6px;
}
.blend-arrow-container .trend-blend-arrow {
  font-size: 12px;
  font-weight: 500;
}
.blend-arrow-container .trend-blend-arrow.up-arrow {
  color: #A0C800 !important;
}
.blend-arrow-container .trend-blend-arrow.down-arrow {
  color: #d0021b !important;
}
.blend-arrow-container .trend-blend-arrow.equal-arrow {
  color: #CEC9C6 !important;
}

.fg-table__checkbox input[type=checkbox] + span:before {
  bottom: 2px !important;
  left: 3px !important;
  width: 10px !important;
  height: 10px !important;
}

.atsource____agreement-section .fg-table__checkbox span {
  width: 18px !important;
  height: 18px !important;
  border: 1px solid #ced4da !important;
}
.atsource____agreement-section .fg-table__checkbox span::before {
  left: 1px !important;
  width: 12px !important;
  height: 12px !important;
  background-position: center;
  background-repeat: no-repeat;
}
.atsource____agreement-section .agreement___main-label a {
  color: #868282 !important;
  font-weight: bold;
  text-decoration: underline;
}
.atsource____agreement-section #agreement-error-msg {
  color: red;
  margin-left: 25px;
  font-size: 14px;
}

.atsource___loader {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4901960784);
  width: 100%;
  height: 100%;
  z-index: 999999;
  top: 0;
  left: 0;
}

/*  Trying to make color similar to all browser
    fiefox not supporting outline right now,
    so removing outline for all browsers
*/
.highcharts-text-outline {
  display: none !important;
}

.contract-tab-tiles .card__body.flip-card-front {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.contract-group-list .fg-viewmore {
  padding: 3px 5px;
  float: left;
  color: #0b4b52 !important;
  border: 1px solid #0b4b52;
  width: 75%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.contract-group-list .fg-pagination {
  color: #0b4b52;
}
.contract-group-list table.contract-table {
  padding-top: 15px;
  padding-bottom: 15px;
}

.sliderimgwrapper {
  float: right;
  width: 77%;
  text-align: center;
  position: relative;
}
.sliderimgwrapper .dragger {
  -webkit-appearance: none;
  width: 35%;
  height: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  position: relative;
  left: 35%;
  bottom: 225px;
  border-radius: 16px;
}
.sliderimgwrapper .dragger:hover {
  opacity: 1;
}
.sliderimgwrapper .dragger::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 5px;
  background: #000000;
  cursor: pointer;
  border-radius: 16px;
}
.sliderimgwrapper .dragger::-moz-range-thumb {
  width: 50px;
  height: 5px;
  background: #000000;
  cursor: pointer;
  border-radius: 16px;
}
.sliderimgwrapper img {
  vertical-align: middle;
  width: 663px;
  height: 414px;
  margin: 0 28px 0 0;
}

.demo-eco-text {
  width: 57%;
}

/* Slideshow container */
.eco-demo-wrapper {
  background: #F6F7F5;
  padding-top: 6rem !important;
}

.articleaggregation-wrapper {
  padding-top: 0 !important;
}

.eco-demo-in {
  position: relative;
}

.slideshow-container {
  margin: 10px auto;
  background: url(../../../content/dam/olam/atsource/resources/laptop_bg.png) no-repeat top right;
  background-size: 80% 112%;
  min-height: 480px;
  position: relative;
}

.laptop-container {
  margin: 10px auto;
  background: url(../../../content/dam/olam/atsource/resources/laptop_bg.png) no-repeat top right;
  background-size: 100% 100%;
  min-height: 90vh;
  font-size: 14px;
  max-width: 79%;
  position: relative;
}

@-webkit-keyframes movedestination {
  100% {
    width: 100%;
  }
  0% {
    width: 0.5%;
  }
  20% {
    width: 100%;
  }
}

@keyframes movedestination {
  100% {
    width: 100%;
  }
  0% {
    width: 0.5%;
  }
  20% {
    width: 100%;
  }
}
@-webkit-keyframes moveorigin {
  100% {
    width: 0.5%;
  }
  0% {
    width: 100%;
  }
  20% {
    width: 0.5%;
  }
}
@keyframes moveorigin {
  100% {
    width: 0.5%;
  }
  0% {
    width: 100%;
  }
  20% {
    width: 0.5%;
  }
}
@-webkit-keyframes destinationopacity {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@keyframes destinationopacity {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
}
@-webkit-keyframes originopacity {
  100% {
    opacity: 0;
  }
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
}
@keyframes originopacity {
  100% {
    opacity: 0;
  }
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
}
.dummy-data {
  position: absolute;
  left: 8.1%;
  top: 0.77%;
  z-index: 33;
  background: #444;
  height: 23px;
  color: #fff;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 10px;
}
.dummy-data P {
  color: #fff;
  font-size: 13px;
  padding: 2px 0 0 0;
  white-space: nowrap;
}
.dummy-data img {
  width: 25px;
  padding: 5px;
  float: left;
}

/* Demo button */
area:focus {
  outline: none;
}

/* Caption text */
.demo-eco-text h2 {
  color: #0B4B52;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 25px;
  margin: 0;
}
.demo-eco-text p {
  color: #4A4A4A;
  font-size: 15px;
  padding: 8px 12px 8px 0;
  /* position: absolute; */
  /* bottom: 8px; */
  width: 40%;
  /* text-align: center; */
  float: left;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev,
  .next,
  .text {
    font-size: 11px;
  }
}
@media screen and (min-width: 1400px) {
  .imgwrapper div.tip-text-wrapper2-1 {
    top: 42.3%;
  }
  .imgwrapper div.tip-text-wrapper3 {
    top: 42.3%;
  }
}
.password-reset-toolTip::before {
  content: "";
  display: block;
  position: absolute;
  left: 40px;
  bottom: 100%;
  width: 0;
  height: 0;
  border: 13px solid transparent;
  border-bottom-color: rgba(205, 205, 205, 0.5019607843);
}

.password-reset-toolTip::after {
  content: "";
  display: block;
  position: absolute;
  left: 41px;
  bottom: 100%;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-bottom-color: white;
}

.password-reset-toolTip {
  display: none;
  padding: 2px 2px;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(205, 205, 205, 0.5019607843);
          box-shadow: 0px 0px 0px 1px rgba(205, 205, 205, 0.5019607843);
  position: absolute;
  left: 14rem;
  top: 9.3rem;
  background-color: white;
  z-index: 10;
}
.password-reset-toolTip .tooltip-title {
  color: #9e948e;
}
.password-reset-toolTip .pwd-conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #63AB62;
}
.password-reset-toolTip .pwd-conditions .pwd-tick-icon {
  width: 50px;
  padding-bottom: 0px;
  margin-right: -19px;
  height: 25px;
  bottom: 1px;
  left: -10px;
  position: relative;
}
.password-reset-toolTip .pwd-conditions .pwd-wrong-icon {
  width: 41px;
  padding-top: 1px;
  margin-right: -10px;
  height: 21px;
  margin-bottom: 4px !important;
  left: -6px;
  position: relative;
}
.password-reset-toolTip .pwd-conditions .criteria-content {
  left: -4px;
  position: relative;
}
.password-reset-toolTip .warning-msg {
  color: red;
}

.reset-submit-button {
  cursor: auto !important;
  background: white !important;
  border: 0px !important;
}

.reset-submit-button:disabled a {
  background: #dedad4 !important;
}

.reset-submit-button:focus {
  outline: white !important;
}

.confirm-pwd {
  border: 1px solid #ced4da;
}

.confirm-pwd::focus {
  border-color: #1edeff;
}

.confirm-pwd-warning {
  color: red;
}

.new-password-input:focus + .password-reset-toolTip {
  display: block;
}

.infinity-stories-content {
  min-height: 600px !important;
  max-height: 600px !important;
}
.infinity-stories-content .article-card__body {
  position: relative;
}
.infinity-stories-content .article-card__body .article-card__copy {
  min-height: 152px !important;
  max-height: 152px !important;
  overflow: hidden !important;
}
.infinity-stories-content .article-card__body .article-card__title {
  min-height: 85px !important;
  max-height: 85px !important;
  overflow: hidden !important;
}

#session-error-overlay {
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.7803921569);
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#session-error-overlay .session-modal-header {
  color: #000;
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: solid 1px #eee;
  margin-bottom: 15px;
}
#session-error-overlay .session-modal-header img {
  height: 5rem;
  margin-bottom: 10px;
}
#session-error-overlay .session-modal-body {
  font-size: 12px;
  text-align: center;
}
#session-error-overlay .session-modal-footer {
  text-align: center;
}
#session-error-overlay .session-modal-footer button {
  height: 35px;
  border-radius: 35px;
  padding: 0;
  min-width: 196px;
  border: none;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  outline: 0 !important;
}
#session-error-overlay .session-modal-footer button.btn-signed-in {
  background-color: #00acc6;
  min-width: 180px;
}
#session-error-overlay .session-modal-footer button.btn-log-off {
  background-color: #0b4b52;
  min-width: 90px;
  margin-left: 2rem;
}
#session-error-overlay #session-error-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 10px;
}

.km-info-icon {
  position: absolute;
  top: 12px;
}

.env-km-info-icon {
  position: relative;
  left: 6px;
  top: 5px;
  outline: none;
  cursor: pointer;
}

.align-tooltip-km {
  position: relative;
}
.align-tooltip-km .env-km-info-icon {
  width: 14px !important;
  cursor: pointer;
}

.contextInfoHover {
  background-color: #525862 !important;
  border-radius: 4px !important;
  word-break: break-word !important;
}
.contextInfoHover::after {
  border-top-color: #525862 !important;
}

.envInfoHover {
  background-color: #525862 !important;
  border-radius: 4px !important;
  word-break: break-word !important;
}
.envInfoHover::after {
  border-top-color: #525862 !important;
  left: 30px !important;
  position: absolute !important;
}

.blended-fg-width-5 {
  width: 5% !important;
}

.download-doc-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.download-doc-btn-container .download-doc-btn {
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  padding: 0;
}
.download-doc-btn-container .download-doc-btn .text-holder {
  background: #760453 0% 0% no-repeat padding-box;
  border-radius: 24px 0 0 24px;
  border: 2px solid #760453;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1490196078);
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  opacity: 1;
  height: 100%;
  padding: 6px 10px 6px 15px;
}
.download-doc-btn-container .download-doc-btn .icon-holder {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 0px 24px 24px 0px;
  border: 2px solid #760453;
  font-size: 13px;
  height: 100%;
  opacity: 1;
  padding: 6px;
  position: relative;
  width: 33px;
}
.download-doc-btn-container .download-doc-btn .icon-holder svg {
  height: 13px;
  left: 20%;
  position: absolute;
  top: 27%;
  width: 13px;
}
.download-doc-btn-container .download-doc-btn .icon-holder svg g g path.a {
  fill: #760453;
}

#download-doc-overlay-content {
  position: absolute;
  background-color: #fff;
  z-index: 10000;
  padding: 10px;
  -webkit-box-shadow: 4px 3px 11px 2px #928c8c;
          box-shadow: 4px 3px 11px 2px #928c8c;
  border-radius: 10px;
}

.tippy-box[data-theme~=light] {
  background: #ffffff 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.2);
  opacity: 1;
  border-radius: 15px;
  padding: 15px;
}
.tippy-box[data-theme~=light] .tippy-content {
  padding: 0;
  margin: 0;
  width: 420px !important;
}

.download-doc-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 163px;
  height: 45px;
  background: transparent;
}

.download-doc-btn {
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  outline: none;
  padding: 0;
  width: auto;
  background-color: transparent;
}
.download-doc-btn .icon-holder {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 0px 24px 24px 0px;
  border: 2px solid #760453;
  font-size: 13px;
  height: 90%;
  opacity: 1;
  position: relative;
  min-width: 30px;
  width: 30px;
}
.download-doc-btn .icon-holder svg {
  height: 13px;
  left: 20%;
  position: absolute;
  top: 27%;
  width: 13px;
}
.download-doc-btn .icon-holder svg g path.a {
  fill: #760453;
}
.download-doc-btn .text-holder {
  background: #760453 0% 0% no-repeat padding-box;
  border-radius: 24px 0 0 24px;
  border: 2px solid #760453;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1490196078);
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  opacity: 1;
  height: 90%;
  width: auto;
  min-width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.download-doc-btn .text-holder label {
  cursor: pointer;
  min-width: 70px;
  padding: 0 10px;
  white-space: nowrap;
}

.tippy-popper {
  max-width: 450px !important;
}

.download-doc-overlay-content {
  width: 100%;
  height: auto;
  font-size: 14px;
  font-family: "GTWalsheimProBold";
}
.download-doc-overlay-content .title {
  color: #3e3e3e;
  font-size: 0.75vw;
  font-weight: 600;
  margin-bottom: 14px;
  text-align: left;
  padding: 0 10px;
  padding-left: 5px;
}
.download-doc-overlay-content .doc-content-container {
  display: grid;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  grid-template-columns: calc(50% - 20px) calc(50% - 20px);
  row-gap: 15px;
}
.download-doc-overlay-content .doc-content-container .doc-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-icon {
  width: 35px;
  font-size: 19px;
  padding: 4px 0;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text {
  color: #6c5d56;
  font-size: 12px;
  font-weight: 600;
  width: calc(100% - 30px);
  text-align: left;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text {
  font-size: 0.75vw;
  color: #6c5d56;
  padding: 1px 0;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text.text-doc-wrap {
  word-break: break-word;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text span {
  font-weight: 500;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text .download {
  color: #fd4e00;
  cursor: pointer;
}

.tippy-box[data-theme~=light] {
  background-color: white;
  color: black;
}

.tippy-box[data-theme~=light] > .tippy-arrow {
  color: white;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  border-bottom-color: #fff;
}

.overall-climate-change-download .download-doc-btn-container {
  position: relative;
  top: 4px;
  right: 0;
  margin-left: 30px;
}
.overall-climate-change-download .download-doc-btn-container .download-doc-btn {
  height: 38px;
}

.about-infinity .download-doc-btn-container {
  bottom: 30px;
  margin-bottom: 2rem;
}
.about-infinity .download-doc-btn-container .text-holder,
.about-infinity .download-doc-btn-container .icon-holder {
  border-color: #fff !important;
}

.infinity-section-2 .download-doc-btn-container {
  margin-left: 30px;
  margin-top: 15px;
}

.infinity-section-3 .download-doc-btn-container {
  padding-bottom: 40px;
}

.download-doc-overlay-content .title {
  font-size: 12px;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text {
  font-size: 12px;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text .download,
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text span {
  font-size: 0.75vw;
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text span:before {
  content: "{";
}
.download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text span:after {
  content: "}";
}

.infinity-section-3-container {
  position: relative;
  top: 5px;
}

.inline-flex-row .download-doc-btn {
  height: 40px;
}

.infinity-v1-sec4 .text-holder,
.infinity-v1-sec4 .icon-holder {
  z-index: 10;
}

.inline-download-container {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 10px;
}

.inline-download-container .title {
  font-size: 20px;
  color: #00acc6;
  padding-left: 0;
}

.inline-download-container .doc-text.text-doc-wrap {
  font-size: 16px !important;
}

.inline-download-container .download,
.inline-download-container .doc-content-text .doc-text span {
  font-size: 14px !important;
}

.inline-download-container .doc-content .doc-content-icon {
  width: 10% !important;
}

.inline-download-container .doc-content .doc-content-icon svg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  position: relative;
  top: 5px;
}

.inline-download-container .doc-content-icon svg path.a {
  fill: #6c5d56 !important;
}

.app-multi-select-box-dropdown-container {
  border-radius: 6px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2392156863);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2392156863);
  font-size: 12px;
}
.app-multi-select-box-dropdown-container .scroll-container {
  overflow: auto;
  max-height: 210px;
}
.app-multi-select-box-dropdown-container .search-container {
  border-bottom: solid 1.5px #0b4b52;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-multi-select-box-dropdown-container .search-container input {
  padding: 20px 15px;
  padding-right: 30px;
  border: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  font-family: "GT Walsheim,Regular";
  font-size: 13px;
}
.app-multi-select-box-dropdown-container .multi-select-clear {
  color: #777777;
  margin: 10px 15px;
  text-decoration: underline;
  cursor: pointer;
}
.app-multi-select-box-dropdown-container .dashed-divider {
  border: none;
  border-top: dashed 1px #ccc;
  margin: 5px 15px;
}
.app-multi-select-box-dropdown-container .select-all-section {
  padding: 5px 0px 5px 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-multi-select-box-dropdown-container .select-all-section label {
  position: relative;
  bottom: -1px;
  cursor: pointer;
  width: 58px;
  padding: 5px 0;
  text-align: center;
  border: 1px solid rgb(158, 223, 233);
  border-radius: 13px;
  height: 26px;
  background: rgba(0, 172, 198, 0.38);
  font-family: "GT Walsheim,Regular";
  font-size: 11px;
  margin: 0 0 0 8px !important;
  color: #1F2526;
}
.app-multi-select-box-dropdown-container .select-all-section label.allSelectFont {
  font-weight: bold;
}
.app-multi-select-box-dropdown-container ul.inner-dropdown li .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-multi-select-box-dropdown-container .selected-items-container {
  padding-left: 0px;
  margin-bottom: 0 !important;
  margin-top: 5px;
}
.app-multi-select-box-dropdown-container .selected-items-container app-list-checkbox {
  position: relative;
  top: 2px;
}
.app-multi-select-box-dropdown-container .selected-items-container .dropdown-item {
  color: #4A4848;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.app-multi-select-box-dropdown-container .selected-items-container .dropdown-item:hover {
  text-decoration: none !important;
}
.app-multi-select-box-dropdown-container .selected-items-container .dropdown-item .inner-kmname {
  position: relative;
  bottom: -1px;
  font-size: 13px;
  font-family: "GT Walsheim,Regular";
  margin-left: 25px !important;
}
.app-multi-select-box-dropdown-container .li-menu-item {
  padding: 8px 15px;
}
.app-multi-select-box-dropdown-container .li-menu-item.selected, .app-multi-select-box-dropdown-container .li-menu-item:hover {
  background-color: #00acc6;
}
.app-multi-select-box-dropdown-container .li-menu-item.selected .dropdown-item span, .app-multi-select-box-dropdown-container .li-menu-item:hover .dropdown-item span {
  color: #fff !important;
}
.app-multi-select-box-dropdown-container .li-menu-item.selected .fg-table__checkbox span, .app-multi-select-box-dropdown-container .li-menu-item:hover .fg-table__checkbox span {
  border-color: #fff !important;
}
.app-multi-select-box-dropdown-container .li-menu-item.selected .fg-table__checkbox span:before, .app-multi-select-box-dropdown-container .li-menu-item:hover .fg-table__checkbox span:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.8 15.2'%3E%3Cpath fill='%23fff' stroke='%23fff' d='M.9 5.6c.5-.5 1.4-.5 2 0l5.9 5.9L19.9.9c.6-.5 1.4-.5 1.9.1.5.5.5 1.4 0 1.9L9.7 14.4c-.5.5-1.4.5-1.9 0L.9 7.5c-.3-.3-.4-.6-.4-1 0-.3.1-.7.4-.9z'/%3E%3C/svg%3E");
}
.app-multi-select-box-dropdown-container .fg-table__checkbox span {
  background: transparent !important;
}
.app-multi-select-box-dropdown-container .preselected-items-container .dropdown-item span {
  font-family: "gt_walsheim_promedium" !important;
}
.app-multi-select-box-dropdown-container .empty-msg {
  color: #ff4d4d;
  font-size: 13px;
  padding-left: 15px;
  font-family: "gt_walsheim_promedium";
}
.app-multi-select-box-dropdown-container .searchText {
  font-family: "gt_walsheim_prolight";
  font-size: 13px;
  color: #676767;
  margin: 5px 0px 5px 15px;
}

.nocommon-data-tooltip {
  top: 38% !important;
  right: -66% !important;
  z-index: 101;
  -webkit-animation: fadeEffect 0.6s ease;
          animation: fadeEffect 0.6s ease;
}

.atsource____agreement-section .fg-table__checkbox span::before {
  left: 0px !important;
  width: 15px !important;
  height: 15px !important;
  background-size: 12px !important;
  bottom: 0 !important;
}

.form-signup .fg-table__checkbox input[type=checkbox]:checked + span:before {
  bottom: 2px !important;
  left: 2px !important;
}

.manual-width li:nth-child(1),
.manual-width li:nth-child(2),
.manual-width li:nth-child(3),
.disableEvent {
  pointer-events: none;
}

.manual-width .bgcolor-transparent li:nth-child(2),
.manual-width .bgcolor-transparent li:nth-child(3) {
  opacity: 0.4;
}

.demoeco #env-overall-card table,
.demoeco #env-agriculture-card table,
.demoeco #env-processing-card table,
.demoeco #env-transport-card table,
.demoeco #env-warehouse-card table {
  pointer-events: none;
  width: 450px;
}
.demoeco .abs_int_toggle, .demoeco .chart_toggle {
  top: 66px;
}
.demoeco #env-overall-card .top-align {
  top: 40px;
}
.demoeco .border-radius-8px {
  width: 84%;
  margin: 0 auto;
  margin-top: 5vh;
  font-size: 0.75vw;
}
.demoeco .form-group label {
  margin-bottom: 5px;
  font-size: 0.75vw;
}
.demoeco .card__body .card-chart-align {
  left: 0;
}
.demoeco .table-card table td {
  padding: 0 8px;
  width: auto !important;
  font-size: 0.75vw !important;
  min-width: 75px !important;
  max-width: 190px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.demoeco .abs_int_toggle li .cb-title, .demoeco .chart_toggle li .cb-title {
  font-size: 0.75vw;
}
.demoeco .table-card table tbody tr td.table-card__name .data-title {
  width: 100% !important;
  max-width: 185px;
}
.demoeco .table-card table tbody tr td.table-card__name .data-title p {
  min-width: 180px !important;
  max-width: 180px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.demoeco .table-card table th {
  padding: 0 8px;
  width: auto !important;
  font-size: 0.75vw !important;
  min-width: 20px !important;
}
.demoeco .calculator .button {
  font-size: 0.75vw;
  padding: 4px;
  background-color: #3AACC5 !important;
}
.demoeco .calculator .button:hover {
  background-color: #3AACC5 !important;
}
.demoeco .calculator .form-group--submit {
  margin-top: 12px;
}
.demoeco .card__inner .highcharts-root {
  width: 85% !important;
}
.demoeco .form-control {
  line-height: 0.3;
}
@media (max-width: 1281px) {
  .demoeco .form-control {
    line-height: 0;
  }
}
.demoeco .calculator-filter-box.tier2-calc,
.demoeco .calculator .tier-2-calc select,
.demoeco .calculator .tier-2-calc input {
  font-size: 0.75vw !important;
  font-weight: bold;
  height: auto;
  text-align: left;
}
.demoeco .calculator .form-group input,
.demoeco .calculator .form-group select {
  height: 31px;
}
.demoeco .pt-3,
.demoeco .py-3 {
  padding-top: 1em !important;
}
.demoeco .calc-detail-alignment {
  padding: 20px 10px 10px 10px;
}
.demoeco .flip-card-inner .totals-height-alignment {
  min-height: 4vw !important;
}
.demoeco .table-card table tbody tr:nth-child(even) td:nth-child(1) {
  background: white;
}
.demoeco .calculator .button[disabled] {
  cursor: default;
  background-color: #9e948e;
}
.demoeco .totals-card__desc {
  margin: 8px 0 0;
}
.demoeco .totals-card__title:first-child {
  margin-top: -3px;
  margin-right: -57px;
}
.demoeco .totals-card__title {
  margin-bottom: 5px;
}
.demoeco .pr-0 .card {
  margin-top: -22px;
}
.demoeco .total-height-align {
  height: 4.5vw !important;
  min-height: 4vw !important;
  padding-left: 5px !important;
}
.demoeco .manual-width .bgcolor-transparent li:nth-child(2), .demoeco .manual-width .bgcolor-transparent li:nth-child(3) {
  background: #3aacc5 !important;
}
.demoeco .manual-width .bgcolor-transparent li:nth-child(2) a, .demoeco .manual-width .bgcolor-transparent li:nth-child(3) a {
  color: #fff;
}
.demoeco .tier2bgcolor .tabs li.tab--active.climate-action a {
  border: none !important;
  color: #0b4b52;
}
.demoeco .tier2bgcolor .tabs.tabs--t1.bgcolor-transparent li {
  border-left: none !important;
  background: #dedad4;
}
.demoeco .tabs li {
  border: none;
}
.demoeco #env-overall-climate-change-card .table-card .table-card-height-align .km-overall-width,
.demoeco #env-overall-blue-water-card .table-card .table-card-height-align .km-overall-width {
  max-width: 100px !important;
  min-width: 15vw !important;
}
.demoeco .totals-card__desc,
.demoeco .card__toggle .isActive,
.demoeco .card__title,
.demoeco .card__toggle span,
.demoeco .totals-card__title,
.demoeco .card__toggle .isActive,
.demoeco .tabs a,
.demoeco .dropdown-item .inner-kmname {
  font-size: 0.75vw;
}
.demoeco .environment-title {
  font-size: 17px;
}
.demoeco .table-card .table-left-align {
  left: -102px !important;
}
.demoeco .card__inner .content-align .total-card-value__font {
  font-size: 18px !important;
  margin: 0;
}
.demoeco .card__inner .content-align {
  margin-top: 14px;
  height: 2.65vw;
}
.demoeco .card__inner .content-align .table-up-arrow {
  margin: 10px 0 0;
  padding: 0.25rem 0rem 0 0.25rem !important;
  line-height: 2;
  font-size: 0.75vw;
}
.demoeco .stack-card__labels > div {
  min-width: 60px;
}
.demoeco .p-2 {
  margin: 10px 0 0;
  padding: 0.25rem 0.5rem 0 0.25rem !important;
  line-height: 2.15;
  font-size: 0.75vw;
}
.demoeco .card__toggle__switch {
  width: 30px;
  height: 10px !important;
  min-height: 10px !important;
}
.demoeco .card__toggle span {
  height: 12px !important;
  min-height: 12px !important;
  padding-top: 0px;
  font-size: 0.75vw;
  margin-right: 10px;
}
.demoeco .card__toggle__switch input[type=checkbox] + span {
  margin-top: -1.5px;
  width: 12px;
  margin-left: 18px;
}
.demoeco .table-card table tbody tr td.table-card__name span {
  width: 10px;
  height: 10px;
}
.demoeco .card__toggle__switch input[type=checkbox]:checked + span {
  margin-left: 0;
}
.demoeco .table-card .table-overall-left-align {
  pointer-events: none;
}
.demoeco .stack-card__segment {
  height: 30px;
}
.demoeco .stack-card__value {
  padding: 5px 7px;
  font-size: 0.75vw;
}
.demoeco .stack-card__label {
  padding: 0;
  font-size: 8px;
  line-height: 0;
}
.demoeco .card__inner .bar-data-adjust .highcharts-container {
  height: 200px !important;
}
.demoeco .card__inner .neg-chart-align .highcharts-container {
  height: 200px !important;
  left: 40px !important;
}
.demoeco .card__inner .highcharts-root {
  height: 200px;
}
.demoeco path.highcharts-label-box.highcharts-tooltip-box.highcharts-shadow {
  stroke-width: 1;
}
.demoeco text {
  font-size: 16px !important;
  -webkit-transform: translate(5px, 5px);
          transform: translate(5px, 5px);
}
.demoeco #env-overall-climate-change-card text {
  font-size: 1.3vw !important;
}
.demoeco #env-overall-climate-change-card .card__inner,
.demoeco #env-overall-blue-water-card .card__inner {
  min-height: 200px;
}
.demoeco #env-overall-climate-change-card .env-stack-card-container,
.demoeco #env-overall-blue-water-card .env-stack-card-container {
  min-height: 150px !important;
}
.demoeco .card__header {
  margin-top: 3%;
}
.demoeco .card__toggle-tier2 {
  top: 5em !important;
}
.demoeco .eco-text {
  font-size: 12px;
}
.demoeco p {
  margin: 0;
  margin-bottom: 10px;
}
.demoeco .card .height-align {
  min-height: 200px !important;
}
.demoeco .eco_text {
  font-size: 12px;
}
.demoeco .custom-stack-card-tooltip {
  bottom: 50;
}
.demoeco .stack-card-tooltip {
  padding: 0px 5px !important;
  max-width: 80;
}

@media (max-width: 1281px) {
  .demoeco .chart-align-left {
    left: -4.5rem !important;
  }
  .demoeco .tier2bgcolor .tabs li a, .demoeco .tier2bgcolor .calc-detail-alignment p, .demoeco .table-card table tbody tr td.table-card__name .data-title .row-tire2 {
    font-size: 0.75vw;
  }
  .demoeco .table-card table tbody tr td {
    height: 27px !important;
  }
  .demoeco .demoeco .totals-card__title:first-child {
    margin-top: -2px;
    margin-right: -49px;
  }
  .demoeco .calculator-filter-box.tier2-calc::before {
    top: 27px;
  }
  .demoeco .card__inner .content-align .table-up-arrow {
    line-height: 2.25 !important;
  }
  .demoeco .p-2 {
    line-height: 2.5 !important;
  }
  .demoeco .tip-text-wrapper1 .tip-text {
    line-height: 1 !important;
  }
  .demoeco #env-overall-climate-change-card .card__inner .neg-chart-align,
  .demoeco #env-overall-blue-water-card .card__inner .neg-chart-align {
    left: -1.2rem !important;
  }
  .demoeco .stack-card__labels > div {
    min-width: 75px;
  }
  .demoeco .demoeco .totals-card__title:first-child {
    margin-top: -3px;
    margin-right: -47px;
  }
  .demoeco .table-card .table-left-align {
    left: -168px !important;
  }
  .demoeco .abs_int_toggle:after {
    left: 75px;
    top: -2px;
  }
  .demo-button {
    font-size: 1.3vw !important;
  }
}
@media (min-width: 1530px) and (max-width: 1536px) {
  .demoeco .table-card .table-left-align {
    left: -118px !important;
  }
}
@media (max-width: 1094px) {
  .demoeco .table-card .table-left-align {
    left: -91px !important;
  }
}
@media (min-width: 1536px) {
  .demoeco .table-card table td {
    max-width: 210px !important;
  }
}
bs-dropdown-container ul.dropdown-menu .dropdown-item.demoEcoClass span {
  font-size: 0.75vw;
}

bs-dropdown-container ul.inner-dropdown li .dropdown-item.demoEcoClass {
  padding: 0 8px !important;
}

.method-risk-popup-modal {
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.method-risk-popup-modal ::-webkit-scrollbar {
  display: none;
}
.method-risk-popup-modal .method-risk-popup-align {
  position: relative;
  width: 881px;
  height: auto;
  max-height: 500px;
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1490196078);
  opacity: 1;
}
.method-risk-popup-modal .method-risk-popup-align .method-risk-popup-content-header {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 35px;
  font-size: 24px;
  color: #00ACC6;
  font-family: GTWalsheimProBold;
  padding-left: 50px;
}
.method-risk-popup-modal .method-risk-popup-align .method-risk-popup-content-header .overlay-close {
  border: none;
  background: none;
  top: 0.5rem;
  right: 0.5rem;
}
.method-risk-popup-modal .method-risk-popup-align .method-risk-popup-content {
  overflow: hidden;
  padding: 0;
}
.method-risk-popup-modal .method-risk-popup-align .method-risk-popup-content .image-risk-screen img {
  width: 100%;
}
.method-risk-popup-modal .method-risk-popup-align .method-risk-popup-content .info-risk-screen {
  background: #EAEFF7;
  text-align: center;
  padding: 0 0 10px 0;
  margin-top: -8.2%;
  position: relative;
}
.method-risk-popup-modal .method-risk-popup-align .method-risk-popup-content .info-risk-screen p {
  font-weight: bold;
  color: #000;
  width: 50%;
  margin: 0 auto;
  padding: 10px 0;
}
.method-risk-popup-modal .method-risk-popup-align .method-risk-popup-content .info-risk-screen a {
  background: #ab2e86;
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 12px;
  margin: 0 0 10px 0;
}
.method-risk-popup-modal .method-risk-popup-align .method-risk-popup-content .info-risk-screen a:hover {
  text-decoration: none;
}

.chart-guide {
  height: 0px;
  position: absolute;
}
.chart-guide .chart-guide-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 2vh;
  left: 9vh;
  height: 22px;
}
.chart-guide .chart-guide-content .image-content img {
  -webkit-transform: scaleX(-1) !important;
          transform: scaleX(-1) !important;
  width: 40px !important;
  height: 25px !important;
  margin: 0 0 20px 10px !important;
}
.chart-guide .chart-guide-content .text-content {
  top: 12px;
  background: #0b4b52;
  padding: 4px 8px;
  color: white;
  text-align: left;
  position: relative;
  left: -9px;
}
.chart-guide .chart-guide-content .text-content span {
  color: white !important;
}

.hide-infinityStories {
  display: none;
}

.verified-contracts-wrapper .btn-group #shipmentPeriod {
  border: 1px solid #00869d;
  background: transparent;
  color: #00869d;
  height: 36px;
  font-weight: 500;
  font-size: 12px;
  padding: 9px 12px;
  cursor: pointer;
}
.verified-contracts-wrapper .map-title {
  font-weight: bold;
}

#programme .fg-filters select.form-control, #programme .fg-filters .tier2-main-filter-box {
  color: #fff !important;
  opacity: 0.9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#programme bs-dropdown-container ul.main-filter-dropdown {
  background-color: #F5F4F2 !important;
}
#programme bs-dropdown-container ul.main-filter-dropdown li:hover, #programme bs-dropdown-container ul.inner-dropdown li.selected {
  background-color: #AB2286 !important;
}
#programme bs-dropdown-container ul.main-filter-dropdown li:hover a.dropdown-item span, #programme bs-dropdown-container ul.main-filter-dropdown li.selected a.dropdown-item span {
  color: #fff !important;
}

.programmes-dashboard .col-3 .tier2-main-filter-box {
  width: 220px !important;
  height: 40px;
}
.programmes-dashboard .col-4 {
  margin-left: -20px;
}
.programmes-dashboard .col-4 .tier2-main-filter-box {
  width: 350px !important;
  height: 40px;
}
.programmes-dashboard .fg-filter-btn-container {
  margin-left: 20px;
}

bs-dropdown-container ul.inner-dropdown li.selected {
  background-color: #00ACC6 !important;
}

.demo-button {
  cursor: pointer;
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 0.93vw;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #FD8104;
  border-radius: 15px;
  text-transform: uppercase;
  bottom: 25%;
  display: table;
  text-align: center;
}
.demo-button:hover {
  text-decoration: none;
  color: #fff;
}

#demoecocalc-ofi .view-feedback {
  display: none;
}
#demoecocalc-ofi .view-mail-feedback {
  display: none;
}
#demoecocalc-ofi header {
  background-color: #fff;
}
#demoecocalc-ofi .demo-eco-feedback {
  top: 203px;
  display: block !important;
}
#demoecocalc-ofi .demoeco li a {
  background-color: #860063 !important;
  color: #fff;
}
#demoecocalc-ofi .demoeco li.tab--active a {
  color: #FD8105;
  background: #F3F1EF !important;
}
#demoecocalc-ofi .demoeco .calculator-component {
  background-color: #860063 !important;
}
#demoecocalc-ofi .demoeco .environment-title {
  font-size: 17px !important;
  color: #FD8105 !important;
}
#demoecocalc-ofi .demoeco .button {
  background-color: #FD8105;
  border-radius: 5px;
}
#demoecocalc-ofi .demoeco .button:hover {
  background-color: #FD8105;
}
#demoecocalc-ofi .demoeco .button[disabled] {
  background-color: #c6c6c5;
  border-radius: 5px;
}
#demoecocalc-ofi .demoeco .imgwrapper .scroll-tip-text-wrapper1 .scroll, #demoecocalc-ofi .demoeco .imgwrapper .scroll-tip-text-wrapper1 .tip-text, #demoecocalc-ofi .demoeco .imgwrapper .tip-text-wrapper1 .scroll, #demoecocalc-ofi .demoeco .imgwrapper .tip-text-wrapper1 .tip-text {
  background: #860063;
}
#demoecocalc-ofi .demoeco ::-webkit-scrollbar-thumb {
  background: #860063;
}
#demoecocalc-ofi .demoeco p.main-txt {
  font-size: 0.7vw;
}
#demoecocalc-ofi .demoeco p.main-txt a {
  color: #FD8105;
}
#demoecocalc-ofi .demoeco .table-card table tbody tr:nth-child(even) td {
  background-color: rgba(134, 0, 99, 0.07);
}
#demoecocalc-ofi .demoeco .card__toggle span {
  color: #FD8105;
}
#demoecocalc-ofi .demoeco .card__toggle span.isActive {
  color: #FD8105;
}
#demoecocalc-ofi .demoeco .chart-guide .chart-guide-content .text-content {
  background-color: #860063;
}
#demoecocalc-ofi .demoeco .climate-water-tab li {
  background-color: transparent;
}
#demoecocalc-ofi .demoeco .climate-water-tab li a {
  background-color: #FD8105 !important;
  color: #fff;
}
#demoecocalc-ofi .demoeco .climate-water-tab li.tab--active a {
  color: #FD8105;
  background-color: transparent !important;
}
#demoecocalc-ofi .demoeco .eco_head {
  color: #860063;
}
#demoecocalc-ofi .demoeco .eco_head.emission_head, #demoecocalc-ofi .demoeco .eco_head.agri_head {
  color: #860063;
}
#demoecocalc-ofi .demoeco .climate_head {
  color: #860063;
}
#demoecocalc-ofi .demoeco .guide-content .guide-content-2 .text-content, #demoecocalc-ofi .demoeco .guide-content .guide-content-4 .text-content {
  background: #860063;
}
#demoecocalc-ofi p#feedBackTitle {
  font-size: 20px;
}
#demoecocalc-ofi p#feedBackTitle a {
  color: #FD8105;
}
#demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:checked + label:after, #demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:not(:checked) + label:after {
  background: #860063;
}
#demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment [type=radio]:checked + label:before {
  border: 2px solid #860063;
}
#demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feddback-radioBtn-alinment #feedBack-radioButton-3 label p {
  padding: 0 0 0 24px;
  color: #860063;
  font-size: 16px;
}
#demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-name input, #demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-role input {
  font-size: 16px;
}
#demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-text-content label {
  font-size: 14px;
}
#demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-dialag-container .feedback-text-content textarea {
  height: 115px;
  padding: 10px;
  font-size: 16px;
}
#demoecocalc-ofi #revamp-feedbackFormModal .feedback-modal-align #feedback-modal .feedback-submit-btn button {
  background-color: #860063;
}
#demoecocalc-ofi .footer__title {
  color: #FD8105;
}
#demoecocalc-ofi .back_button a:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -4px;
  height: 15px;
  width: 20px;
  background-image: url("../../../content/dam/olam/atsource/resources/left-arrow-violet.svg");
  background-repeat: no-repeat;
}
#demoecocalc-ofi .back_button.container {
  width: 65%;
  position: relative;
}
#demoecocalc-ofi .back_button a {
  color: #860063;
}
#demoecocalc-ofi .back_button a:hover {
  color: #860063;
}
#demoecocalc-ofi .back_button a:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -4px;
  height: 15px;
  width: 20px;
  background-image: url("../../../content/dam/olam/atsource/resources/left-arrow-violet.svg");
  background-repeat: no-repeat;
}
#demoecocalc-ofi label.pl-1.radio-inline-3 {
  color: #860063 !important;
}
#demoecocalc-ofi .card__toggle__switch input[type=checkbox] + span {
  background: #83f409;
}
#demoecocalc-ofi .overlay-close:hover:before, #demoecocalc-ofi .overlay-close:hover:after {
  background: #860063;
}

.demoeco p.labelRoundoff {
  margin: 0 0 0 83.3% !important;
  width: 225px !important;
}

@media screen and (min-width: 1300px) {
  .demoeco p.labelRoundoff {
    margin: 0 0 0 82.5% !important;
  }
}
@media screen and (min-width: 1500px) {
  .demoeco p.labelRoundoff {
    margin: 0 0 0 81% !important;
  }
}
@media screen and (min-width: 1275px) {
  .demoeco .table-card table td {
    min-width: 65px !important;
  }
}
.programme-section1 .program-content p {
  width: unset;
  float: unset;
  padding-left: unset;
  font-size: unset;
  color: unset;
}

#tb-rl-overall-climate-change, #tb-rl-processing, #tb-rl-transport, #tb-rl-agriculture, #tb-rl-warehouse, #tb-rl-ecosystem-services, #tb-rl-nc-water, #tb-rl-nc-carbon {
  position: absolute;
  top: 0;
  width: 100%;
}
#tb-rl-overall-climate-change .card, #tb-rl-processing .card, #tb-rl-transport .card, #tb-rl-agriculture .card, #tb-rl-warehouse .card, #tb-rl-ecosystem-services .card, #tb-rl-nc-water .card, #tb-rl-nc-carbon .card {
  width: 90%;
  z-index: 2;
}
#tb-rl-overall-climate-change .card .card__body, #tb-rl-processing .card .card__body, #tb-rl-transport .card .card__body, #tb-rl-agriculture .card .card__body, #tb-rl-warehouse .card .card__body, #tb-rl-ecosystem-services .card .card__body, #tb-rl-nc-water .card .card__body, #tb-rl-nc-carbon .card .card__body {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  border: 2px solid #F8F8F8;
  border-right: 0;
  border-bottom: 0;
  -o-border-image: linear-gradient(25deg, white, #f4f0f0, white) 2;
     border-image: linear-gradient(25deg, white, #f4f0f0, white) 2;
}

#tb-rl-ecosystem-services, #tb-rl-nc-water, #tb-rl-nc-carbon {
  top: 50px;
}

#tb-rl-ecosystem-services table .nc-sub-km-row:nth-child(odd) {
  background-color: rgba(230, 230, 230, 0.44);
}
#tb-rl-ecosystem-services table .nc-sub-km-label:nth-child(odd) {
  background-color: #fff !important;
}
#tb-rl-ecosystem-services table .nc-sub-km-row:nth-child(even) {
  background-color: #fff !important;
}
#tb-rl-ecosystem-services table .nc-sub-km-label:nth-child(even) {
  background-color: #fff !important;
}

#tb-rl-overall-climate-change .abs_int_toggle, #tb-rl-overall-climate-change .chart_toggle {
  top: 25px;
  left: 10px;
}

.hoverWave .circleShadow {
  width: 20px;
  height: 20px;
  position: absolute !important;
  background: rgba(255, 255, 255, 0.6901960784);
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-box-shadow: 1px 1px 14px 10px rgba(255, 255, 255, 0.6901960784);
          box-shadow: 1px 1px 14px 10px rgba(255, 255, 255, 0.6901960784);
  top: 25px;
}

#env-water-tab .hoverWave .percent {
  color: #00ACC6 !important;
}
#env-water-tab .svgClass path {
  stroke: #00ACC6;
  fill: rgba(0, 172, 198, 0.2);
}
#env-water-tab .hoverWave svg defs path {
  fill: rgba(0, 172, 198, 0.2);
}
#env-water-tab .waves path {
  fill: rgba(0, 172, 198, 0.2);
}

#env-climate-action-tab .hoverWave .percent {
  color: #228B22 !important;
}
#env-climate-action-tab .svgClass path {
  stroke: #228B22;
  fill: rgba(34, 139, 34, 0.2);
}
#env-climate-action-tab .hoverWave svg defs path {
  fill: rgba(34, 139, 34, 0.2);
}
#env-climate-action-tab .waves path {
  fill: rgba(34, 139, 34, 0.2);
}

#env-climate-action-tab, #env-water-tab {
  /* Animation */
}
#env-climate-action-tab .apap-icon.env-icon, #env-water-tab .apap-icon.env-icon {
  position: absolute;
  top: 10%;
  left: 28%;
  border-left: 1px solid;
}
#env-climate-action-tab .apap-icon.env-icon:before, #env-water-tab .apap-icon.env-icon:before {
  top: -3px;
  content: "";
  border: 1px solid #BABABA;
  width: 1px;
  height: 41px;
  display: inline-block;
  position: absolute;
  left: -11px;
  margin: 0 21px;
}
#env-climate-action-tab .apap-icon.env-icon .edgeDesign:before, #env-water-tab .apap-icon.env-icon .edgeDesign:before {
  left: 36px;
  top: 23px;
  width: 2px;
  height: 2px;
}
#env-climate-action-tab .apap-icon.env-icon .edgeDesign::after, #env-water-tab .apap-icon.env-icon .edgeDesign::after {
  left: 18.5px;
  top: 53px;
  width: 2px;
  height: 2px;
}
#env-climate-action-tab .apap-icon.env-icon svg, #env-water-tab .apap-icon.env-icon svg {
  -webkit-transform: scale(0.35) skewX(2deg) rotate(90deg);
          transform: scale(0.35) skewX(2deg) rotate(90deg);
  left: -112.5px;
  position: absolute;
  top: -22px;
}
#env-climate-action-tab .apap-icon.env-icon .internalHexagon_icon, #env-water-tab .apap-icon.env-icon .internalHexagon_icon {
  width: 30px;
  height: 29px;
  top: 4px;
  left: 30px;
}
#env-climate-action-tab .apap-icon.env-icon .internalHexagon_icon img, #env-water-tab .apap-icon.env-icon .internalHexagon_icon img {
  width: 11px;
  height: 11px;
  top: 9px;
  left: 8px;
}
#env-climate-action-tab .edgeDesign, #env-water-tab .edgeDesign {
  -webkit-transform: rotate(-31deg);
          transform: rotate(-31deg);
  z-index: 1;
  left: 0;
  position: absolute;
}
#env-climate-action-tab .edgeDesign::before, #env-water-tab .edgeDesign::before {
  content: "";
  width: 1px;
  height: 1px;
  position: absolute;
  background: #626466;
  border: 1px solid #626466;
  border-radius: 50%;
  left: 21px;
  top: -3.5px;
}
#env-climate-action-tab .edgeDesign::after, #env-water-tab .edgeDesign::after {
  content: "";
  width: 1px;
  height: 1px;
  background: #626466;
  position: absolute;
  border: 1px solid #626466;
  border-radius: 50%;
  left: 12px;
  top: 13px;
}
#env-climate-action-tab .apap-icon svg, #env-water-tab .apap-icon svg {
  -webkit-transform: scale(0.2) skewX(2deg) rotate(90deg);
          transform: scale(0.2) skewX(2deg) rotate(90deg);
  left: -136.5px;
  position: absolute;
  top: -37.5px;
}
#env-climate-action-tab .internalHexagon_icon, #env-water-tab .internalHexagon_icon {
  position: absolute;
  width: 16px;
  height: 15px;
  background: #626466;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  cursor: pointer;
  top: 10px;
  left: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#env-climate-action-tab .internalHexagon_icon img, #env-water-tab .internalHexagon_icon img {
  position: absolute;
  top: 4px;
  left: 4.7px;
  width: 6px;
  height: 7.5px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#env-climate-action-tab .actionPlanHexagon-wrap, #env-water-tab .actionPlanHexagon-wrap {
  position: absolute;
  right: 60px;
  top: -80px;
  z-index: 1;
}
#env-climate-action-tab .actionPlanHexagon-wrap.agri-wrap, #env-water-tab .actionPlanHexagon-wrap.agri-wrap {
  right: inherit;
  left: 74%;
  top: 5px;
}
#env-climate-action-tab .actionPlanHexagon, #env-water-tab .actionPlanHexagon {
  width: 340px;
  height: 393px;
  position: absolute;
  right: -5px;
  -webkit-filter: drop-shadow(2px 4px 6px #ccc);
          filter: drop-shadow(2px 4px 6px #ccc);
}
#env-climate-action-tab .actionPlanHexagonnBorder, #env-water-tab .actionPlanHexagonnBorder {
  position: absolute;
  top: -0.5px;
  right: -19.75px;
  width: 340px;
  height: 393px;
  background: #D6D6D6;
}
#env-climate-action-tab .actionPlanHexagonnBorder b, #env-water-tab .actionPlanHexagonnBorder b {
  color: rgb(200, 46, 118);
}
#env-climate-action-tab img.top-mapap-img, #env-climate-action-tab img.bottom-mapap-img, #env-water-tab img.top-mapap-img, #env-water-tab img.bottom-mapap-img {
  position: relative;
  width: 350px;
  opacity: 0;
  left: 10px;
}
#env-climate-action-tab img.bottom-mapap-img, #env-water-tab img.bottom-mapap-img {
  bottom: 211px;
}
#env-climate-action-tab .actionplanBlock, #env-water-tab .actionplanBlock {
  left: 15px;
  width: 340px;
  height: 393px;
  background: #fff;
  position: relative;
  top: -105px;
}
#env-climate-action-tab .yrData, #env-water-tab .yrData {
  position: absolute;
  width: 300px;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  display: none;
  -webkit-animation: 1s fade ease-out;
          animation: 1s fade ease-out;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#env-climate-action-tab .yrData .title, #env-water-tab .yrData .title {
  text-align: center;
  font: normal normal bold 16px GT Walsheim;
  letter-spacing: -0.28px;
  color: #C82E76;
  margin-bottom: 17.5px;
  text-transform: capitalize;
}
#env-climate-action-tab .yrData .subTitle, #env-water-tab .yrData .subTitle {
  text-align: center;
  font: normal normal bold 12px GT Walsheim;
  letter-spacing: 0px;
  color: #626262;
  opacity: 1;
  margin-bottom: 15.35px;
  line-height: 17px;
  width: 300px;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
#env-climate-action-tab .yrData .contentSection, #env-water-tab .yrData .contentSection {
  text-align: center;
  font: normal normal normal 13px GT Walsheim;
  letter-spacing: 0px;
  color: #626262;
  opacity: 1;
  line-height: 19px;
  overflow: auto;
  max-height: 114px;
  padding: 0 5px 0 0;
}
#env-climate-action-tab .yrData ::-webkit-scrollbar, #env-water-tab .yrData ::-webkit-scrollbar {
  width: 6px;
}
#env-climate-action-tab .yrData ::-webkit-scrollbar-track, #env-water-tab .yrData ::-webkit-scrollbar-track {
  background: #707070;
  border-radius: 6px;
}
#env-climate-action-tab .yrData ::-webkit-scrollbar-thumb, #env-water-tab .yrData ::-webkit-scrollbar-thumb {
  background: #B5B5B5;
  border-radius: 3px;
  border: 2px solid #707070;
}
#env-climate-action-tab .yrData ::-webkit-scrollbar-thumb:hover, #env-water-tab .yrData ::-webkit-scrollbar-thumb:hover {
  background: #B5B5B5;
}
#env-climate-action-tab .yrData, #env-water-tab .yrData {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  display: block;
}
#env-climate-action-tab .yrData .trendsTitle, #env-water-tab .yrData .trendsTitle {
  text-align: center;
  color: #C82E76;
  font-size: 13px;
  font-family: "GT Walsheim,Medium";
}
#env-climate-action-tab .actionplanBlock,
#env-climate-action-tab .actionPlanHexagonnBorder, #env-water-tab .actionplanBlock,
#env-water-tab .actionPlanHexagonnBorder {
  -webkit-clip-path: polygon(50% 0%, 100% 26%, 100% 74%, 50% 100%, 0% 74%, 0% 26%);
  clip-path: polygon(50% 0%, 100% 26%, 100% 74%, 50% 100%, 0% 74%, 0% 26%);
}
#env-climate-action-tab .wavePercentage, #env-water-tab .wavePercentage {
  position: fixed;
  width: 87px;
  height: 96px;
  margin: 0 auto;
  bottom: -15px;
  left: 15px;
  right: 0;
}
#env-climate-action-tab .svgClass, #env-water-tab .svgClass {
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(29deg);
          transform: rotate(29deg);
  position: relative;
  top: -41px;
  left: 8px;
  right: 0;
  margin: 0 auto;
}
#env-climate-action-tab .hoverWave, #env-water-tab .hoverWave {
  visibility: visible;
  position: relative;
  width: 80.5%;
  top: -140px;
  left: 8px;
  right: 0;
  margin: 0 auto;
}
#env-climate-action-tab .hoverWave p, #env-water-tab .hoverWave p {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 25px;
  font-weight: bold;
  z-index: 2;
  font-size: 12px;
}
#env-climate-action-tab .waves, #env-water-tab .waves {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 20px;
  top: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 0;
  right: 0px;
  margin: 0 auto;
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 96% 70%, 53% 100%, 5% 72%, 5% 25%);
  clip-path: polygon(50% 0%, 95% 25%, 96% 70%, 53% 100%, 5% 72%, 5% 25%);
}
#env-climate-action-tab .parallax > use, #env-water-tab .parallax > use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
          animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
#env-climate-action-tab .parallax > use:nth-child(1), #env-water-tab .parallax > use:nth-child(1) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
}
#env-climate-action-tab .parallax > use:nth-child(2), #env-water-tab .parallax > use:nth-child(2) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
#env-climate-action-tab .parallax > use:nth-child(3), #env-water-tab .parallax > use:nth-child(3) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
}
#env-climate-action-tab .parallax > use:nth-child(4), #env-water-tab .parallax > use:nth-child(4) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
@-webkit-keyframes move-forever {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
            transform: translate3d(-90px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(85px, 0, 0);
            transform: translate3d(85px, 0, 0);
  }
}
@keyframes move-forever {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
            transform: translate3d(-90px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(85px, 0, 0);
            transform: translate3d(85px, 0, 0);
  }
}

#tb-rl-overall-climate-change .card .card__body .bar-data-adjust {
  padding-top: 42%;
}

.tier2Dropdown {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412) !important;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0823529412) !important;
  border-radius: 7px !important;
  border: 0.7px solid #ccc;
  max-height: 350px;
  position: relative;
  top: -3px;
  overflow: hidden;
  padding: 0px 10px 10px 10px;
}
.tier2Dropdown .search-container {
  border-bottom: solid 1.5px rgba(0, 0, 0, 0.0823529412);
}
.tier2Dropdown .fg-search {
  padding: 0;
  margin: 0 0 9px 0;
}
.tier2Dropdown .fg-search .col-1, .tier2Dropdown .fg-search .col-7 {
  padding: 0;
}
.tier2Dropdown .fg-search img {
  position: relative;
  top: 11px;
  left: 15px;
}
.tier2Dropdown .fg-search input {
  padding: 20px 0px;
  background-image: none;
}
.tier2Dropdown .multi-select-clear {
  color: #00ACC6 !important;
  margin: 9px;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 1px;
  right: 0px;
  border: 1px solid #00ACC6 !important;
  border-radius: 13px;
  padding: 7px 8px 6px 8px;
  background: transparent !important;
  font-family: "GT WALSHEIM,Regular" !important;
}

.footprint_tractor {
  text-align: center;
}
.footprint_tractor img {
  margin: 107.5px;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.popupClass {
  overflow: hidden !important;
}

.login--logged-in .notActive {
  color: #000000;
  font-weight: 500;
}
.login--logged-in.accountClass {
  margin-top: -4px;
}
.login--logged-in .oga-account {
  color: #ff7000;
  font-family: "GT Walsheim, Regular", sans-serif;
  font-size: 14px;
}
.login--logged-in .svgimg {
  background-color: #ff7000;
}

.nav-megamenu li {
  word-break: break-word;
  max-width: 190px !important;
}
.nav-megamenu li .disableEvent {
  pointer-events: none;
}

#feedbackFormSuccess-1,
#feedbackFormSuccess-2,
#feedbackFormError {
  text-align: center;
}

.header-item.active .first-list.active_Oga {
  color: #2e2d2c;
  text-decoration: underline;
}

.hovercls:hover {
  text-decoration: underline;
}
.hovercls:hover a {
  color: #2e2d2c !important;
}

.oga_class li {
  font-family: "GT Walsheim Medium", sans-serif;
}
.oga_class li.active {
  font-family: "GTWalsheimProBold", sans-serif;
  text-decoration: underline;
}
.oga_class li.active a {
  color: #2e2d2c !important;
}
.oga_class li:hover {
  text-decoration: underline;
  font-family: "GTWalsheimProBold", sans-serif;
}
.oga_class li:hover a {
  color: #2e2d2c !important;
}

.oga_login_dropdown ul a {
  color: #2e2d2c;
  font-weight: 500;
}

.oga_footer {
  background-color: #e3e3e3;
  padding-top: 35px;
  padding-bottom: 0px;
}
.oga_footer .row {
  padding-bottom: 2rem;
}
.oga_footer .footer__list .ot-sdk-show-settings {
  color: #2e2d2c !important;
}
.oga_footer .oga_footer_img img {
  width: 150px;
  margin-bottom: 16.29px;
}
.oga_footer .oga_footer_title {
  color: #2e2d2c;
  font-weight: GTWalsheim-Bold, sans-serif;
  font-size: 14px;
}
.oga_footer .oga_footer_title_mail {
  color: #2e2d2c;
  font-family: GT Walsheim, Regular, sans-serif;
  font-size: 12px;
}
.oga_footer .svg_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 13.5px;
}
.oga_footer .svg_head .svg_icon {
  background-color: #ffffff;
  height: 27px;
  width: 27px !important;
  border-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
}
.oga_footer .svg_head .svg_icon a img {
  width: 100%;
}
.oga_footer .svg_head .svg_icon svg {
  margin: 6px;
  height: 12.08px;
}
.oga_footer ul li a {
  color: #2e2d2c;
}
.oga_footer ul li a:hover {
  font-weight: bold;
  color: #ff7000;
}
.oga_footer ul li #ot-sdk-btn {
  color: #2e2d2c;
}
.oga_footer ul li #ot-sdk-btn:hover {
  font-weight: bold;
  color: #ff7000 !important;
}

.footer_copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #2e2d2c;
  height: 57px;
}
.footer_copyright div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #ffffff;
}
.footer_copyright div:nth-child(1) {
  font-family: GT Walsheim, Regular, sans-serif;
  font-size: 12px;
  color: #ffffff;
  padding-top: 21px;
  padding-left: 40px;
  height: 15px;
}
.footer_copyright div:nth-child(2) {
  font-family: GT Walsheim Pro, Medium, sans-serif;
  font-size: 12px;
  color: #ffffff;
  padding-top: 22px;
  height: 16px;
  text-align: right;
}
.footer_copyright div:nth-child(3) {
  width: 65px;
  height: 27px;
  margin-top: 15px;
  border-radius: 33px;
  border: 1px solid #fd9a36;
  text-align: center;
  padding: 4.5px 18px;
  color: #fd9a36;
  font-family: GTWalsheim-Bold, sans-serif;
  font-size: 12px;
  margin-right: 40px;
  margin-bottom: 15px;
}
.footer_copyright a {
  color: #fd9a36 !important;
}
.footer_copyright a:hover {
  color: #fd9a36 !important;
  text-decoration: none;
}

.oga_footer_label {
  padding: 0 !important;
  height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.oga_footer_label .col-sm-8 {
  text-align: right;
}
.oga_footer_label .col-sm-2 {
  width: 65px;
  height: 27px !important;
  margin-top: 15px;
  border-radius: 33px;
  border: 1px solid #fd9a36;
  text-align: center !important;
  padding: 5px 19px 7px 19px !important;
  color: #fd9a36 !important;
  font-family: GTWalsheim-Bold, sans-serif !important;
  font-size: 12px !important;
  margin-right: 40px;
  margin-bottom: 15px;
}

#oga .footer, #OGA .footer {
  background: #e3e3e3;
  padding-bottom: 0 !important;
}

#toolTipofContext {
  position: absolute;
  z-index: 100;
  font-size: 9px;
  color: #fff;
  width: 160px;
  background: #626466;
  border-radius: 5px 5px 5px 0;
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
  padding: 7px;
  opacity: 0;
}

.oga_verfied_tab .oga_absolute {
  margin-right: 40px !important;
  height: 93px;
}
.oga_verfied_tab .oga_absolute .abs_div {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0px 18px !important;
  height: 93px !important;
  padding: 14px 0 0 93px !important;
}
.oga_verfied_tab .oga_absolute .abs_div .abs_flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.oga_verfied_tab .oga_absolute .abs_div .abs_flex .abs_header {
  color: #484e4e !important;
  font-size: 17px !important;
  font-family: "gt_walsheim_promedium", sans-serif !important;
  padding-right: 22px;
  line-height: 46px !important;
}
.oga_verfied_tab .oga_Intensity {
  width: 439px;
}
.oga_verfied_tab .oga_Intensity .intensity_div {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0px 18px !important;
  height: 93px !important;
  padding: 14px 0 0 93px !important;
}
.oga_verfied_tab .oga_Intensity .intensity_div .intensity_flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.oga_verfied_tab .oga_Intensity .intensity_div .intensity_flex .Intensity_header {
  color: #484e4e !important;
  font-size: 17px !important;
  font-family: "gt_walsheim_promedium", sans-serif !important;
  padding-right: 22px !important;
  line-height: 46px !important;
}

.oga_entity_card {
  color: #313131 !important;
  font-family: GTWalsheimProBold, sans-serif !important;
  font-size: 13px !important;
  text-transform: capitalize !important;
}

.app-card-flip-container .oga_card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.very .number-arrow-container {
  padding: 3.5px;
  width: 25px;
  height: 28px;
  position: absolute;
  top: 38%;
  right: 54px;
}
.very .number-arrow-container span {
  height: 50%;
  width: 100%;
  margin-top: 5px;
  margin-left: 1px;
  display: block;
  background-position: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(../../../content/dam/olam/atsource/resources/Chevron.svg) no-repeat 96% 50%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  cursor: pointer;
}
.very .number-arrow-container span.bottom-arrow {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  background-position-x: 1.7px;
  background-position-y: 2px;
  margin-top: -6px;
  margin-left: 0.5px;
  height: inherit;
}
.very #calc-productname,
.very #calc-originname,
.very #calc-destinationname,
.very #calc-volume,
.very #calc-cropyearDate,
.very #calc-viewtype {
  font-size: 12px;
  color: #1F2526;
  background-color: #fff !important;
  border-radius: 2px;
  height: 40px;
  width: 187px !important;
}
.very #calc-productname span,
.very #calc-originname span,
.very #calc-destinationname span,
.very #calc-volume span,
.very #calc-cropyearDate span,
.very #calc-viewtype span {
  font-family: "GT Walsheim,Regular", sans-serif !important;
}
.very #calc-productname .entryDrpDwnColorChange span,
.very #calc-originname .entryDrpDwnColorChange span,
.very #calc-destinationname .entryDrpDwnColorChange span,
.very #calc-volume .entryDrpDwnColorChange span,
.very #calc-cropyearDate .entryDrpDwnColorChange span,
.very #calc-viewtype .entryDrpDwnColorChange span {
  font-family: "GT Walsheim,Bold", sans-serif !important;
}
.very #volume::-webkit-input-placeholder {
  color: #1F2526;
  font-size: 12px;
}
.very #volume::-moz-placeholder {
  color: #1F2526;
  font-size: 12px;
}
.very #volume::-ms-input-placeholder {
  color: #1F2526;
  font-size: 12px;
}
.very #volume::placeholder {
  color: #1F2526;
  font-size: 12px;
}
.very .very .col-sm-2:nth-child(3) {
  margin-left: -2px;
}
.very .col-sm-2:nth-child(4) {
  margin-left: -39px;
}
.very .col-sm-2:nth-child(4) #calc-destinationname::after {
  margin-right: -10px;
}
.very .col-sm-2:nth-child(5) {
  margin-right: -5px;
  margin-left: 10px;
}
.very #calc-destinationname {
  width: 213px !important;
}
.very .open .calculator-filter-box::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.very .calculator-filter-box::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 16px;
  right: 20px;
  -webkit-filter: brightness(0.75);
          filter: brightness(0.75);
  background: url(../../../content/dam/olam/atsource/resources/Chevron.svg) no-repeat 96% 50%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.very .calculator-filter-box.tier2-calc::before {
  background: url(../../../content/dam/olam/atsource/resources/Chevron.svg) no-repeat 96% 50%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.very .tippy-box[data-theme~=light] {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.0823529412) !important;
          box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.0823529412) !important;
  border: 1px solid rgba(0, 0, 0, 0.0823529412) !important;
  opacity: 1 !important;
  border-radius: 2px !important;
  padding: 15px !important;
  border-radius: 2px;
}
.very .tippy-box[data-theme~=light] .tippy-content {
  padding: 0 !important;
  margin: 0 !important;
  width: 420px !important;
}
.very .download-doc-overlay-content {
  width: 100%;
  height: auto;
  font-size: 14px;
  font-family: "GTWalsheimProBold";
}
.very .download-doc-overlay-content .title {
  color: #3e3e3e;
  font-size: 0.75vw;
  font-weight: 600;
  margin-bottom: 14px;
  text-align: left;
  padding: 0 10px;
  padding-left: 5px;
}
.very .download-doc-overlay-content .doc-content-container .doc-content .doc-content-text .doc-text a:hover {
  text-decoration: none;
}
.very .card__body {
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1607843137) !important;
          box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1607843137) !important;
  border-radius: 0px 27px !important;
}

.portfolio .card__body {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
}

bs-dropdown-container ul.inner-dropdown.oga_dropdown li.selected {
  background-color: #FFFFFF !important;
}

bs-dropdown-container ul.main-filter-dropdown.oga_dropdown li:hover a.dropdown-item span, bs-dropdown-container ul.main-filter-dropdown.oga_dropdown li.selected a.dropdown-item span {
  color: #FF7000 !important;
}

.tooltip-show {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.sum .overall-climate-change-download {
  width: 128px;
}
.sum .download-doc-btn-container .download-doc-btn {
  height: 40px;
  width: 143px !important;
}
.sum .download-doc-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin-left: 33px !important;
}
.sum .download-doc-btn-container .download-doc-btn {
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  padding: 0;
}
.sum .download-doc-btn-container .download-doc-btn .text-holder {
  background: #FF7000 0% 0% no-repeat padding-box !important;
  border-radius: 0px !important;
  border: 0px #FF7000;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  opacity: 1;
  height: 100%;
  padding: 6px 10px 6px 15px;
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sum .download-doc-btn-container .download-doc-btn .text-holder:hover {
  border-top-left-radius: 27px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sum .download-doc-btn-container .download-doc-btn .icon-holder {
  height: 100%;
  opacity: 1;
  padding: 6px;
  position: relative;
  width: 33px;
  background: #FF7000 0% 0% no-repeat padding-box;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border: 2px solid #FF7000 !important;
  font-size: 14px;
}
.sum .download-doc-btn-container .download-doc-btn .icon-holder svg {
  left: -26%;
  position: absolute;
  top: 24%;
  width: 18px;
  height: 19px;
}

.tippy-box[data-theme~=light-button] {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.0823529412) !important;
          box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.0823529412) !important;
  border: 1px solid rgba(0, 0, 0, 0.0823529412) !important;
  opacity: 1 !important;
  border-radius: 2px !important;
  padding: 15px !important;
  border-radius: 2px !important;
}
.tippy-box[data-theme~=light-button] .tippy-content {
  padding: 0 !important;
  margin: 0 !important;
  width: 420px !important;
}

.oga_div .download-dashboard .download-button {
  top: 33px !important;
}

.oga_div .download-dashboard .folder-icon {
  top: 47px !important;
}

.oga_div .download-dashboard .folder-arrow-icon {
  top: 50px !important;
}

.oga_div .download-dashboard .download-details-popup {
  top: 75px !important;
}

.oga_class.nav-megamenu li .megamenu-container {
  background: #2E2D2C;
  border: 1px solid #707070;
  border-radius: 0px;
  -webkit-box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1607843137), 0px 3px 6px rgba(141, 141, 141, 0.1607843137);
          box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1607843137), 0px 3px 6px rgba(141, 141, 141, 0.1607843137);
  opacity: 1;
}

.oga_class .megamenu-container a.hoverEffect {
  color: #E8E8E8 !important;
}

.oga_class .megamenu-container li:hover a {
  color: #fff !important;
}

.oga_class .megamenu-container a.list-link {
  color: #fff !important;
}

.oga_class a.list-link {
  font-family: "GT Walsheim,Medium";
}

.sustainability-section-2 {
  padding: 2% 0 3% 0;
}
.sustainability-section-2 h1 {
  color: #00869D;
  text-transform: uppercase;
  margin: 1% auto;
  width: 50%;
  text-align: center;
}
.sustainability-section-2 h2 {
  color: #0B4B52;
  line-height: 35px;
}
.sustainability-section-2 p {
  color: #555559;
  text-align: justify;
}
.sustainability-section-2 .outcomeandmaterialareatile {
  float: left;
  width: 32.3%;
  border-radius: 6px;
  -webkit-box-shadow: 0px 15px 42px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 15px 42px rgba(0, 0, 0, 0.1490196078);
  margin-right: 1.5%;
  margin-bottom: 3%;
}
.sustainability-section-2 .outcomeandmaterialareatile:nth-child(3n+3) {
  margin-right: 0 !important;
}
.sustainability-section-2 .outcomeandmaterialareatile a:hover {
  text-decoration: none;
}
.sustainability-section-2 .outcomeandmaterialareatile .card-sustainability-sec-2 .icon-description-wrapper {
  text-align: center;
  background: #33BCD1;
  padding: 10px;
  border-radius: 6px 6px 0px 0px;
}
.sustainability-section-2 .outcomeandmaterialareatile .card-sustainability-sec-2 .icon-description-wrapper .icon-wrapper {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 210px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sustainability-section-2 .outcomeandmaterialareatile .card-sustainability-sec-2 .icon-description-wrapper .icon-wrapper img {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.sustainability-section-2 .outcomeandmaterialareatile .card-sustainability-sec-2 .icon-description-wrapper p {
  color: #0B4B52;
  text-transform: uppercase;
  font-weight: bold;
  width: 74%;
  margin: 0 auto;
  font-size: 20px;
  text-align: center;
}
.sustainability-section-2 .outcomeandmaterialareatile .card-sustainability-sec-2 .links-wrapper {
  text-align: center;
  border-radius: 0px 0px 6px 6px;
  padding: 10px;
}
.sustainability-section-2 .outcomeandmaterialareatile .card-sustainability-sec-2 .links-wrapper a {
  display: block;
  color: #00ACC6;
  font-weight: bold;
  text-decoration: underline;
  margin: 8px 0;
}
.sustainability-section-2 .outcomeandmaterialareatile .card-sustainability-sec-2 .links-wrapper a:hover {
  text-decoration: none;
}

.sustainability-section-3 {
  background-color: #F6F7F5;
  padding: 5% 0 3% 0;
}
.sustainability-section-3 .sustainability-pathway-title {
  color: #00869D;
  font-size: 45px;
}
.sustainability-section-3 .section-align {
  padding: 0 0 0 15px;
}
.sustainability-section-3 .pathway-left-content {
  width: 100%;
}
.sustainability-section-3 .pathway-left-content .pathway-content-1 {
  color: #000000;
  line-height: 1.4;
  font-size: 16px;
  letter-spacing: -0.2px;
  font-weight: bold;
}
.sustainability-section-3 .pathway-left-content .pathway-content-1 .pathway-points-content-1 {
  margin-left: 30px;
}
.sustainability-section-3 .pathway-left-content .pathway-content-1 .pathway-points-design-1 {
  position: absolute;
  margin-top: 6px;
  border-radius: 30px;
  width: 14px;
  height: 14px;
  background-color: #00869D;
}
.sustainability-section-3 .pathway-left-content .pathway-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 15px;
}
.sustainability-section-3 .pathway-left-content .pathway-points-design {
  position: absolute;
  margin-top: 6px;
  border-radius: 30px;
  width: 12px;
  height: 12px;
  background-color: #00869D;
}
.sustainability-section-3 .pathway-left-content .pathway-points-content {
  margin-left: 30px;
}
.sustainability-section-3 .pathway-left-content .pathway-points-content p {
  color: #000000;
  font-size: 15px;
  letter-spacing: 0px;
}
.sustainability-section-3 .pathway-right-content {
  float: right;
  margin: 0 8% 0 0;
}
.sustainability-section-3 .pathway-right-content .sustainability-slideshow-container {
  width: 115%;
  height: 95%;
}
.sustainability-section-3 .pathway-right-content .sustainability-slideshow-container .sustainabilitySlides {
  width: 100%;
  height: 100%;
  max-height: 335px !important;
  min-height: 335px !important;
  padding: 0px 25px;
}
.sustainability-section-3 .pathway-right-content .sustainability-slideshow-container .sustainabilitySlides img,
.sustainability-section-3 .pathway-right-content .sustainability-slideshow-container .sustainabilitySlides video {
  width: 100%;
  max-height: 335px !important;
  min-height: 335px !important;
}
.sustainability-section-3 .pathway-right-content .sustainability-slideshow-container .sustainabilitySlides video {
  background: #a2a0a0;
}
.sustainability-section-3 .pathway-right-content .prevSlide,
.sustainability-section-3 .pathway-right-content .nextSlide {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -32px;
  color: #000000;
  font-size: 28px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sustainability-section-3 .pathway-right-content .prevSlide:hover,
.sustainability-section-3 .pathway-right-content .nextSlide:hover {
  text-decoration: none;
}
.sustainability-section-3 .pathway-right-content .nextSlide {
  right: -72px;
  border-radius: 3px 0 0 3px;
}
.sustainability-section-3 .pathway-right-content .prevSlide {
  left: 0px;
}
.sustainability-section-3 .pathway-right-content .sustainability-dot {
  width: 6px;
  height: 6px;
  margin: 0 2px;
  background-color: #DEDAD4;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
}
.sustainability-section-3 .pathway-right-content .active {
  background-color: #00869D;
  border-radius: 6px;
  width: 15px;
  height: 6px;
}
.sustainability-section-3 .pathway-right-content .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.sustainability-section-3 .bluebr-downloadcontainer .container-fluid {
  padding-left: 0;
}

.sustainability-sub-sec-2-wrapper {
  background: #f6f7f5;
  padding-bottom: 20px;
}
.sustainability-sub-sec-2-wrapper .sustainability-sub-sec-2 .static__container__title {
  color: #00869D;
  font-weight: 700;
  font-size: 32px;
}
.sustainability-sub-sec-2-wrapper .sustainability-sub-sec-2 p {
  font-size: 15px;
}
.sustainability-sub-sec-2-wrapper .sustainability-sub-sec-2 .container-card {
  min-height: 160px;
  min-width: 23.7%;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5019607843);
          box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5019607843);
  margin-right: 5px;
  margin-bottom: 20px;
  background: #fff;
  width: 23.7%;
  padding: 0 0 15px 0;
}
.sustainability-sub-sec-2-wrapper .sustainability-sub-sec-2 .container-card img {
  min-height: 67px;
  min-width: 58px;
  padding-top: 27px;
  margin-bottom: 30px;
  height: 95px;
}
.sustainability-sub-sec-2-wrapper .sustainability-sub-sec-2 .container-card p {
  color: #0B4B52;
  width: 80%;
  margin: 0 auto;
}
.sustainability-sub-sec-2-wrapper .sustainability-sub-sec-2 .imageText {
  margin-bottom: 10px;
}

.sustainability-sub-sec-3 h2 {
  color: #00869D;
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  /* smartphones */
  .sustainability-section-2 .outcomeandmaterialareatile {
    width: 88.3%;
    margin-bottom: 9%;
    margin-left: 4%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* iPhone */
  .sustainability-section-2 .outcomeandmaterialareatile {
    width: 88.3%;
    margin-bottom: 9%;
    margin-left: 4%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* iPad */
  .sustainability-section-2 .outcomeandmaterialareatile {
    width: 49%;
  }
  .sustainability-section-2 .outcomeandmaterialareatile:nth-child(3n+3) {
    margin-right: 1.5% !important;
  }
  .sustainability-section-2 .outcomeandmaterialareatile:nth-child(2n+2) {
    margin-right: 0 !important;
  }
}
.background--color-darkblue {
  background: #0B4B52;
}

.background--color-darkblue .image-video-leftpanel img,
.background--color-blue .image-video-leftpanel img {
  width: 100%;
}
.background--color-darkblue .image-video-leftpanel video,
.background--color-blue .image-video-leftpanel video {
  width: 100%;
  min-height: 290px;
}
.background--color-darkblue .image-video-rightpanel,
.background--color-blue .image-video-rightpanel {
  padding: 5% 0 0 5%;
}
.background--color-darkblue .image-video-rightpanel h4,
.background--color-blue .image-video-rightpanel h4 {
  font-size: 33px;
  color: #fff;
  margin-bottom: 15px;
  line-height: 38px;
}
.background--color-darkblue .image-video-rightpanel p,
.background--color-blue .image-video-rightpanel p {
  font-size: 16px;
}

.product-gallery {
  padding: 2rem 0;
}
.product-gallery .container-fluid {
  margin-bottom: 2%;
}
.product-gallery h1 {
  color: #00869D;
  font-size: 2.1rem;
  text-transform: uppercase;
  padding: 0 0 15px 0px;
  margin: 0;
}
.product-gallery .tile-box {
  -webkit-box-shadow: 1px 1px 20px 5px #ccc;
          box-shadow: 1px 1px 20px 5px #ccc;
  margin-top: 35px;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  width: 240px;
}
.product-gallery .tile-box:hover .image-thumbnail img {
  opacity: 1;
}
.product-gallery .tile-box:hover .image-thumbnail .image-icon img {
  -webkit-filter: invert(1) brightness(2);
          filter: invert(1) brightness(2);
}
.product-gallery .tile-box:hover .image-thumbnail .image-icon span {
  color: #fff;
}
.product-gallery .tile-box a {
  height: inherit;
}
.product-gallery .tile-box .image-thumbnail {
  height: inherit;
}
.product-gallery .tile-box .image-thumbnail img {
  width: 240px;
  opacity: 0;
  border-radius: 6px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  height: inherit;
}
.product-gallery .tile-box .image-thumbnail .image-icon {
  position: absolute;
  top: 35%;
  display: block;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
.product-gallery .tile-box .image-thumbnail .image-icon img {
  width: 85px;
  height: 85px;
  opacity: 1;
}
.product-gallery .tile-box .image-thumbnail .image-icon span {
  color: #0B4B52;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin: 10px auto;
  width: 80%;
  white-space: normal;
  word-break: break-word;
}

.question-answer {
  background: #F6F7F5;
  padding: 2% 5%;
}
.question-answer h2 {
  color: #00869D;
}
.question-answer p {
  font-size: 18px;
  margin-left: 2%;
}
.question-answer p.question {
  font-weight: bold;
  margin: 10px 0 10px 0;
}
.question-answer p.question span {
  margin: 0 10px 0 0;
}

.product-description {
  padding: 2% 5%;
}
.product-description .container-fluid {
  margin-bottom: 2%;
}
.product-description .container-fluid div:first-child {
  margin-top: 0%;
}
.product-description .container-fluid div {
  margin-top: 4%;
}
.product-description h2 {
  color: #00869D;
}
.product-description p {
  font-weight: normal;
  font-size: 18px;
}
.product-description a {
  color: #4CAAC3;
}
.product-description ul li {
  list-style-type: none;
  position: relative;
}
.product-description ul li:first-child:before {
  content: ".";
  position: absolute;
  left: -0.55em;
  font-size: 5em;
  top: -66px;
}
.product-description ul li:nth-child(2):before {
  content: "";
}
.product-description ul li:nth-child(2) {
  margin: 10px 0 0 0;
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  /* smartphones */
  .product-gallery .container-fluid .tile-box {
    width: 240px;
    margin: 4% auto;
  }
  .product-gallery .container-fluid .tile-box .image-icon {
    width: 50%;
  }
  .product-gallery .container-fluid .tile-box .image-icon span {
    width: 100%;
  }
  .question-answer {
    padding: 2% 5% 5% 5% !important;
  }
  .hero__text h1 {
    display: table-caption;
    margin-bottom: 1rem !important;
  }
  .hero-img {
    width: 300px !important;
    margin: -37.4% -35.6% -34% 0 !important;
  }
  .sustainability-section-2 h2 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
  .product-gallery h1 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
  .question-answer h2 {
    font-size: 1.5rem !important;
    line-height: 23px;
  }
  .product-description h2 {
    font-size: 1.3rem !important;
    line-height: 23px;
  }
  .image-video-rightpanel h4 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
}
@media only screen and (min-device-width: 310px) and (max-device-width: 330px) {
  .hero-img {
    width: 250px !important;
    margin: -38.4% -35.6% -34% 0 !important;
  }
  .product-gallery .container-fluid .tile-box {
    width: 240px;
    margin: 4% auto;
  }
  .product-gallery .container-fluid .tile-box .image-icon {
    width: 50%;
  }
  .product-gallery .container-fluid .tile-box .image-icon span {
    width: 100%;
  }
  .question-answer {
    padding: 2% 5% 5% 5% !important;
  }
  .hero__text h1 {
    display: table-caption;
    margin-bottom: 1rem !important;
  }
  .hero__text h1 span::after {
    content: "\a";
    white-space: pre;
  }
  .sustainability-section-2 h2 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
  .product-gallery h1 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
  .question-answer h2 {
    font-size: 1.5rem !important;
    line-height: 23px;
  }
  .product-description h2 {
    font-size: 1.3rem !important;
    line-height: 23px;
  }
  .image-video-rightpanel h4 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
}
@media only screen and (min-device-width: 390px) and (max-device-width: 480px) {
  .product-gallery .container-fluid .tile-box {
    width: 240px;
    margin: 4% auto;
  }
  .product-gallery .container-fluid .tile-box .image-icon {
    width: 50%;
  }
  .product-gallery .container-fluid .tile-box .image-icon span {
    width: 100%;
  }
  .hero__text h1 {
    display: table-caption;
    margin-bottom: 1rem !important;
  }
  .hero__text h1 span::after {
    content: "\a";
    white-space: pre;
  }
  .question-answer {
    padding: 2% 5% 5% 5% !important;
  }
  .hero-img {
    width: 325px !important;
    margin: -32.4% -33.6% -39% 0 !important;
  }
  .sustainability-section-2 h2 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
  .product-gallery h1 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
  .question-answer h2 {
    font-size: 1.5rem !important;
    line-height: 23px;
  }
  .product-description h2 {
    font-size: 1.3rem !important;
    line-height: 23px;
  }
  .image-video-rightpanel h4 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
}
@media only screen and (min-device-width: 330px) and (max-device-width: 390px) and (-webkit-min-device-pixel-ratio: 2) {
  /* iPhone */
  .product-gallery .container-fluid .tile-box {
    width: 240px;
    margin: 4% auto;
  }
  .product-gallery .container-fluid .tile-box .image-icon {
    width: 50%;
  }
  .product-gallery .container-fluid .tile-box .image-icon span {
    width: 100%;
  }
  .question-answer {
    padding: 2% 5% 5% 5% !important;
  }
  .hero__text h1 {
    display: table-caption;
    margin-bottom: 1rem !important;
  }
  .hero__text h1 span::after {
    content: "\a";
    white-space: pre;
  }
  .hero-img {
    width: 300px !important;
    margin: -37.4% -35.6% -34% 0 !important;
  }
  .sustainability-section-2 h2 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
  .product-gallery h1 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
  .question-answer h2 {
    font-size: 1.5rem !important;
    line-height: 23px;
  }
  .product-description h2 {
    font-size: 1.3rem !important;
    line-height: 23px;
  }
  .image-video-rightpanel h4 {
    font-size: 1.5rem !important;
    line-height: 25px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* iPad */
  .product-gallery .container-fluid .col-md-3 {
    max-width: 32%;
  }
  .product-gallery .container-fluid .col-md-3 .tile-box {
    width: 220px;
  }
  .hero-img {
    width: 400px !important;
    margin: -28.4% -22.6% -37px 0 !important;
  }
  .question-answer {
    padding: 2% 5% 5% 5% !important;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1030px) {
  /* ipad pro */
  .hero-img {
    width: 478px !important;
    margin: -22.4% -18.6% 0 0 !important;
  }
  .question-answer {
    padding: 2% 5% 5% 5% !important;
  }
}
/*# sourceMappingURL=global.min.css.map */

.container.responsivegrid{
 	max-width : 100% !important;
    margin : 0 !important;
    padding : 0 !important;
}

#modal-olam-supplier-code .container-fluid {
    max-width: 1080px !important;
}
.oga_footer .svg_head .svg_icon a img{
    filter: invert(38%) sepia(153%) saturate(573%) hue-rotate(319deg) brightness(100%) contrast(100%);
}

.footer-feedback-icons{
	display: grid;
    grid-template-columns: 27px 27px 27px;
    grid-template-rows: 2.8rem;
}
.oga_footer .svg_head_feedback .svg_icon_feedback {
    background-color: #ffffff;
    height: 27px;
    width: 27px !important;
    border-radius: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
}

.oga_footer .svg_head_feedback .svg_icon_feedback a img {
    filter: invert(38%) sepia(153%) saturate(573%) hue-rotate(319deg) brightness(100%) contrast(100%);
}
.oga_footer .svg_head_feedback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 13.5px;
    padding-bottom: 2rem;
}

.oga_footer .svg_head {
    padding-bottom: 0px !important;
    padding-top: 13.5px !important;
}

.oga_footer .svg_head_feedback .icon-authoring {
    padding-top: 4px !important;
}

.oga_footer .svg_head .icon-authoring {
    padding-top: 4px !important;
}