@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&display=swap");
.rx-btn-ds-ocean, .rx-btn-cancel, .rx-btn, .rx-forms--searchlegacy, .rx-forms--search, input:not([type=radio], [type=checkbox]).rx-forms {
  font-family: var(--font-primary);
}

.rx-design h1, .rx-design h2, .rx-design h3, .rx-design h4, .rx-design h5, .rx-design h6 {
  font-family: var(--font-secondary);
}

/**
Example:
color: getColor( 'bw', 'white' );
background: getColor( 'ocean', 'default' );
*/
/**
Variations
*/
:root {
  --font-primary: Open Sans, sans-serif;
  --font-secondary: Montserrat, sans-serif;
  --base-ocean: #00B1AC;
  --base-ocean_10: #00B2A2;
  --base-ocean_20: #00968F;
  --base-ocean_30: #007E78;
  --base-ocean_50: #006269;
  --base-sapphire: #005A6F;
  --base-sapphire_10: #97DCDB;
  --base-sapphire_20: #6AC5D6;
  --base-sapphire_30: #0097A9;
  --base-yellow: #ffb800;
  --base-yellow_10: #F2CA00;
  --base-yellow_20: #DAAA00;
  --base-yellow_30: #DA9D00;
  --base-yellow_50: #D78825;
  --base-yellow_bk: #FDEEC9;
  --base-marine: #071d49;
  --base-marine_10: #7BAFD4;
  --base-marine_20: #006BA6;
  --base-marine_30: #005895;
  --base-bw: #151515;
  --base-bw_white: #FFFFFF;
  --base-bw_20: #C4C4C4;
  --base-bw_30: #656565;
  --base-red: #F04F50;
  --base-red_20: #CF3D43;
  --base-red_30: #A8151B;
  --base-red_50: #006269;
  --base-green: #1FA42C;
  --base-green_10: #C9FDCE;
  --base-base_gray: #142b20;
  --base-base_gray_body: #4b665c;
  --base-base_gray_label: #6e9186;
  --base-base_gray_placeholder: #a0bdb3;
  --base-base_gray_line: #d9e9e2;
  --base-base_gray_input: #eff6f5;
  --base-base_gray_background: #f7fcfa;
  --base-base_gray_offwhite: #fcfcfc;
}

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  outline: none !important;
}

a:link {
  text-decoration: none;
}

body,
html {
  font-family: var(--font-primary);
  font-size: 16px;
}

.base--ocean {
  color: #00B1AC;
}
.base--ocean_10 {
  color: #00B2A2;
}
.base--ocean_20 {
  color: #00968F;
}
.base--ocean_30 {
  color: #007E78;
}
.base--ocean_50 {
  color: #006269;
}
.base--sapphire {
  color: #005A6F;
}
.base--sapphire_10 {
  color: #97DCDB;
}
.base--sapphire_20 {
  color: #6AC5D6;
}
.base--sapphire_30 {
  color: #0097A9;
}
.base--yellow {
  color: #ffb800;
}
.base--yellow_10 {
  color: #F2CA00;
}
.base--yellow_20 {
  color: #DAAA00;
}
.base--yellow_30 {
  color: #DA9D00;
}
.base--yellow_50 {
  color: #D78825;
}
.base--yellow_bk {
  color: #FDEEC9;
}
.base--marine {
  color: #071d49;
}
.base--marine_10 {
  color: #7BAFD4;
}
.base--marine_20 {
  color: #006BA6;
}
.base--marine_30 {
  color: #005895;
}
.base--bw {
  color: #151515;
}
.base--bw_white {
  color: #FFFFFF;
}
.base--bw_20 {
  color: #C4C4C4;
}
.base--bw_30 {
  color: #656565;
}
.base--red {
  color: #F04F50;
}
.base--red_20 {
  color: #CF3D43;
}
.base--red_30 {
  color: #A8151B;
}
.base--red_50 {
  color: #006269;
}
.base--green {
  color: #1FA42C;
}
.base--green_10 {
  color: #C9FDCE;
}
.base--base_gray {
  color: #142b20;
}
.base--base_gray_body {
  color: #4b665c;
}
.base--base_gray_label {
  color: #6e9186;
}
.base--base_gray_placeholder {
  color: #a0bdb3;
}
.base--base_gray_line {
  color: #d9e9e2;
}
.base--base_gray_input {
  color: #eff6f5;
}
.base--base_gray_background {
  color: #f7fcfa;
}
.base--base_gray_offwhite {
  color: #fcfcfc;
}

.bg--ocean {
  background: #00B1AC;
  color: #FFFFFF;
}
.bg--ocean_10 {
  background: #00B2A2;
  color: #FFFFFF;
}
.bg--ocean_20 {
  background: #00968F;
  color: #FFFFFF;
}
.bg--ocean_30 {
  background: #007E78;
  color: #FFFFFF;
}
.bg--ocean_50 {
  background: #006269;
  color: #FFFFFF;
}
.bg--sapphire {
  background: #005A6F;
  color: #FFFFFF;
}
.bg--sapphire_10 {
  background: #97DCDB;
  color: #151515;
}
.bg--sapphire_20 {
  background: #6AC5D6;
  color: #151515;
}
.bg--sapphire_30 {
  background: #0097A9;
  color: #FFFFFF;
}
.bg--yellow {
  background: #ffb800;
  color: #151515;
}
.bg--yellow_10 {
  background: #F2CA00;
  color: #151515;
}
.bg--yellow_20 {
  background: #DAAA00;
  color: #151515;
}
.bg--yellow_30 {
  background: #DA9D00;
  color: #FFFFFF;
}
.bg--yellow_50 {
  background: #D78825;
  color: #FFFFFF;
}
.bg--yellow_bk {
  background: #FDEEC9;
  color: #151515;
}
.bg--marine {
  background: #071d49;
  color: #FFFFFF;
}
.bg--marine_10 {
  background: #7BAFD4;
  color: #FFFFFF;
}
.bg--marine_20 {
  background: #006BA6;
  color: #FFFFFF;
}
.bg--marine_30 {
  background: #005895;
  color: #FFFFFF;
}
.bg--bw {
  background: #151515;
  color: #FFFFFF;
}
.bg--bw_white {
  background: #FFFFFF;
  color: #151515;
}
.bg--bw_20 {
  background: #C4C4C4;
  color: #151515;
}
.bg--bw_30 {
  background: #656565;
  color: #FFFFFF;
}
.bg--red {
  background: #F04F50;
  color: #FFFFFF;
}
.bg--red_20 {
  background: #CF3D43;
  color: #FFFFFF;
}
.bg--red_30 {
  background: #A8151B;
  color: #FFFFFF;
}
.bg--red_50 {
  background: #006269;
  color: #FFFFFF;
}
.bg--green {
  background: #1FA42C;
  color: #FFFFFF;
}
.bg--green_10 {
  background: #C9FDCE;
  color: #151515;
}
.bg--base_gray {
  background: #142b20;
  color: #FFFFFF;
}
.bg--base_gray_body {
  background: #4b665c;
  color: #FFFFFF;
}
.bg--base_gray_label {
  background: #6e9186;
  color: #FFFFFF;
}
.bg--base_gray_placeholder {
  background: #a0bdb3;
  color: #151515;
}
.bg--base_gray_line {
  background: #d9e9e2;
  color: #151515;
}
.bg--base_gray_input {
  background: #eff6f5;
  color: #151515;
}
.bg--base_gray_background {
  background: #f7fcfa;
  color: #151515;
}
.bg--base_gray_offwhite {
  background: #fcfcfc;
  color: #151515;
}

input:not([type=radio], [type=checkbox]).rx-forms {
  height: 42px;
  width: 100%;
  padding: 8px 24px;
  background: #EEF4F2;
  border: 2px solid #EEF4F2;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -ms-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  font-size: 1rem;
}
input:not([type=radio], [type=checkbox]).rx-forms:hover {
  border-color: rgba(0, 177, 172, 0.3);
}
input:not([type=radio], [type=checkbox]).rx-forms:focus {
  border-color: #00B1AC;
}
input:not([type=radio], [type=checkbox]).rx-forms::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 1rem;
  color: #BBBCBC;
}
input:not([type=radio], [type=checkbox]).rx-forms::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1rem;
  color: #BBBCBC;
}
input:not([type=radio], [type=checkbox]).rx-forms:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 1rem;
  color: #BBBCBC;
}
input:not([type=radio], [type=checkbox]).rx-forms:-moz-placeholder {
  /* Firefox 18- */
  font-size: 1rem;
  color: #BBBCBC;
}
input:not([type=radio], [type=checkbox]).rx-forms.has-error {
  border-color: #F04F50;
}

.rx-forms--position-cancel-search-right {
  float: right;
  margin-right: 15px;
  margin-top: -30px;
  position: relative;
  font-size: 1.5em;
  z-index: 2;
  color: #C4C4C4;
}
.rx-forms--position-search-left {
  float: left;
  margin-left: 15px;
  margin-top: -30px;
  position: relative;
  font-size: 1.5em;
  z-index: 2;
  color: #C4C4C4;
}
.rx-forms--position-cancel-search-rightlegacy {
  float: right;
  margin-right: 15px;
  margin-top: -26px;
  position: relative;
  font-size: 12px;
  z-index: 2;
  color: #C4C4C4;
}
.rx-forms--position-search-leftlegacy {
  float: left;
  margin-left: 15px;
  margin-top: -26px;
  position: relative;
  font-size: 14px;
  z-index: 2;
  color: #C4C4C4;
}
.rx-forms--position-search-rightlegacy {
  float: right;
  margin-right: 16px;
  margin-top: -26px;
  position: relative;
  font-size: 14px;
  z-index: 2;
  color: #C4C4C4;
}
.rx-forms--search {
  height: 42px;
  width: 100%;
  padding: 8px 40px;
  background: #FFF;
  border: 2px solid #C4C4C4;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -ms-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  font-size: 1rem;
  position: relative;
  color: #151515;
}
.rx-forms--search input[type=search] {
  font-size: 1.5625rem;
}
.rx-forms--search .popover.top > .arrow:after {
  border-top-color: #005A6F !important;
}
.rx-forms--search button {
  cursor: pointer;
  display: block;
  background: transparent;
  position: absolute;
  border: none;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  color: rgba(0, 177, 172, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rx-forms--search svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rx-forms--search:hover {
  border: 2px solid rgba(0, 178, 162, 0.5);
}
.rx-forms--search:focus {
  border: 2px solid #00B1AC;
}
.rx-forms--searchlegacy {
  height: 40px;
  width: 100%;
  padding: 8px 32px 8px 16px;
  background: #FFF;
  border: 1.5px solid #C4C4C4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  -ms-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  font-size: 12.8px;
  position: relative;
  color: #151515;
}
.rx-forms--searchlegacy input[type=search] {
  font-size: 12.8px;
}
.rx-forms--searchlegacy .popover.top > .arrow:after {
  border-top-color: #005A6F !important;
}
.rx-forms--searchlegacy button {
  cursor: pointer;
  display: block;
  background: transparent;
  position: absolute;
  border: none;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  color: rgba(0, 177, 172, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rx-forms--searchlegacy svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rx-forms--searchlegacy:hover {
  border: 1.5px solid rgba(0, 178, 162, 0.5);
}
.rx-forms--searchlegacy:focus {
  border: 1.5px solid #00B1AC;
}
.rx-forms--dark {
  background: #F9FBFA;
  border: 2px solid #F9FBFA;
}
.rx-forms--password {
  position: relative;
}
.rx-forms--password input[type=password] {
  font-size: 1.5625rem;
}
.rx-forms--password button {
  cursor: pointer;
  display: block;
  background: transparent;
  position: absolute;
  border: none;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  color: rgba(0, 177, 172, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rx-forms--password button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rx-forms--password button:hover {
  color: #00b1ac;
}
input[type=radio].rx-forms,
input[type=checkbox].rx-forms {
  display: none;
}
input[type=radio].rx-forms + span,
input[type=checkbox].rx-forms + span {
  background: transparent;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  border: 2px solid #151515;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 8px;
}
input[type=radio].rx-forms + span:hover,
input[type=checkbox].rx-forms + span:hover {
  border-color: #00B1AC;
}
input[type=radio].rx-forms + span + label,
input[type=checkbox].rx-forms + span + label {
  display: inline-block;
  margin-bottom: 8px;
  -webkit-transform: translateY(-7px);
  -moz-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  -o-transform: translateY(-7px);
  transform: translateY(-7px);
  line-height: 1;
}
input[type=radio].rx-forms + span:after,
input[type=checkbox].rx-forms + span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(0, 177, 172, 0);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  width: 1px;
  height: 1px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type=radio].rx-forms:checked + span,
input[type=checkbox].rx-forms:checked + span {
  border-color: #00B1AC;
}
input[type=radio].rx-forms:checked + span:after,
input[type=checkbox].rx-forms:checked + span:after {
  width: 12px;
  height: 12px;
  background: #00b1ac;
}
input[type=radio].rx-forms:checked:disabled + span, input[type=radio].rx-forms:disabled + span,
input[type=checkbox].rx-forms:checked:disabled + span,
input[type=checkbox].rx-forms:disabled + span {
  border-color: #C4C4C4;
}
input[type=radio].rx-forms:checked:disabled + span:after, input[type=radio].rx-forms:disabled + span:after,
input[type=checkbox].rx-forms:checked:disabled + span:after,
input[type=checkbox].rx-forms:disabled + span:after {
  background: #C4C4C4;
}
input[type=radio].rx-forms:checked.has-error + span, input[type=radio].rx-forms.has-error + span,
input[type=checkbox].rx-forms:checked.has-error + span,
input[type=checkbox].rx-forms.has-error + span {
  border-color: #F04F50;
}
input[type=radio].rx-forms:checked.has-error + span:after, input[type=radio].rx-forms.has-error + span:after,
input[type=checkbox].rx-forms:checked.has-error + span:after,
input[type=checkbox].rx-forms.has-error + span:after {
  background: #F04F50;
}

input[type=checkbox].rx-forms + span {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
input[type=checkbox].rx-forms + span:after {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.rx-select {
  position: relative;
}
.rx-select .selected-li {
  background: #EEF4F2;
}
.rx-select .custom-select {
  display: flex;
  position: relative;
  width: 100%;
  height: 42px;
  padding: 8px 24px;
  cursor: pointer;
  align-items: center;
  border-radius: 12px;
  background: #EEF4F2;
  border: 2px solid transparent;
  transition: border 0.2s linear;
}
.rx-select .custom-select:hover {
  border: 2px solid var(--base-sapphire_10);
}
.rx-select .custom-select:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 16px;
  top: 10px;
  width: 13px;
  height: 13px;
  border-bottom: 3px solid var(--base-ocean);
  border-left: 3px solid var(--base-ocean);
  transform: rotate(-45deg) translate(0%, 0%);
  transform-origin: center center;
}
.rx-select .placeholder {
  color: #BBBBBB;
}
.rx-select .custom-select.selected {
  border-color: var(--base-ocean);
}
.rx-select .custom-select.selected:before {
  margin-top: 4px;
  transform: rotate(135deg);
}
.rx-select .custom-select.selected-error:before {
  margin-top: 2px;
  transform: rotate(135deg);
}
.rx-select ul {
  border-radius: 12px;
  position: absolute;
  box-shadow: 0px 7px 13px 3px rgba(0, 0, 0, 0.2);
  background: var(--base-bw_white);
  top: 100%;
  padding: 1rem 0rem 1rem 1rem;
  box-sizing: border-box;
  max-height: 174px;
  left: 0px;
  margin: 0px !important;
  overflow-y: auto;
  z-index: 3;
  width: 100%;
}
.rx-select ul.top {
  top: inherit !important;
  bottom: 100%;
  box-shadow: 0px 7px 13px 3px rgba(0, 0, 0, 0.2);
}
.rx-select ul::-webkit-scrollbar {
  width: 21px;
}
.rx-select ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px 10px transparent;
  border: solid 3px transparent;
}
.rx-select ul::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 10px 10px #E5E5E5;
  border-right: 9px solid transparent;
  border-left: 5px solid transparent;
}
.rx-select li {
  line-height: 25.6px;
  list-style: none;
  border-radius: 8px;
  padding: 0;
}
.rx-select li:hover {
  color: var(--base-bw_white);
  background-color: var(--base-ocean);
}
.rx-select .custom-select.selected {
  border: 2px solid var(--base-ocean);
  background-color: #EEF4F2;
}
.rx-select .custom-select.selected:before {
  margin-top: 5px;
  transform: rotate(135deg);
}
.rx-select .custom-select.selected-error {
  border: 2px solid var(--base-red);
  background-color: #EEF4F2;
}
.rx-select .custom-select.selected-error:before {
  margin-top: 2px;
  transform: rotate(135deg);
}
.rx-select input[type=radio] {
  appearance: none;
  display: none;
}
.rx-select input[type=radio]:checked {
  display: inline;
}
.rx-select input[type=radio]:after {
  content: attr(title);
  cursor: pointer;
  display: inline;
}
.rx-select label {
  font-weight: 400;
  width: 100%;
  align-items: center;
  display: flex;
  cursor: pointer;
  text-align: left;
  padding: 8px 16px;
}

.rx-select.as-search ul.list {
  border-top: 16px solid white;
  border-bottom: 16px solid white;
  padding: 0 1rem 0 1rem;
  max-height: 276px;
}
.rx-select.as-search ul.list .search {
  max-width: 460px;
  width: 100%;
  background: white;
  position: sticky;
  top: 0px;
  height: 45px;
  display: flex;
}
.rx-select.as-search ul.list .search input {
  height: 42px;
  border: 1px solid #D9E9E2;
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 30px;
}
.rx-select.as-search ul.list .search i {
  top: 11px;
  font-size: 18px;
  right: 28px;
  width: 0px;
  position: absolute;
}

.rx-btn {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  cursor: pointer;
  height: 42px;
  min-width: 160px;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  color: #00B1AC;
  border: none;
  border-radius: 12px;
  padding: 8px 32px;
}
.rx-btn:hover {
  background: #EBFFFE;
}
.rx-btn--large {
  height: 58px;
  min-width: 192px;
  font-size: 16px;
  border-radius: 12px;
  padding: 16px 32px;
}
.rx-btn--small {
  font-size: 13px;
  height: 32px;
  min-width: 119px;
  border-radius: 8px;
  padding: 5px 32px;
}
.rx-btn--rd-5 {
  border-radius: 5px !important;
  padding: 0px 16px !important;
}
.rx-btn:hover {
  background: #C4C4C4;
}
.rx-btn--ocean {
  background: #00B1AC;
  color: #FFFFFF;
}
.rx-btn--ocean:hover {
  background: #008d89;
  color: #FFFFFF;
}
.rx-btn--ocean:active {
  background: #006562;
  color: #FFFFFF;
}
.rx-btn--ocean_10 {
  background: #00B2A2;
  color: #FFFFFF;
}
.rx-btn--ocean_10:hover {
  background: #008e82;
  color: #FFFFFF;
}
.rx-btn--ocean_10:active {
  background: #00665c;
  color: #FFFFFF;
}
.rx-btn--ocean_20 {
  background: #00968F;
  color: #FFFFFF;
}
.rx-btn--ocean_20:hover {
  background: #00726d;
  color: #FFFFFF;
}
.rx-btn--ocean_20:active {
  background: #004a46;
  color: #FFFFFF;
}
.rx-btn--ocean_30 {
  background: #007E78;
  color: #FFFFFF;
}
.rx-btn--ocean_30:hover {
  background: #005a56;
  color: #FFFFFF;
}
.rx-btn--ocean_30:active {
  background: #00322f;
  color: #FFFFFF;
}
.rx-btn--ocean_50 {
  background: #006269;
  color: #FFFFFF;
}
.rx-btn--ocean_50:hover {
  background: #004145;
  color: #FFFFFF;
}
.rx-btn--ocean_50:active {
  background: #001b1d;
  color: #FFFFFF;
}
.rx-btn--sapphire {
  background: #005A6F;
  color: #FFFFFF;
}
.rx-btn--sapphire:hover {
  background: #003d4b;
  color: #FFFFFF;
}
.rx-btn--sapphire:active {
  background: #001c23;
  color: #FFFFFF;
}
.rx-btn--sapphire_10 {
  background: #97DCDB;
  color: #151515;
}
.rx-btn--sapphire_10:hover {
  background: #7cd3d2;
  color: #151515;
}
.rx-btn--sapphire_10:active {
  background: #5ec9c7;
  color: #151515;
}
.rx-btn--sapphire_20 {
  background: #6AC5D6;
  color: #151515;
}
.rx-btn--sapphire_20:hover {
  background: #4ebace;
  color: #151515;
}
.rx-btn--sapphire_20:active {
  background: #35a9bf;
  color: #FFFFFF;
}
.rx-btn--sapphire_30 {
  background: #0097A9;
  color: #FFFFFF;
}
.rx-btn--sapphire_30:hover {
  background: #007785;
  color: #FFFFFF;
}
.rx-btn--sapphire_30:active {
  background: #00535d;
  color: #FFFFFF;
}
.rx-btn--yellow {
  background: #ffb800;
  color: #151515;
}
.rx-btn--yellow:hover {
  background: #db9e00;
  color: #FFFFFF;
}
.rx-btn--yellow:active {
  background: #b38100;
  color: #FFFFFF;
}
.rx-btn--yellow_10 {
  background: #F2CA00;
  color: #151515;
}
.rx-btn--yellow_10:hover {
  background: #ceac00;
  color: #151515;
}
.rx-btn--yellow_10:active {
  background: #a68a00;
  color: #FFFFFF;
}
.rx-btn--yellow_20 {
  background: #DAAA00;
  color: #151515;
}
.rx-btn--yellow_20:hover {
  background: #b68e00;
  color: #FFFFFF;
}
.rx-btn--yellow_20:active {
  background: #8e6e00;
  color: #FFFFFF;
}
.rx-btn--yellow_30 {
  background: #DA9D00;
  color: #FFFFFF;
}
.rx-btn--yellow_30:hover {
  background: #b68300;
  color: #FFFFFF;
}
.rx-btn--yellow_30:active {
  background: #8e6600;
  color: #FFFFFF;
}
.rx-btn--yellow_50 {
  background: #D78825;
  color: #FFFFFF;
}
.rx-btn--yellow_50:hover {
  background: #b97520;
  color: #FFFFFF;
}
.rx-btn--yellow_50:active {
  background: #965f1a;
  color: #FFFFFF;
}
.rx-btn--yellow_bk {
  background: #FDEEC9;
  color: #151515;
}
.rx-btn--yellow_bk:hover {
  background: #fce3a7;
  color: #151515;
}
.rx-btn--yellow_bk:active {
  background: #fad77f;
  color: #151515;
}
.rx-btn--marine {
  background: #071d49;
  color: #FFFFFF;
}
.rx-btn--marine:hover {
  background: #041028;
  color: #FFFFFF;
}
.rx-btn--marine:active {
  background: #000103;
  color: #FFFFFF;
}
.rx-btn--marine_10 {
  background: #7BAFD4;
  color: #FFFFFF;
}
.rx-btn--marine_10:hover {
  background: #609fcb;
  color: #FFFFFF;
}
.rx-btn--marine_10:active {
  background: #418cc1;
  color: #FFFFFF;
}
.rx-btn--marine_20 {
  background: #006BA6;
  color: #FFFFFF;
}
.rx-btn--marine_20:hover {
  background: #005482;
  color: #FFFFFF;
}
.rx-btn--marine_20:active {
  background: #003a5a;
  color: #FFFFFF;
}
.rx-btn--marine_30 {
  background: #005895;
  color: #FFFFFF;
}
.rx-btn--marine_30:hover {
  background: #004371;
  color: #FFFFFF;
}
.rx-btn--marine_30:active {
  background: #002b49;
  color: #FFFFFF;
}
.rx-btn--bw {
  background: #151515;
  color: #FFFFFF;
}
.rx-btn--bw:hover {
  background: #030303;
  color: #FFFFFF;
}
.rx-btn--bw:active {
  background: black;
  color: #FFFFFF;
}
.rx-btn--bw_white {
  background: #FFFFFF;
  color: #151515;
}
.rx-btn--bw_white:hover {
  background: #ededed;
  color: #151515;
}
.rx-btn--bw_white:active {
  background: #d9d9d9;
  color: #151515;
}
.rx-btn--bw_20 {
  background: #C4C4C4;
  color: #151515;
}
.rx-btn--bw_20:hover {
  background: #b2b2b2;
  color: #151515;
}
.rx-btn--bw_20:active {
  background: #9e9e9e;
  color: #FFFFFF;
}
.rx-btn--bw_30 {
  background: #656565;
  color: #FFFFFF;
}
.rx-btn--bw_30:hover {
  background: #535353;
  color: #FFFFFF;
}
.rx-btn--bw_30:active {
  background: #3f3f3f;
  color: #FFFFFF;
}
.rx-btn--red {
  background: #F04F50;
  color: #FFFFFF;
}
.rx-btn--red:hover {
  background: #ed2e2f;
  color: #FFFFFF;
}
.rx-btn--red:active {
  background: #df1314;
  color: #FFFFFF;
}
.rx-btn--red_20 {
  background: #CF3D43;
  color: #FFFFFF;
}
.rx-btn--red_20:hover {
  background: #ba2e34;
  color: #FFFFFF;
}
.rx-btn--red_20:active {
  background: #9a262b;
  color: #FFFFFF;
}
.rx-btn--red_30 {
  background: #A8151B;
  color: #FFFFFF;
}
.rx-btn--red_30:hover {
  background: #881116;
  color: #FFFFFF;
}
.rx-btn--red_30:active {
  background: #640d10;
  color: #FFFFFF;
}
.rx-btn--red_50 {
  background: #006269;
  color: #FFFFFF;
}
.rx-btn--red_50:hover {
  background: #004145;
  color: #FFFFFF;
}
.rx-btn--red_50:active {
  background: #001b1d;
  color: #FFFFFF;
}
.rx-btn--green {
  background: #1FA42C;
  color: #FFFFFF;
}
.rx-btn--green:hover {
  background: #198624;
  color: #FFFFFF;
}
.rx-btn--green:active {
  background: #13641b;
  color: #FFFFFF;
}
.rx-btn--green_10 {
  background: #C9FDCE;
  color: #151515;
}
.rx-btn--green_10:hover {
  background: #a7fcaf;
  color: #151515;
}
.rx-btn--green_10:active {
  background: #7ffa8b;
  color: #151515;
}
.rx-btn--base_gray {
  background: #142b20;
  color: #FFFFFF;
}
.rx-btn--base_gray:hover {
  background: #09130e;
  color: #FFFFFF;
}
.rx-btn--base_gray:active {
  background: black;
  color: #FFFFFF;
}
.rx-btn--base_gray_body {
  background: #4b665c;
  color: #FFFFFF;
}
.rx-btn--base_gray_body:hover {
  background: #3c5149;
  color: #FFFFFF;
}
.rx-btn--base_gray_body:active {
  background: #2b3a34;
  color: #FFFFFF;
}
.rx-btn--base_gray_label {
  background: #6e9186;
  color: #FFFFFF;
}
.rx-btn--base_gray_label:hover {
  background: #5f7d73;
  color: #FFFFFF;
}
.rx-btn--base_gray_label:active {
  background: #4d665e;
  color: #FFFFFF;
}
.rx-btn--base_gray_placeholder {
  background: #a0bdb3;
  color: #151515;
}
.rx-btn--base_gray_placeholder:hover {
  background: #8baea2;
  color: #FFFFFF;
}
.rx-btn--base_gray_placeholder:active {
  background: #739e8f;
  color: #FFFFFF;
}
.rx-btn--base_gray_line {
  background: #d9e9e2;
  color: #151515;
}
.rx-btn--base_gray_line:hover {
  background: #c2dcd1;
  color: #151515;
}
.rx-btn--base_gray_line:active {
  background: #a9cdbd;
  color: #151515;
}
.rx-btn--base_gray_input {
  background: #eff6f5;
  color: #151515;
}
.rx-btn--base_gray_input:hover {
  background: #d8e9e7;
  color: #151515;
}
.rx-btn--base_gray_input:active {
  background: #bedad6;
  color: #151515;
}
.rx-btn--base_gray_background {
  background: #f7fcfa;
  color: #151515;
}
.rx-btn--base_gray_background:hover {
  background: #ddf2ea;
  color: #151515;
}
.rx-btn--base_gray_background:active {
  background: #bfe7d7;
  color: #151515;
}
.rx-btn--base_gray_offwhite {
  background: #fcfcfc;
  color: #151515;
}
.rx-btn--base_gray_offwhite:hover {
  background: #eaeaea;
  color: #151515;
}
.rx-btn--base_gray_offwhite:active {
  background: #d6d6d6;
  color: #151515;
}
.rx-btn--outline {
  border: 2px solid #C4C4C4;
}
.rx-btn--outline--ocean {
  border: 2px solid #00B1AC !important;
  color: #00B1AC;
}
.rx-btn--outline--ocean:hover {
  background: #007e7a;
  border-color: #007e7a !important;
  color: #FFFFFF;
}
.rx-btn--outline--ocean_10 {
  border: 2px solid #00B2A2 !important;
  color: #00B2A2;
}
.rx-btn--outline--ocean_10:hover {
  background: #007f74;
  border-color: #007f74 !important;
  color: #FFFFFF;
}
.rx-btn--outline--ocean_20 {
  border: 2px solid #00968F !important;
  color: #00968F;
}
.rx-btn--outline--ocean_20:hover {
  background: #00635e;
  border-color: #00635e !important;
  color: #FFFFFF;
}
.rx-btn--outline--ocean_30 {
  border: 2px solid #007E78 !important;
  color: #007E78;
}
.rx-btn--outline--ocean_30:hover {
  background: #004b47;
  border-color: #004b47 !important;
  color: #FFFFFF;
}
.rx-btn--outline--ocean_50 {
  border: 2px solid #006269 !important;
  color: #006269;
}
.rx-btn--outline--ocean_50:hover {
  background: #003236;
  border-color: #003236 !important;
  color: #FFFFFF;
}
.rx-btn--outline--sapphire {
  border: 2px solid #005A6F !important;
  color: #005A6F;
}
.rx-btn--outline--sapphire:hover {
  background: #00313c;
  border-color: #00313c !important;
  color: #FFFFFF;
}
.rx-btn--outline--sapphire_10 {
  border: 2px solid #97DCDB !important;
  color: #97DCDB;
}
.rx-btn--outline--sapphire_10:hover {
  background: #71cfce;
  border-color: #71cfce !important;
  color: #FFFFFF;
}
.rx-btn--outline--sapphire_20 {
  border: 2px solid #6AC5D6 !important;
  color: #6AC5D6;
}
.rx-btn--outline--sapphire_20:hover {
  background: #42b5cb;
  border-color: #42b5cb !important;
  color: #FFFFFF;
}
.rx-btn--outline--sapphire_30 {
  border: 2px solid #0097A9 !important;
  color: #0097A9;
}
.rx-btn--outline--sapphire_30:hover {
  background: #006976;
  border-color: #006976 !important;
  color: #FFFFFF;
}
.rx-btn--outline--yellow {
  border: 2px solid #ffb800 !important;
  color: #ffb800;
}
.rx-btn--outline--yellow:hover {
  background: #cc9300;
  border-color: #cc9300 !important;
  color: #FFFFFF;
}
.rx-btn--outline--yellow_10 {
  border: 2px solid #F2CA00 !important;
  color: #F2CA00;
}
.rx-btn--outline--yellow_10:hover {
  background: #bf9f00;
  border-color: #bf9f00 !important;
  color: #FFFFFF;
}
.rx-btn--outline--yellow_20 {
  border: 2px solid #DAAA00 !important;
  color: #DAAA00;
}
.rx-btn--outline--yellow_20:hover {
  background: #a78200;
  border-color: #a78200 !important;
  color: #FFFFFF;
}
.rx-btn--outline--yellow_30 {
  border: 2px solid #DA9D00 !important;
  color: #DA9D00;
}
.rx-btn--outline--yellow_30:hover {
  background: #a77800;
  border-color: #a77800 !important;
  color: #FFFFFF;
}
.rx-btn--outline--yellow_50 {
  border: 2px solid #D78825 !important;
  color: #D78825;
}
.rx-btn--outline--yellow_50:hover {
  background: #ab6c1e;
  border-color: #ab6c1e !important;
  color: #FFFFFF;
}
.rx-btn--outline--yellow_bk {
  border: 2px solid #FDEEC9 !important;
  color: #FDEEC9;
}
.rx-btn--outline--yellow_bk:hover {
  background: #fbdf98;
  border-color: #fbdf98 !important;
  color: #FFFFFF;
}
.rx-btn--outline--marine {
  border: 2px solid #071d49 !important;
  color: #071d49;
}
.rx-btn--outline--marine:hover {
  background: #030b1a;
  border-color: #030b1a !important;
  color: #FFFFFF;
}
.rx-btn--outline--marine_10 {
  border: 2px solid #7BAFD4 !important;
  color: #7BAFD4;
}
.rx-btn--outline--marine_10:hover {
  background: #5598c7;
  border-color: #5598c7 !important;
  color: #FFFFFF;
}
.rx-btn--outline--marine_20 {
  border: 2px solid #006BA6 !important;
  color: #006BA6;
}
.rx-btn--outline--marine_20:hover {
  background: #004a73;
  border-color: #004a73 !important;
  color: #FFFFFF;
}
.rx-btn--outline--marine_30 {
  border: 2px solid #005895 !important;
  color: #005895;
}
.rx-btn--outline--marine_30:hover {
  background: #003a62;
  border-color: #003a62 !important;
  color: #FFFFFF;
}
.rx-btn--outline--bw {
  border: 2px solid #151515 !important;
  color: #151515;
}
.rx-btn--outline--bw:hover {
  background: black;
  border-color: black !important;
  color: #FFFFFF;
}
.rx-btn--outline--bw_white {
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF;
}
.rx-btn--outline--bw_white:hover {
  background: #e6e6e6;
  border-color: #e6e6e6 !important;
  color: #FFFFFF;
}
.rx-btn--outline--bw_20 {
  border: 2px solid #C4C4C4 !important;
  color: #C4C4C4;
}
.rx-btn--outline--bw_20:hover {
  background: #ababab;
  border-color: #ababab !important;
  color: #FFFFFF;
}
.rx-btn--outline--bw_30 {
  border: 2px solid #656565 !important;
  color: #656565;
}
.rx-btn--outline--bw_30:hover {
  background: #4c4c4c;
  border-color: #4c4c4c !important;
  color: #FFFFFF;
}
.rx-btn--outline--red {
  border: 2px solid #F04F50 !important;
  color: #F04F50;
}
.rx-btn--outline--red:hover {
  background: #ec2021;
  border-color: #ec2021 !important;
  color: #FFFFFF;
}
.rx-btn--outline--red_20 {
  border: 2px solid #CF3D43 !important;
  color: #CF3D43;
}
.rx-btn--outline--red_20:hover {
  background: #ae2b30;
  border-color: #ae2b30 !important;
  color: #FFFFFF;
}
.rx-btn--outline--red_30 {
  border: 2px solid #A8151B !important;
  color: #A8151B;
}
.rx-btn--outline--red_30:hover {
  background: #7b0f14;
  border-color: #7b0f14 !important;
  color: #FFFFFF;
}
.rx-btn--outline--red_50 {
  border: 2px solid #006269 !important;
  color: #006269;
}
.rx-btn--outline--red_50:hover {
  background: #003236;
  border-color: #003236 !important;
  color: #FFFFFF;
}
.rx-btn--outline--green {
  border: 2px solid #1FA42C !important;
  color: #1FA42C;
}
.rx-btn--outline--green:hover {
  background: #177920;
  border-color: #177920 !important;
  color: #FFFFFF;
}
.rx-btn--outline--green_10 {
  border: 2px solid #C9FDCE !important;
  color: #C9FDCE;
}
.rx-btn--outline--green_10:hover {
  background: #98fba1;
  border-color: #98fba1 !important;
  color: #FFFFFF;
}
.rx-btn--outline--base_gray {
  border: 2px solid #142b20 !important;
  color: #142b20;
}
.rx-btn--outline--base_gray:hover {
  background: #040806;
  border-color: #040806 !important;
  color: #FFFFFF;
}
.rx-btn--outline--base_gray_body {
  border: 2px solid #4b665c !important;
  color: #4b665c;
}
.rx-btn--outline--base_gray_body:hover {
  background: #354941;
  border-color: #354941 !important;
  color: #FFFFFF;
}
.rx-btn--outline--base_gray_label {
  border: 2px solid #6e9186 !important;
  color: #6e9186;
}
.rx-btn--outline--base_gray_label:hover {
  background: #58746b;
  border-color: #58746b !important;
  color: #FFFFFF;
}
.rx-btn--outline--base_gray_placeholder {
  border: 2px solid #a0bdb3 !important;
  color: #a0bdb3;
}
.rx-btn--outline--base_gray_placeholder:hover {
  background: #82a89b;
  border-color: #82a89b !important;
  color: #FFFFFF;
}
.rx-btn--outline--base_gray_line {
  border: 2px solid #d9e9e2 !important;
  color: #d9e9e2;
}
.rx-btn--outline--base_gray_line:hover {
  background: #b9d6c9;
  border-color: #b9d6c9 !important;
  color: #FFFFFF;
}
.rx-btn--outline--base_gray_input {
  border: 2px solid #eff6f5 !important;
  color: #eff6f5;
}
.rx-btn--outline--base_gray_input:hover {
  background: #cee4e1;
  border-color: #cee4e1 !important;
  color: #FFFFFF;
}
.rx-btn--outline--base_gray_background {
  border: 2px solid #f7fcfa !important;
  color: #f7fcfa;
}
.rx-btn--outline--base_gray_background:hover {
  background: #d2eee3;
  border-color: #d2eee3 !important;
  color: #FFFFFF;
}
.rx-btn--outline--base_gray_offwhite {
  border: 2px solid #fcfcfc !important;
  color: #fcfcfc;
}
.rx-btn--outline--base_gray_offwhite:hover {
  background: #e3e3e3;
  border-color: #e3e3e3 !important;
  color: #FFFFFF;
}
.rx-btn--block {
  display: block;
  width: 100%;
}

.rx-btn-cancel {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  cursor: pointer;
  height: 42px;
  min-width: 160px;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  color: #151515;
  border: 2px solid #C4C4C4;
  border-radius: 12px;
  padding: 6px 32px;
}
.rx-btn-cancel:hover {
  background: #C4C4C4;
}
.rx-btn-cancel:active {
  background: #C4C4C4;
  color: #151515;
  border: 2px solid #C4C4C4;
}

.rx-btn-logs {
  white-space: nowrap;
  cursor: pointer;
  height: 32px;
  min-width: 141px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 17px !important;
  background: #00b1ac;
  border: none;
  border-radius: 5px;
}

.rx-btn-ds-ocean {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #00B1AC;
  color: #FFF;
  padding: 7px 32px;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  border: none;
  height: 42px;
  font-size: 1rem;
}
.rx-btn-ds-ocean:hover {
  background: #008C9C;
  color: #FFF;
}
.rx-btn-ds-ocean:active {
  background: #006269;
  color: #FFF;
}
.rx-btn-ds-ocean--block {
  display: block;
  width: 100%;
}
.rx-btn-ds-ocean--large {
  padding: 16px 24px;
  height: 58px;
}
.rx-btn-ds-ocean--small {
  font-size: 0.75rem;
  height: 32px;
  border-radius: 8px !important;
}
.rx-btn-ds-ocean--rd-5 {
  border-radius: 5px !important;
  padding: 0px 16px !important;
}

.rx-navbar-top {
  background-color: #FFF;
  padding: 10px 32px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.rx-navbar-top .rx-logo {
  width: 107px;
}

.sidebar ul li a {
  font-family: "Open Sans", sans-serif;
}

.rx-design h6 {
  font-size: 1.25rem;
}
.rx-design h5 {
  font-size: 1.5625rem;
}
.rx-design h4 {
  font-size: 1.953125rem;
}
.rx-design h3 {
  font-size: 2.44140625rem;
}
.rx-design h2 {
  font-size: 3.0517578125rem;
}
.rx-design h1 {
  font-size: 3.8146972656rem;
}

ul.steps {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  list-style: none;
}
ul.steps li {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
  overflow: hidden;
}
ul.steps li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 50%;
  width: 110%;
  height: 2px;
  display: block;
  background: #C4C4C4;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
ul.steps li:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 50%;
  width: 0%;
  height: 2px;
  display: block;
  background: #00B1AC;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
ul.steps li:not(.active):not(.active ~ li) a {
  color: #00B1AC;
}
ul.steps li:not(.active):not(.active ~ li) a small {
  background: #00B1AC;
  color: #FFFFFF;
  border-color: #00B1AC;
}
ul.steps li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps li.active a {
  color: #00B1AC;
}
ul.steps li.active a small {
  border-color: #00B1AC;
}
ul.steps li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps li.active.processing a {
  color: #00B1AC;
}
ul.steps li.active.processing a small {
  background: #00B1AC;
  color: #FFFFFF;
  border-color: #00B1AC;
}
ul.steps li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps li:first-child:after, ul.steps li:first-child:before {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  max-width: 51%;
}
ul.steps li:last-child:after, ul.steps li:last-child:before {
  left: 0;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  max-width: 51%;
}
ul.steps li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #C4C4C4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
ul.steps li a small {
  width: 28px;
  height: 28px;
  background: #fff;
  border: 2px solid #C4C4C4;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
ul.steps li a:hover {
  color: #00B1AC;
}
ul.steps li a:hover small {
  border-color: #00B1AC;
}
ul.steps--ocean li:before {
  background: #C4C4C4;
}
ul.steps--ocean li:after {
  background: #00B1AC;
}
ul.steps--ocean li:not(.active):not(.active ~ li) a {
  color: #00B1AC;
}
ul.steps--ocean li:not(.active):not(.active ~ li) a small {
  background: #00B1AC;
  color: #FFFFFF;
  border-color: #00B1AC;
}
ul.steps--ocean li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--ocean li.active a {
  color: #00B1AC;
}
ul.steps--ocean li.active a small {
  border-color: #00B1AC;
}
ul.steps--ocean li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--ocean li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--ocean li.active.processing a {
  color: #00B1AC;
}
ul.steps--ocean li.active.processing a small {
  background: #00B1AC;
  color: #FFFFFF;
  border-color: #00B1AC;
}
ul.steps--ocean li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--ocean a:hover {
  color: #00B1AC !important;
}
ul.steps--ocean a:hover small {
  border-color: #00B1AC !important;
}
ul.steps--ocean_10 li:before {
  background: #C4C4C4;
}
ul.steps--ocean_10 li:after {
  background: #00B2A2;
}
ul.steps--ocean_10 li:not(.active):not(.active ~ li) a {
  color: #00B2A2;
}
ul.steps--ocean_10 li:not(.active):not(.active ~ li) a small {
  background: #00B2A2;
  color: #FFFFFF;
  border-color: #00B2A2;
}
ul.steps--ocean_10 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--ocean_10 li.active a {
  color: #00B2A2;
}
ul.steps--ocean_10 li.active a small {
  border-color: #00B2A2;
}
ul.steps--ocean_10 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--ocean_10 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--ocean_10 li.active.processing a {
  color: #00B2A2;
}
ul.steps--ocean_10 li.active.processing a small {
  background: #00B2A2;
  color: #FFFFFF;
  border-color: #00B2A2;
}
ul.steps--ocean_10 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--ocean_10 a:hover {
  color: #00B2A2 !important;
}
ul.steps--ocean_10 a:hover small {
  border-color: #00B2A2 !important;
}
ul.steps--ocean_20 li:before {
  background: #C4C4C4;
}
ul.steps--ocean_20 li:after {
  background: #00968F;
}
ul.steps--ocean_20 li:not(.active):not(.active ~ li) a {
  color: #00968F;
}
ul.steps--ocean_20 li:not(.active):not(.active ~ li) a small {
  background: #00968F;
  color: #FFFFFF;
  border-color: #00968F;
}
ul.steps--ocean_20 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--ocean_20 li.active a {
  color: #00968F;
}
ul.steps--ocean_20 li.active a small {
  border-color: #00968F;
}
ul.steps--ocean_20 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--ocean_20 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--ocean_20 li.active.processing a {
  color: #00968F;
}
ul.steps--ocean_20 li.active.processing a small {
  background: #00968F;
  color: #FFFFFF;
  border-color: #00968F;
}
ul.steps--ocean_20 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--ocean_20 a:hover {
  color: #00968F !important;
}
ul.steps--ocean_20 a:hover small {
  border-color: #00968F !important;
}
ul.steps--ocean_30 li:before {
  background: #C4C4C4;
}
ul.steps--ocean_30 li:after {
  background: #007E78;
}
ul.steps--ocean_30 li:not(.active):not(.active ~ li) a {
  color: #007E78;
}
ul.steps--ocean_30 li:not(.active):not(.active ~ li) a small {
  background: #007E78;
  color: #FFFFFF;
  border-color: #007E78;
}
ul.steps--ocean_30 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--ocean_30 li.active a {
  color: #007E78;
}
ul.steps--ocean_30 li.active a small {
  border-color: #007E78;
}
ul.steps--ocean_30 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--ocean_30 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--ocean_30 li.active.processing a {
  color: #007E78;
}
ul.steps--ocean_30 li.active.processing a small {
  background: #007E78;
  color: #FFFFFF;
  border-color: #007E78;
}
ul.steps--ocean_30 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--ocean_30 a:hover {
  color: #007E78 !important;
}
ul.steps--ocean_30 a:hover small {
  border-color: #007E78 !important;
}
ul.steps--ocean_50 li:before {
  background: #C4C4C4;
}
ul.steps--ocean_50 li:after {
  background: #006269;
}
ul.steps--ocean_50 li:not(.active):not(.active ~ li) a {
  color: #006269;
}
ul.steps--ocean_50 li:not(.active):not(.active ~ li) a small {
  background: #006269;
  color: #FFFFFF;
  border-color: #006269;
}
ul.steps--ocean_50 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--ocean_50 li.active a {
  color: #006269;
}
ul.steps--ocean_50 li.active a small {
  border-color: #006269;
}
ul.steps--ocean_50 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--ocean_50 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--ocean_50 li.active.processing a {
  color: #006269;
}
ul.steps--ocean_50 li.active.processing a small {
  background: #006269;
  color: #FFFFFF;
  border-color: #006269;
}
ul.steps--ocean_50 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--ocean_50 a:hover {
  color: #006269 !important;
}
ul.steps--ocean_50 a:hover small {
  border-color: #006269 !important;
}
ul.steps--sapphire li:before {
  background: #C4C4C4;
}
ul.steps--sapphire li:after {
  background: #005A6F;
}
ul.steps--sapphire li:not(.active):not(.active ~ li) a {
  color: #005A6F;
}
ul.steps--sapphire li:not(.active):not(.active ~ li) a small {
  background: #005A6F;
  color: #FFFFFF;
  border-color: #005A6F;
}
ul.steps--sapphire li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--sapphire li.active a {
  color: #005A6F;
}
ul.steps--sapphire li.active a small {
  border-color: #005A6F;
}
ul.steps--sapphire li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--sapphire li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--sapphire li.active.processing a {
  color: #005A6F;
}
ul.steps--sapphire li.active.processing a small {
  background: #005A6F;
  color: #FFFFFF;
  border-color: #005A6F;
}
ul.steps--sapphire li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--sapphire a:hover {
  color: #005A6F !important;
}
ul.steps--sapphire a:hover small {
  border-color: #005A6F !important;
}
ul.steps--sapphire_10 li:before {
  background: #C4C4C4;
}
ul.steps--sapphire_10 li:after {
  background: #97DCDB;
}
ul.steps--sapphire_10 li:not(.active):not(.active ~ li) a {
  color: #97DCDB;
}
ul.steps--sapphire_10 li:not(.active):not(.active ~ li) a small {
  background: #97DCDB;
  color: #FFFFFF;
  border-color: #97DCDB;
}
ul.steps--sapphire_10 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--sapphire_10 li.active a {
  color: #97DCDB;
}
ul.steps--sapphire_10 li.active a small {
  border-color: #97DCDB;
}
ul.steps--sapphire_10 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--sapphire_10 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--sapphire_10 li.active.processing a {
  color: #97DCDB;
}
ul.steps--sapphire_10 li.active.processing a small {
  background: #97DCDB;
  color: #FFFFFF;
  border-color: #97DCDB;
}
ul.steps--sapphire_10 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--sapphire_10 a:hover {
  color: #97DCDB !important;
}
ul.steps--sapphire_10 a:hover small {
  border-color: #97DCDB !important;
}
ul.steps--sapphire_20 li:before {
  background: #C4C4C4;
}
ul.steps--sapphire_20 li:after {
  background: #6AC5D6;
}
ul.steps--sapphire_20 li:not(.active):not(.active ~ li) a {
  color: #6AC5D6;
}
ul.steps--sapphire_20 li:not(.active):not(.active ~ li) a small {
  background: #6AC5D6;
  color: #FFFFFF;
  border-color: #6AC5D6;
}
ul.steps--sapphire_20 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--sapphire_20 li.active a {
  color: #6AC5D6;
}
ul.steps--sapphire_20 li.active a small {
  border-color: #6AC5D6;
}
ul.steps--sapphire_20 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--sapphire_20 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--sapphire_20 li.active.processing a {
  color: #6AC5D6;
}
ul.steps--sapphire_20 li.active.processing a small {
  background: #6AC5D6;
  color: #FFFFFF;
  border-color: #6AC5D6;
}
ul.steps--sapphire_20 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--sapphire_20 a:hover {
  color: #6AC5D6 !important;
}
ul.steps--sapphire_20 a:hover small {
  border-color: #6AC5D6 !important;
}
ul.steps--sapphire_30 li:before {
  background: #C4C4C4;
}
ul.steps--sapphire_30 li:after {
  background: #0097A9;
}
ul.steps--sapphire_30 li:not(.active):not(.active ~ li) a {
  color: #0097A9;
}
ul.steps--sapphire_30 li:not(.active):not(.active ~ li) a small {
  background: #0097A9;
  color: #FFFFFF;
  border-color: #0097A9;
}
ul.steps--sapphire_30 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--sapphire_30 li.active a {
  color: #0097A9;
}
ul.steps--sapphire_30 li.active a small {
  border-color: #0097A9;
}
ul.steps--sapphire_30 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--sapphire_30 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--sapphire_30 li.active.processing a {
  color: #0097A9;
}
ul.steps--sapphire_30 li.active.processing a small {
  background: #0097A9;
  color: #FFFFFF;
  border-color: #0097A9;
}
ul.steps--sapphire_30 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--sapphire_30 a:hover {
  color: #0097A9 !important;
}
ul.steps--sapphire_30 a:hover small {
  border-color: #0097A9 !important;
}
ul.steps--yellow li:before {
  background: #C4C4C4;
}
ul.steps--yellow li:after {
  background: #ffb800;
}
ul.steps--yellow li:not(.active):not(.active ~ li) a {
  color: #ffb800;
}
ul.steps--yellow li:not(.active):not(.active ~ li) a small {
  background: #ffb800;
  color: #FFFFFF;
  border-color: #ffb800;
}
ul.steps--yellow li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--yellow li.active a {
  color: #ffb800;
}
ul.steps--yellow li.active a small {
  border-color: #ffb800;
}
ul.steps--yellow li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--yellow li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--yellow li.active.processing a {
  color: #ffb800;
}
ul.steps--yellow li.active.processing a small {
  background: #ffb800;
  color: #FFFFFF;
  border-color: #ffb800;
}
ul.steps--yellow li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--yellow a:hover {
  color: #ffb800 !important;
}
ul.steps--yellow a:hover small {
  border-color: #ffb800 !important;
}
ul.steps--yellow_10 li:before {
  background: #C4C4C4;
}
ul.steps--yellow_10 li:after {
  background: #F2CA00;
}
ul.steps--yellow_10 li:not(.active):not(.active ~ li) a {
  color: #F2CA00;
}
ul.steps--yellow_10 li:not(.active):not(.active ~ li) a small {
  background: #F2CA00;
  color: #FFFFFF;
  border-color: #F2CA00;
}
ul.steps--yellow_10 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--yellow_10 li.active a {
  color: #F2CA00;
}
ul.steps--yellow_10 li.active a small {
  border-color: #F2CA00;
}
ul.steps--yellow_10 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--yellow_10 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--yellow_10 li.active.processing a {
  color: #F2CA00;
}
ul.steps--yellow_10 li.active.processing a small {
  background: #F2CA00;
  color: #FFFFFF;
  border-color: #F2CA00;
}
ul.steps--yellow_10 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--yellow_10 a:hover {
  color: #F2CA00 !important;
}
ul.steps--yellow_10 a:hover small {
  border-color: #F2CA00 !important;
}
ul.steps--yellow_20 li:before {
  background: #C4C4C4;
}
ul.steps--yellow_20 li:after {
  background: #DAAA00;
}
ul.steps--yellow_20 li:not(.active):not(.active ~ li) a {
  color: #DAAA00;
}
ul.steps--yellow_20 li:not(.active):not(.active ~ li) a small {
  background: #DAAA00;
  color: #FFFFFF;
  border-color: #DAAA00;
}
ul.steps--yellow_20 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--yellow_20 li.active a {
  color: #DAAA00;
}
ul.steps--yellow_20 li.active a small {
  border-color: #DAAA00;
}
ul.steps--yellow_20 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--yellow_20 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--yellow_20 li.active.processing a {
  color: #DAAA00;
}
ul.steps--yellow_20 li.active.processing a small {
  background: #DAAA00;
  color: #FFFFFF;
  border-color: #DAAA00;
}
ul.steps--yellow_20 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--yellow_20 a:hover {
  color: #DAAA00 !important;
}
ul.steps--yellow_20 a:hover small {
  border-color: #DAAA00 !important;
}
ul.steps--yellow_30 li:before {
  background: #C4C4C4;
}
ul.steps--yellow_30 li:after {
  background: #DA9D00;
}
ul.steps--yellow_30 li:not(.active):not(.active ~ li) a {
  color: #DA9D00;
}
ul.steps--yellow_30 li:not(.active):not(.active ~ li) a small {
  background: #DA9D00;
  color: #FFFFFF;
  border-color: #DA9D00;
}
ul.steps--yellow_30 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--yellow_30 li.active a {
  color: #DA9D00;
}
ul.steps--yellow_30 li.active a small {
  border-color: #DA9D00;
}
ul.steps--yellow_30 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--yellow_30 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--yellow_30 li.active.processing a {
  color: #DA9D00;
}
ul.steps--yellow_30 li.active.processing a small {
  background: #DA9D00;
  color: #FFFFFF;
  border-color: #DA9D00;
}
ul.steps--yellow_30 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--yellow_30 a:hover {
  color: #DA9D00 !important;
}
ul.steps--yellow_30 a:hover small {
  border-color: #DA9D00 !important;
}
ul.steps--yellow_50 li:before {
  background: #C4C4C4;
}
ul.steps--yellow_50 li:after {
  background: #D78825;
}
ul.steps--yellow_50 li:not(.active):not(.active ~ li) a {
  color: #D78825;
}
ul.steps--yellow_50 li:not(.active):not(.active ~ li) a small {
  background: #D78825;
  color: #FFFFFF;
  border-color: #D78825;
}
ul.steps--yellow_50 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--yellow_50 li.active a {
  color: #D78825;
}
ul.steps--yellow_50 li.active a small {
  border-color: #D78825;
}
ul.steps--yellow_50 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--yellow_50 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--yellow_50 li.active.processing a {
  color: #D78825;
}
ul.steps--yellow_50 li.active.processing a small {
  background: #D78825;
  color: #FFFFFF;
  border-color: #D78825;
}
ul.steps--yellow_50 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--yellow_50 a:hover {
  color: #D78825 !important;
}
ul.steps--yellow_50 a:hover small {
  border-color: #D78825 !important;
}
ul.steps--yellow_bk li:before {
  background: #C4C4C4;
}
ul.steps--yellow_bk li:after {
  background: #FDEEC9;
}
ul.steps--yellow_bk li:not(.active):not(.active ~ li) a {
  color: #FDEEC9;
}
ul.steps--yellow_bk li:not(.active):not(.active ~ li) a small {
  background: #FDEEC9;
  color: #FFFFFF;
  border-color: #FDEEC9;
}
ul.steps--yellow_bk li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--yellow_bk li.active a {
  color: #FDEEC9;
}
ul.steps--yellow_bk li.active a small {
  border-color: #FDEEC9;
}
ul.steps--yellow_bk li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--yellow_bk li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--yellow_bk li.active.processing a {
  color: #FDEEC9;
}
ul.steps--yellow_bk li.active.processing a small {
  background: #FDEEC9;
  color: #FFFFFF;
  border-color: #FDEEC9;
}
ul.steps--yellow_bk li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--yellow_bk a:hover {
  color: #FDEEC9 !important;
}
ul.steps--yellow_bk a:hover small {
  border-color: #FDEEC9 !important;
}
ul.steps--marine li:before {
  background: #C4C4C4;
}
ul.steps--marine li:after {
  background: #071d49;
}
ul.steps--marine li:not(.active):not(.active ~ li) a {
  color: #071d49;
}
ul.steps--marine li:not(.active):not(.active ~ li) a small {
  background: #071d49;
  color: #FFFFFF;
  border-color: #071d49;
}
ul.steps--marine li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--marine li.active a {
  color: #071d49;
}
ul.steps--marine li.active a small {
  border-color: #071d49;
}
ul.steps--marine li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--marine li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--marine li.active.processing a {
  color: #071d49;
}
ul.steps--marine li.active.processing a small {
  background: #071d49;
  color: #FFFFFF;
  border-color: #071d49;
}
ul.steps--marine li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--marine a:hover {
  color: #071d49 !important;
}
ul.steps--marine a:hover small {
  border-color: #071d49 !important;
}
ul.steps--marine_10 li:before {
  background: #C4C4C4;
}
ul.steps--marine_10 li:after {
  background: #7BAFD4;
}
ul.steps--marine_10 li:not(.active):not(.active ~ li) a {
  color: #7BAFD4;
}
ul.steps--marine_10 li:not(.active):not(.active ~ li) a small {
  background: #7BAFD4;
  color: #FFFFFF;
  border-color: #7BAFD4;
}
ul.steps--marine_10 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--marine_10 li.active a {
  color: #7BAFD4;
}
ul.steps--marine_10 li.active a small {
  border-color: #7BAFD4;
}
ul.steps--marine_10 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--marine_10 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--marine_10 li.active.processing a {
  color: #7BAFD4;
}
ul.steps--marine_10 li.active.processing a small {
  background: #7BAFD4;
  color: #FFFFFF;
  border-color: #7BAFD4;
}
ul.steps--marine_10 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--marine_10 a:hover {
  color: #7BAFD4 !important;
}
ul.steps--marine_10 a:hover small {
  border-color: #7BAFD4 !important;
}
ul.steps--marine_20 li:before {
  background: #C4C4C4;
}
ul.steps--marine_20 li:after {
  background: #006BA6;
}
ul.steps--marine_20 li:not(.active):not(.active ~ li) a {
  color: #006BA6;
}
ul.steps--marine_20 li:not(.active):not(.active ~ li) a small {
  background: #006BA6;
  color: #FFFFFF;
  border-color: #006BA6;
}
ul.steps--marine_20 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--marine_20 li.active a {
  color: #006BA6;
}
ul.steps--marine_20 li.active a small {
  border-color: #006BA6;
}
ul.steps--marine_20 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--marine_20 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--marine_20 li.active.processing a {
  color: #006BA6;
}
ul.steps--marine_20 li.active.processing a small {
  background: #006BA6;
  color: #FFFFFF;
  border-color: #006BA6;
}
ul.steps--marine_20 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--marine_20 a:hover {
  color: #006BA6 !important;
}
ul.steps--marine_20 a:hover small {
  border-color: #006BA6 !important;
}
ul.steps--marine_30 li:before {
  background: #C4C4C4;
}
ul.steps--marine_30 li:after {
  background: #005895;
}
ul.steps--marine_30 li:not(.active):not(.active ~ li) a {
  color: #005895;
}
ul.steps--marine_30 li:not(.active):not(.active ~ li) a small {
  background: #005895;
  color: #FFFFFF;
  border-color: #005895;
}
ul.steps--marine_30 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--marine_30 li.active a {
  color: #005895;
}
ul.steps--marine_30 li.active a small {
  border-color: #005895;
}
ul.steps--marine_30 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--marine_30 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--marine_30 li.active.processing a {
  color: #005895;
}
ul.steps--marine_30 li.active.processing a small {
  background: #005895;
  color: #FFFFFF;
  border-color: #005895;
}
ul.steps--marine_30 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--marine_30 a:hover {
  color: #005895 !important;
}
ul.steps--marine_30 a:hover small {
  border-color: #005895 !important;
}
ul.steps--bw li:before {
  background: #C4C4C4;
}
ul.steps--bw li:after {
  background: #151515;
}
ul.steps--bw li:not(.active):not(.active ~ li) a {
  color: #151515;
}
ul.steps--bw li:not(.active):not(.active ~ li) a small {
  background: #151515;
  color: #FFFFFF;
  border-color: #151515;
}
ul.steps--bw li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--bw li.active a {
  color: #151515;
}
ul.steps--bw li.active a small {
  border-color: #151515;
}
ul.steps--bw li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--bw li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--bw li.active.processing a {
  color: #151515;
}
ul.steps--bw li.active.processing a small {
  background: #151515;
  color: #FFFFFF;
  border-color: #151515;
}
ul.steps--bw li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--bw a:hover {
  color: #151515 !important;
}
ul.steps--bw a:hover small {
  border-color: #151515 !important;
}
ul.steps--bw_white li:before {
  background: #C4C4C4;
}
ul.steps--bw_white li:after {
  background: #FFFFFF;
}
ul.steps--bw_white li:not(.active):not(.active ~ li) a {
  color: #FFFFFF;
}
ul.steps--bw_white li:not(.active):not(.active ~ li) a small {
  background: #FFFFFF;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
ul.steps--bw_white li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--bw_white li.active a {
  color: #FFFFFF;
}
ul.steps--bw_white li.active a small {
  border-color: #FFFFFF;
}
ul.steps--bw_white li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--bw_white li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--bw_white li.active.processing a {
  color: #FFFFFF;
}
ul.steps--bw_white li.active.processing a small {
  background: #FFFFFF;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
ul.steps--bw_white li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--bw_white a:hover {
  color: #FFFFFF !important;
}
ul.steps--bw_white a:hover small {
  border-color: #FFFFFF !important;
}
ul.steps--bw_20 li:before {
  background: #C4C4C4;
}
ul.steps--bw_20 li:after {
  background: #C4C4C4;
}
ul.steps--bw_20 li:not(.active):not(.active ~ li) a {
  color: #C4C4C4;
}
ul.steps--bw_20 li:not(.active):not(.active ~ li) a small {
  background: #C4C4C4;
  color: #FFFFFF;
  border-color: #C4C4C4;
}
ul.steps--bw_20 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--bw_20 li.active a {
  color: #C4C4C4;
}
ul.steps--bw_20 li.active a small {
  border-color: #C4C4C4;
}
ul.steps--bw_20 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--bw_20 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--bw_20 li.active.processing a {
  color: #C4C4C4;
}
ul.steps--bw_20 li.active.processing a small {
  background: #C4C4C4;
  color: #FFFFFF;
  border-color: #C4C4C4;
}
ul.steps--bw_20 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--bw_20 a:hover {
  color: #C4C4C4 !important;
}
ul.steps--bw_20 a:hover small {
  border-color: #C4C4C4 !important;
}
ul.steps--bw_30 li:before {
  background: #C4C4C4;
}
ul.steps--bw_30 li:after {
  background: #656565;
}
ul.steps--bw_30 li:not(.active):not(.active ~ li) a {
  color: #656565;
}
ul.steps--bw_30 li:not(.active):not(.active ~ li) a small {
  background: #656565;
  color: #FFFFFF;
  border-color: #656565;
}
ul.steps--bw_30 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--bw_30 li.active a {
  color: #656565;
}
ul.steps--bw_30 li.active a small {
  border-color: #656565;
}
ul.steps--bw_30 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--bw_30 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--bw_30 li.active.processing a {
  color: #656565;
}
ul.steps--bw_30 li.active.processing a small {
  background: #656565;
  color: #FFFFFF;
  border-color: #656565;
}
ul.steps--bw_30 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--bw_30 a:hover {
  color: #656565 !important;
}
ul.steps--bw_30 a:hover small {
  border-color: #656565 !important;
}
ul.steps--red li:before {
  background: #C4C4C4;
}
ul.steps--red li:after {
  background: #F04F50;
}
ul.steps--red li:not(.active):not(.active ~ li) a {
  color: #F04F50;
}
ul.steps--red li:not(.active):not(.active ~ li) a small {
  background: #F04F50;
  color: #FFFFFF;
  border-color: #F04F50;
}
ul.steps--red li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--red li.active a {
  color: #F04F50;
}
ul.steps--red li.active a small {
  border-color: #F04F50;
}
ul.steps--red li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--red li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--red li.active.processing a {
  color: #F04F50;
}
ul.steps--red li.active.processing a small {
  background: #F04F50;
  color: #FFFFFF;
  border-color: #F04F50;
}
ul.steps--red li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--red a:hover {
  color: #F04F50 !important;
}
ul.steps--red a:hover small {
  border-color: #F04F50 !important;
}
ul.steps--red_20 li:before {
  background: #C4C4C4;
}
ul.steps--red_20 li:after {
  background: #CF3D43;
}
ul.steps--red_20 li:not(.active):not(.active ~ li) a {
  color: #CF3D43;
}
ul.steps--red_20 li:not(.active):not(.active ~ li) a small {
  background: #CF3D43;
  color: #FFFFFF;
  border-color: #CF3D43;
}
ul.steps--red_20 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--red_20 li.active a {
  color: #CF3D43;
}
ul.steps--red_20 li.active a small {
  border-color: #CF3D43;
}
ul.steps--red_20 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--red_20 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--red_20 li.active.processing a {
  color: #CF3D43;
}
ul.steps--red_20 li.active.processing a small {
  background: #CF3D43;
  color: #FFFFFF;
  border-color: #CF3D43;
}
ul.steps--red_20 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--red_20 a:hover {
  color: #CF3D43 !important;
}
ul.steps--red_20 a:hover small {
  border-color: #CF3D43 !important;
}
ul.steps--red_30 li:before {
  background: #C4C4C4;
}
ul.steps--red_30 li:after {
  background: #A8151B;
}
ul.steps--red_30 li:not(.active):not(.active ~ li) a {
  color: #A8151B;
}
ul.steps--red_30 li:not(.active):not(.active ~ li) a small {
  background: #A8151B;
  color: #FFFFFF;
  border-color: #A8151B;
}
ul.steps--red_30 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--red_30 li.active a {
  color: #A8151B;
}
ul.steps--red_30 li.active a small {
  border-color: #A8151B;
}
ul.steps--red_30 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--red_30 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--red_30 li.active.processing a {
  color: #A8151B;
}
ul.steps--red_30 li.active.processing a small {
  background: #A8151B;
  color: #FFFFFF;
  border-color: #A8151B;
}
ul.steps--red_30 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--red_30 a:hover {
  color: #A8151B !important;
}
ul.steps--red_30 a:hover small {
  border-color: #A8151B !important;
}
ul.steps--red_50 li:before {
  background: #C4C4C4;
}
ul.steps--red_50 li:after {
  background: #006269;
}
ul.steps--red_50 li:not(.active):not(.active ~ li) a {
  color: #006269;
}
ul.steps--red_50 li:not(.active):not(.active ~ li) a small {
  background: #006269;
  color: #FFFFFF;
  border-color: #006269;
}
ul.steps--red_50 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--red_50 li.active a {
  color: #006269;
}
ul.steps--red_50 li.active a small {
  border-color: #006269;
}
ul.steps--red_50 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--red_50 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--red_50 li.active.processing a {
  color: #006269;
}
ul.steps--red_50 li.active.processing a small {
  background: #006269;
  color: #FFFFFF;
  border-color: #006269;
}
ul.steps--red_50 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--red_50 a:hover {
  color: #006269 !important;
}
ul.steps--red_50 a:hover small {
  border-color: #006269 !important;
}
ul.steps--green li:before {
  background: #C4C4C4;
}
ul.steps--green li:after {
  background: #1FA42C;
}
ul.steps--green li:not(.active):not(.active ~ li) a {
  color: #1FA42C;
}
ul.steps--green li:not(.active):not(.active ~ li) a small {
  background: #1FA42C;
  color: #FFFFFF;
  border-color: #1FA42C;
}
ul.steps--green li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--green li.active a {
  color: #1FA42C;
}
ul.steps--green li.active a small {
  border-color: #1FA42C;
}
ul.steps--green li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--green li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--green li.active.processing a {
  color: #1FA42C;
}
ul.steps--green li.active.processing a small {
  background: #1FA42C;
  color: #FFFFFF;
  border-color: #1FA42C;
}
ul.steps--green li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--green a:hover {
  color: #1FA42C !important;
}
ul.steps--green a:hover small {
  border-color: #1FA42C !important;
}
ul.steps--green_10 li:before {
  background: #C4C4C4;
}
ul.steps--green_10 li:after {
  background: #C9FDCE;
}
ul.steps--green_10 li:not(.active):not(.active ~ li) a {
  color: #C9FDCE;
}
ul.steps--green_10 li:not(.active):not(.active ~ li) a small {
  background: #C9FDCE;
  color: #FFFFFF;
  border-color: #C9FDCE;
}
ul.steps--green_10 li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--green_10 li.active a {
  color: #C9FDCE;
}
ul.steps--green_10 li.active a small {
  border-color: #C9FDCE;
}
ul.steps--green_10 li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--green_10 li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--green_10 li.active.processing a {
  color: #C9FDCE;
}
ul.steps--green_10 li.active.processing a small {
  background: #C9FDCE;
  color: #FFFFFF;
  border-color: #C9FDCE;
}
ul.steps--green_10 li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--green_10 a:hover {
  color: #C9FDCE !important;
}
ul.steps--green_10 a:hover small {
  border-color: #C9FDCE !important;
}
ul.steps--base_gray li:before {
  background: #C4C4C4;
}
ul.steps--base_gray li:after {
  background: #142b20;
}
ul.steps--base_gray li:not(.active):not(.active ~ li) a {
  color: #142b20;
}
ul.steps--base_gray li:not(.active):not(.active ~ li) a small {
  background: #142b20;
  color: #FFFFFF;
  border-color: #142b20;
}
ul.steps--base_gray li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--base_gray li.active a {
  color: #142b20;
}
ul.steps--base_gray li.active a small {
  border-color: #142b20;
}
ul.steps--base_gray li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--base_gray li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--base_gray li.active.processing a {
  color: #142b20;
}
ul.steps--base_gray li.active.processing a small {
  background: #142b20;
  color: #FFFFFF;
  border-color: #142b20;
}
ul.steps--base_gray li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--base_gray a:hover {
  color: #142b20 !important;
}
ul.steps--base_gray a:hover small {
  border-color: #142b20 !important;
}
ul.steps--base_gray_body li:before {
  background: #C4C4C4;
}
ul.steps--base_gray_body li:after {
  background: #4b665c;
}
ul.steps--base_gray_body li:not(.active):not(.active ~ li) a {
  color: #4b665c;
}
ul.steps--base_gray_body li:not(.active):not(.active ~ li) a small {
  background: #4b665c;
  color: #FFFFFF;
  border-color: #4b665c;
}
ul.steps--base_gray_body li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--base_gray_body li.active a {
  color: #4b665c;
}
ul.steps--base_gray_body li.active a small {
  border-color: #4b665c;
}
ul.steps--base_gray_body li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--base_gray_body li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--base_gray_body li.active.processing a {
  color: #4b665c;
}
ul.steps--base_gray_body li.active.processing a small {
  background: #4b665c;
  color: #FFFFFF;
  border-color: #4b665c;
}
ul.steps--base_gray_body li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--base_gray_body a:hover {
  color: #4b665c !important;
}
ul.steps--base_gray_body a:hover small {
  border-color: #4b665c !important;
}
ul.steps--base_gray_label li:before {
  background: #C4C4C4;
}
ul.steps--base_gray_label li:after {
  background: #6e9186;
}
ul.steps--base_gray_label li:not(.active):not(.active ~ li) a {
  color: #6e9186;
}
ul.steps--base_gray_label li:not(.active):not(.active ~ li) a small {
  background: #6e9186;
  color: #FFFFFF;
  border-color: #6e9186;
}
ul.steps--base_gray_label li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--base_gray_label li.active a {
  color: #6e9186;
}
ul.steps--base_gray_label li.active a small {
  border-color: #6e9186;
}
ul.steps--base_gray_label li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--base_gray_label li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--base_gray_label li.active.processing a {
  color: #6e9186;
}
ul.steps--base_gray_label li.active.processing a small {
  background: #6e9186;
  color: #FFFFFF;
  border-color: #6e9186;
}
ul.steps--base_gray_label li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--base_gray_label a:hover {
  color: #6e9186 !important;
}
ul.steps--base_gray_label a:hover small {
  border-color: #6e9186 !important;
}
ul.steps--base_gray_placeholder li:before {
  background: #C4C4C4;
}
ul.steps--base_gray_placeholder li:after {
  background: #a0bdb3;
}
ul.steps--base_gray_placeholder li:not(.active):not(.active ~ li) a {
  color: #a0bdb3;
}
ul.steps--base_gray_placeholder li:not(.active):not(.active ~ li) a small {
  background: #a0bdb3;
  color: #FFFFFF;
  border-color: #a0bdb3;
}
ul.steps--base_gray_placeholder li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--base_gray_placeholder li.active a {
  color: #a0bdb3;
}
ul.steps--base_gray_placeholder li.active a small {
  border-color: #a0bdb3;
}
ul.steps--base_gray_placeholder li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--base_gray_placeholder li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--base_gray_placeholder li.active.processing a {
  color: #a0bdb3;
}
ul.steps--base_gray_placeholder li.active.processing a small {
  background: #a0bdb3;
  color: #FFFFFF;
  border-color: #a0bdb3;
}
ul.steps--base_gray_placeholder li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--base_gray_placeholder a:hover {
  color: #a0bdb3 !important;
}
ul.steps--base_gray_placeholder a:hover small {
  border-color: #a0bdb3 !important;
}
ul.steps--base_gray_line li:before {
  background: #C4C4C4;
}
ul.steps--base_gray_line li:after {
  background: #d9e9e2;
}
ul.steps--base_gray_line li:not(.active):not(.active ~ li) a {
  color: #d9e9e2;
}
ul.steps--base_gray_line li:not(.active):not(.active ~ li) a small {
  background: #d9e9e2;
  color: #FFFFFF;
  border-color: #d9e9e2;
}
ul.steps--base_gray_line li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--base_gray_line li.active a {
  color: #d9e9e2;
}
ul.steps--base_gray_line li.active a small {
  border-color: #d9e9e2;
}
ul.steps--base_gray_line li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--base_gray_line li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--base_gray_line li.active.processing a {
  color: #d9e9e2;
}
ul.steps--base_gray_line li.active.processing a small {
  background: #d9e9e2;
  color: #FFFFFF;
  border-color: #d9e9e2;
}
ul.steps--base_gray_line li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--base_gray_line a:hover {
  color: #d9e9e2 !important;
}
ul.steps--base_gray_line a:hover small {
  border-color: #d9e9e2 !important;
}
ul.steps--base_gray_input li:before {
  background: #C4C4C4;
}
ul.steps--base_gray_input li:after {
  background: #eff6f5;
}
ul.steps--base_gray_input li:not(.active):not(.active ~ li) a {
  color: #eff6f5;
}
ul.steps--base_gray_input li:not(.active):not(.active ~ li) a small {
  background: #eff6f5;
  color: #FFFFFF;
  border-color: #eff6f5;
}
ul.steps--base_gray_input li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--base_gray_input li.active a {
  color: #eff6f5;
}
ul.steps--base_gray_input li.active a small {
  border-color: #eff6f5;
}
ul.steps--base_gray_input li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--base_gray_input li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--base_gray_input li.active.processing a {
  color: #eff6f5;
}
ul.steps--base_gray_input li.active.processing a small {
  background: #eff6f5;
  color: #FFFFFF;
  border-color: #eff6f5;
}
ul.steps--base_gray_input li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--base_gray_input a:hover {
  color: #eff6f5 !important;
}
ul.steps--base_gray_input a:hover small {
  border-color: #eff6f5 !important;
}
ul.steps--base_gray_background li:before {
  background: #C4C4C4;
}
ul.steps--base_gray_background li:after {
  background: #f7fcfa;
}
ul.steps--base_gray_background li:not(.active):not(.active ~ li) a {
  color: #f7fcfa;
}
ul.steps--base_gray_background li:not(.active):not(.active ~ li) a small {
  background: #f7fcfa;
  color: #FFFFFF;
  border-color: #f7fcfa;
}
ul.steps--base_gray_background li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--base_gray_background li.active a {
  color: #f7fcfa;
}
ul.steps--base_gray_background li.active a small {
  border-color: #f7fcfa;
}
ul.steps--base_gray_background li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--base_gray_background li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--base_gray_background li.active.processing a {
  color: #f7fcfa;
}
ul.steps--base_gray_background li.active.processing a small {
  background: #f7fcfa;
  color: #FFFFFF;
  border-color: #f7fcfa;
}
ul.steps--base_gray_background li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--base_gray_background a:hover {
  color: #f7fcfa !important;
}
ul.steps--base_gray_background a:hover small {
  border-color: #f7fcfa !important;
}
ul.steps--base_gray_offwhite li:before {
  background: #C4C4C4;
}
ul.steps--base_gray_offwhite li:after {
  background: #fcfcfc;
}
ul.steps--base_gray_offwhite li:not(.active):not(.active ~ li) a {
  color: #fcfcfc;
}
ul.steps--base_gray_offwhite li:not(.active):not(.active ~ li) a small {
  background: #fcfcfc;
  color: #FFFFFF;
  border-color: #fcfcfc;
}
ul.steps--base_gray_offwhite li:not(.active):not(.active ~ li):after {
  width: 100%;
}
ul.steps--base_gray_offwhite li.active a {
  color: #fcfcfc;
}
ul.steps--base_gray_offwhite li.active a small {
  border-color: #fcfcfc;
}
ul.steps--base_gray_offwhite li.active:not(:first-child):after {
  width: 50%;
  left: auto;
}
ul.steps--base_gray_offwhite li.active:last-child:after {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  left: 0;
}
ul.steps--base_gray_offwhite li.active.processing a {
  color: #fcfcfc;
}
ul.steps--base_gray_offwhite li.active.processing a small {
  background: #fcfcfc;
  color: #FFFFFF;
  border-color: #fcfcfc;
}
ul.steps--base_gray_offwhite li.active.processing:after {
  width: 100% !important;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
ul.steps--base_gray_offwhite a:hover {
  color: #fcfcfc !important;
}
ul.steps--base_gray_offwhite a:hover small {
  border-color: #fcfcfc !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFMSURBVHgBtVWBjcIwDMy/foBuQDf4EdoR2CAwQbtBuwFsACOwQVZgg7BBRzA2cqgxjhIhcZLVxnXOZ7tpncsAABq0AS2gRVixsM+jta4WTDgzQQ0otimRtkpdYNUd2oatY5+Mi1n1ipTUbl25up3Y807O5cdi9rKg+NIWXBw/IVXkaSaTdCZ4tWG0WsItmJVvK9rYOB7EQ60KnK2ETJowqj2B/cMfrpOioxJ2E/dnDKbrD9opE0O4oPUPTtGbztkl5+CN+P5ZvQjcOAMZcp+Jfc7r130LsL6DvatTW9OKhRTf2P+vgmioclA7tL1Ynw3yxHElgomzBEU8WupUFVOmep+OM1jt4KRWyXQYBuWTCdvkPLAjwudHOqk9yAff+QhlAnwFKb0FS1EQvH/o6X5ggpath/WXBdVVcltOUAdSO0Hp12SoT8oWpS6UCO+du1SIsrswDQAAAABJRU5ErkJggg==") !important;
  background-color: #F04F50;
}
#toast-container > .toast-error:hover {
  background-color: #CF3D43;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFDSURBVHgBnZQBccQgEEUzVRAJSDgJSIiDQ0IcgINqqINWwZ2DSNg6iIQt9D7JL+UCuZ3ZSWD/vuxCYBiemKqO0efot+iiu62Yc9HN0GsAegB6zPdATfSFktJ7iD4hltyiEyGdPK0eSULtuo5CHOXU4U3BcZdCHY4c9K9AC3jek8CT2dxwwpA74t3RMo48ISehF0AWgueNn9/i+ArtxxlofNyiJ+AFnuwLT5tE3/iK7YXq33/cUWzauieBIcE1+vsZKOLbfv0D6+MAZPO90Bo4L8VEQWF4D7Qo6ncpPjEIxZcZ3oQib4bmzgOptMXwQyhyZNPp4zZba4kFvAV1VIDJk4FaNhW4bUC5gMCBVHU+NaKvX0LSFGj/tbk2C6psmGCZrO4XfTpdvtAtXV3SmrdshXYceg3VpVbvuh8ixXv69+cj4A+6WI1Fq+/odAAAAABJRU5ErkJggg==") !important;
  background-color: #1FA42C;
  width: 340px;
}

#toast-container .toast {
  opacity: 1;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
#toast-container .toast:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
}
#toast-container button.toast-close-button {
  font-size: 1.6em;
  font-weight: 400;
  margin-right: 4px;
  top: 0;
}
#toast-container .toast-bottom-center {
  bottom: 32px;
}

#toast-container.toast-bottom-center > div {
  bottom: 10px;
  position: fixed;
  left: calc(50% - 340px/2 );
}

#toast-container.toast-bottom-center-course .toast {
  justify-content: flex-end !important;
  width: 224px !important;
}
#toast-container.toast-bottom-center-course [ng-bind-html="toaster.closeHtml"] {
  margin-left: auto;
}

#toast-container.toast-bottom-center-course > div {
  bottom: 10px;
  position: fixed;
  left: calc(50% - 340px/2 );
}

.rx-modal-padding {
  padding: 32px;
  border-radius: 16px;
}

.rx-forced-bw {
  color: #151515 !important;
}

.rx-forced-gray {
  color: #656565 !important;
}

.rx-forced-warn {
  color: #FF9100 !important;
}

.rx-forced-test-patient {
  background: #97dcdb !important;
  color: #005a6f;
}

.rx-forced-font-secondary {
  font-family: var(--font-secondary) !important;
}

.rx-forced-font-modal {
  font-family: "Montserrat" !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 25.6px !important;
  width: 310px !important;
  height: 52px !important;
  padding-left: 32px !important;
}

.font-span {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 700px;
  font-size: 12.8px;
  color: #4D4D4D;
}

.close-modal-button {
  width: 12px !important;
  height: 12px !important;
  margin-left: 48.5px !important;
}

.finish-modal-button {
  width: 171px !important;
}

.rx-fs-24px {
  font-size: 24px !important;
}

.rx-fs-21px {
  font-size: 21px !important;
}

.rx-fs-17px {
  font-size: 17.2px !important;
}

.rx-fs-12px-s {
  font-size: 12.8px !important;
  font-weight: bold;
}

.rx-fw-600 {
  font-weight: 600;
}

.rx-icon-modal-employee {
  width: 60px !important;
  height: 60px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2.5px solid #c4c4c4;
  border-radius: 75%;
  padding: 16px;
}

.rx-force--bg-base_gray_background {
  background-color: #f7fcfa;
}

.--saphire-popover {
  background-color: #005A6F;
  color: #FFF;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 1px 8px 8px 8px;
}
.--saphire-popover > .popover-inner > .popover-title {
  background-color: #005A6F;
  color: #FFF;
  font-family: var(--font-secondary);
}
.--saphire-popover > .arrow:after {
  border-top-color: #005A6F !important;
  left: 12px;
}

.--marine-popover {
  background-color: #005895;
  color: #FFF;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 9px 16px 16px 16px;
  max-width: 400px !important;
}
.--marine-popover > .popover-inner > .popover-title {
  background-color: #005895;
  color: #FFF;
  font-family: var(--font-secondary);
}
.--marine-popover[placement=top] > .arrow:after {
  border-top-color: #005895;
}

.--marine-popoverlegacy {
  background-color: #005895;
  color: #FFF;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  padding: 16px 16px 16px 16px;
  max-width: 400px !important;
}
.--marine-popoverlegacy > .popover-inner > .popover-title {
  background-color: #005895;
  color: #FFF;
  font-family: var(--font-secondary);
}
.--marine-popoverlegacy > .popover-inner > .popover-content {
  font-size: 12.8px;
  color: #FFF;
  font-family: var(--font-primary);
}
.--marine-popoverlegacy > .popover-inner > .popover-content > h4 {
  font-size: 16px;
  color: #FFF;
  font-family: var(--font-secondary);
}
.--marine-popoverlegacy[placement=top] > .arrow:after {
  border-top-color: #005895 !important;
}
.--marine-popoverlegacy[placement=right] > .arrow:after {
  border-right-color: #005895 !important;
}
.--marine-popoverlegacy[placement=bottom] > .arrow:after, .--marine-popoverlegacy[placement=bottom-center] > .arrow:after {
  border-bottom-color: #005895 !important;
}
.--marine-popoverlegacy[placement=left] > .arrow:after {
  border-left-color: #005895 !important;
}

.--marine-popoverlegacy-subHeader {
  margin-top: 16px;
  background-color: #004E8B;
  position: absolute;
}
.--marine-popoverlegacy-subHeader[placement=bottom] > .arrow:after, .--marine-popoverlegacy-subHeader[placement=bottom-center] > .arrow:after {
  border-bottom-color: #004E8B !important;
}

.--marine-popoverlegacy-color-forced {
  color: #005895 !important;
}

.--custom-popup-wrapper {
  position: absolute;
  border-radius: 8px;
  width: calc(100% - 30px);
  z-index: 50;
  display: block;
  background-color: #f9f9f9;
  padding-top: 4px;
  padding-bottom: 4px;
  box-sizing: border-box;
}

.typeahead-search-color-forced {
  color: #C4C4C4 !important;
}

.typeahead-crx > .--custom-popup-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  display: block;
  background-color: #f9f9f9;
  box-sizing: border-box;
}
.typeahead-crx > .message {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  color: #868686;
}
.typeahead-crx > .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 160px;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  box-sizing: border-box;
}
.typeahead-crx > .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.52857143;
  color: #151515;
  white-space: nowrap;
}
.typeahead-crx > .dropdown-menu > .active > a, .typeahead-crx > .dropdown-menu > .active > a:focus, .typeahead-crx > .dropdown-menu > .active > a:hover {
  color: #151515 !important;
  text-decoration: none;
  outline: 0;
  background-color: #eff6f5 !important;
}

.--no-pad {
  padding: 0 !important;
}

.--p-1 {
  padding: 8px;
}
.--p-2 {
  padding: 16px;
}
.--p-3 {
  padding: 24px;
}
.--p-4 {
  padding: 32px;
}
.--p-5 {
  padding: 40px;
}
.--pl-1 {
  padding-left: 8px;
}
.--pl-2 {
  padding-left: 16px;
}
.--pl-3 {
  padding-left: 24px;
}
.--pl-4 {
  padding-left: 32px;
}
.--pl-5 {
  padding-left: 40px;
}
.--pr-1 {
  padding-right: 8px;
}
.--pr-2 {
  padding-right: 16px;
}
.--pr-3 {
  padding-right: 24px;
}
.--pr-4 {
  padding-right: 32px;
}
.--pr-5 {
  padding-right: 40px;
}
.--pt-1 {
  padding-top: 8px;
}
.--pt-2 {
  padding-top: 16px;
}
.--pt-3 {
  padding-top: 24px;
}
.--pt-4 {
  padding-top: 32px;
}
.--pt-5 {
  padding-top: 40px;
}
.--pb-1 {
  padding-bottom: 8px;
}
.--pb-2 {
  padding-bottom: 16px;
}
.--pb-3 {
  padding-bottom: 24px;
}
.--pb-4 {
  padding-bottom: 32px;
}
.--pb-5 {
  padding-bottom: 40px;
}

.--no-margin {
  margin: 0 !important;
}

.--m-1 {
  margin: 8px;
}
.--m-2 {
  margin: 16px;
}
.--m-3 {
  margin: 24px;
}
.--m-4 {
  margin: 32px;
}
.--m-5 {
  margin: 40px;
}
.--ml-1 {
  margin-left: 8px;
}
.--ml-2 {
  margin-left: 16px;
}
.--ml-3 {
  margin-left: 24px;
}
.--ml-4 {
  margin-left: 32px;
}
.--ml-5 {
  margin-left: 40px;
}
.--mr-1 {
  margin-right: 8px;
}
.--mr-2 {
  margin-right: 16px;
}
.--mr-3 {
  margin-right: 24px;
}
.--mr-4 {
  margin-right: 32px;
}
.--mr-5 {
  margin-right: 40px;
}
.--mt-1 {
  margin-top: 8px;
}
.--mt-2 {
  margin-top: 16px;
}
.--mt-3 {
  margin-top: 24px;
}
.--mt-4 {
  margin-top: 32px;
}
.--mt-5 {
  margin-top: 40px;
}
.--mb-1 {
  margin-bottom: 8px;
}
.--mb-2 {
  margin-bottom: 16px;
}
.--mb-3 {
  margin-bottom: 24px;
}
.--mb-4 {
  margin-bottom: 32px;
}
.--mb-5 {
  margin-bottom: 40px;
}

.--rounded {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}

.--pill {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

.--text-left {
  text-align: left;
}
.--text-right {
  text-align: right;
}
.--text-center {
  text-align: center;
}
.--text-justify {
  text-align: justify;
}

div.progressBar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  list-style: none;
  width: 100%;
  height: 8px;
  background: #d9e9e2;
  border-radius: 10px;
  margin: 0.5rem;
}
div.progressBar .currentProgress-0 {
  width: 0%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-1 {
  width: 1%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-2 {
  width: 2%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-3 {
  width: 3%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-4 {
  width: 4%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-5 {
  width: 5%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-6 {
  width: 6%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-7 {
  width: 7%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-8 {
  width: 8%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-9 {
  width: 9%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-10 {
  width: 10%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-11 {
  width: 11%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-12 {
  width: 12%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-13 {
  width: 13%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-14 {
  width: 14%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-15 {
  width: 15%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-16 {
  width: 16%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-17 {
  width: 17%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-18 {
  width: 18%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-19 {
  width: 19%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-20 {
  width: 20%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-21 {
  width: 21%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-22 {
  width: 22%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-23 {
  width: 23%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-24 {
  width: 24%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-25 {
  width: 25%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-26 {
  width: 26%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-27 {
  width: 27%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-28 {
  width: 28%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-29 {
  width: 29%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-30 {
  width: 30%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-31 {
  width: 31%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-32 {
  width: 32%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-33 {
  width: 33%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-34 {
  width: 34%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-35 {
  width: 35%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-36 {
  width: 36%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-37 {
  width: 37%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-38 {
  width: 38%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-39 {
  width: 39%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-40 {
  width: 40%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-41 {
  width: 41%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-42 {
  width: 42%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-43 {
  width: 43%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-44 {
  width: 44%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-45 {
  width: 45%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-46 {
  width: 46%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-47 {
  width: 47%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-48 {
  width: 48%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-49 {
  width: 49%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-50 {
  width: 50%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-51 {
  width: 51%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-52 {
  width: 52%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-53 {
  width: 53%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-54 {
  width: 54%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-55 {
  width: 55%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-56 {
  width: 56%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-57 {
  width: 57%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-58 {
  width: 58%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-59 {
  width: 59%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-60 {
  width: 60%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-61 {
  width: 61%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-62 {
  width: 62%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-63 {
  width: 63%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-64 {
  width: 64%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-65 {
  width: 65%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-66 {
  width: 66%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-67 {
  width: 67%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-68 {
  width: 68%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-69 {
  width: 69%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-70 {
  width: 70%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-71 {
  width: 71%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-72 {
  width: 72%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-73 {
  width: 73%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-74 {
  width: 74%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-75 {
  width: 75%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-76 {
  width: 76%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-77 {
  width: 77%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-78 {
  width: 78%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-79 {
  width: 79%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-80 {
  width: 80%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-81 {
  width: 81%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-82 {
  width: 82%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-83 {
  width: 83%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-84 {
  width: 84%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-85 {
  width: 85%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-86 {
  width: 86%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-87 {
  width: 87%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-88 {
  width: 88%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-89 {
  width: 89%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-90 {
  width: 90%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-91 {
  width: 91%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-92 {
  width: 92%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-93 {
  width: 93%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-94 {
  width: 94%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-95 {
  width: 95%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-96 {
  width: 96%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-97 {
  width: 97%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-98 {
  width: 98%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-99 {
  width: 99%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar .currentProgress-100 {
  width: 100%;
  height: 8px;
  background: #00B2A2;
  box-sizing: border-box;
  border-radius: 10px;
}
div.progressBar--ocean > div {
  background: #00B1AC !important;
}
div.progressBar--ocean_10 > div {
  background: #00B2A2 !important;
}
div.progressBar--ocean_20 > div {
  background: #00968F !important;
}
div.progressBar--ocean_30 > div {
  background: #007E78 !important;
}
div.progressBar--ocean_50 > div {
  background: #006269 !important;
}
div.progressBar--sapphire > div {
  background: #005A6F !important;
}
div.progressBar--sapphire_10 > div {
  background: #97DCDB !important;
}
div.progressBar--sapphire_20 > div {
  background: #6AC5D6 !important;
}
div.progressBar--sapphire_30 > div {
  background: #0097A9 !important;
}
div.progressBar--yellow > div {
  background: #ffb800 !important;
}
div.progressBar--yellow_10 > div {
  background: #F2CA00 !important;
}
div.progressBar--yellow_20 > div {
  background: #DAAA00 !important;
}
div.progressBar--yellow_30 > div {
  background: #DA9D00 !important;
}
div.progressBar--yellow_50 > div {
  background: #D78825 !important;
}
div.progressBar--yellow_bk > div {
  background: #FDEEC9 !important;
}
div.progressBar--marine > div {
  background: #071d49 !important;
}
div.progressBar--marine_10 > div {
  background: #7BAFD4 !important;
}
div.progressBar--marine_20 > div {
  background: #006BA6 !important;
}
div.progressBar--marine_30 > div {
  background: #005895 !important;
}
div.progressBar--bw > div {
  background: #151515 !important;
}
div.progressBar--bw_white > div {
  background: #FFFFFF !important;
}
div.progressBar--bw_20 > div {
  background: #C4C4C4 !important;
}
div.progressBar--bw_30 > div {
  background: #656565 !important;
}
div.progressBar--red > div {
  background: #F04F50 !important;
}
div.progressBar--red_20 > div {
  background: #CF3D43 !important;
}
div.progressBar--red_30 > div {
  background: #A8151B !important;
}
div.progressBar--red_50 > div {
  background: #006269 !important;
}
div.progressBar--green > div {
  background: #1FA42C !important;
}
div.progressBar--green_10 > div {
  background: #C9FDCE !important;
}
div.progressBar--base_gray > div {
  background: #142b20 !important;
}
div.progressBar--base_gray_body > div {
  background: #4b665c !important;
}
div.progressBar--base_gray_label > div {
  background: #6e9186 !important;
}
div.progressBar--base_gray_placeholder > div {
  background: #a0bdb3 !important;
}
div.progressBar--base_gray_line > div {
  background: #d9e9e2 !important;
}
div.progressBar--base_gray_input > div {
  background: #eff6f5 !important;
}
div.progressBar--base_gray_background > div {
  background: #f7fcfa !important;
}
div.progressBar--base_gray_offwhite > div {
  background: #fcfcfc !important;
}

.tag {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  border-radius: 0.25rem;
  margin: 0.5rem;
  background: #E4E4E4;
  color: #656565;
  font-size: 0.75rem;
  width: 13.5rem;
}
.tag p {
  font-size: 0.75rem;
  margin: 0.25rem 1rem;
}
.tag--success {
  background: #C9FDCE;
  color: #1FA42C;
}
.tag--warn {
  background: #FDEEC9;
  color: #D78825;
}
.tag--error {
  background: #FDC9C9;
  color: #F04F50;
}

.scrollbar {
  overflow-y: auto;
  height: fit-content;
}

.scrollbar::-webkit-scrollbar-track {
  background-color: #d9e9e2;
}

.scrollbar::-webkit-scrollbar {
  width: 5px;
  background: #d9e9e2;
}

.scrollbar::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 14px;
}

.rx-alert {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #00B1AC;
  background: rgba(179, 227, 224, 0.16);
  font-family: var(--font-primary);
  font-size: 12.8px;
  line-height: 17px;
}
.rx-alert > p {
  color: #151515;
  margin: 0 8px 0 8px;
  flex: auto;
}
.rx-alert > p > a {
  color: #71a7dc;
}
.rx-alert > i {
  color: #00A199;
  font-weight: 400;
}
.rx-alert > a {
  cursor: pointer;
}
.rx-alert > a:hover {
  background: #FFFFFF !important;
}
.rx-alert > :last-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid;
  background: rgba(77, 189, 184, 0.16);
  border-radius: 16px;
  font-family: var(--font-primary);
  color: #00746B;
  padding: 4px 10px;
  gap: 8px;
  font-weight: 600;
  font-size: 12.8px;
  line-height: 17px;
}
.rx-alert > :last-child > :last-child {
  width: max-content;
}
.rx-alert > :last-child > :first-child {
  font-weight: 500;
}
.rx-alert--error {
  border-color: #F04F50;
}
.rx-alert--error > :first-child {
  color: #F04F50;
}
.rx-alert--error > :last-child, .rx-alert--error > :last-child:hover {
  background: rgba(251, 202, 203, 0.16);
  color: #F04F50;
}
.rx-alert--warning {
  border-color: #ffb800 !important;
}
.rx-alert--warning > :first-child {
  color: #ffb800;
}
.rx-alert--warning > :last-child, .rx-alert--warning > :last-child:hover {
  color: #FF9100;
  background: rgba(255, 234, 179, 0.16);
}

.rx-badge {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid;
  padding: 4px 10px;
  background-color: rgba(179, 227, 224, 0.16);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 12.8px;
  gap: 8px;
  width: max-content;
  line-height: 17px;
}
.rx-badge > :first-child {
  font-weight: 900;
}
.rx-badge--success {
  border-color: #1FA42C;
  color: #0A7810;
}

.rx-alert2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #00B1AC;
  background: rgba(179, 227, 224, 0.16);
  font-family: var(--font-primary);
  font-size: 12.8px;
  line-height: 17px;
  align-items: baseline !important;
}
.rx-alert2 > p {
  color: #151515;
  margin: 0 8px 0 16px;
  flex: auto;
}
.rx-alert2 > p > a {
  color: #71a7dc;
}
.rx-alert2 > i {
  color: #00A199;
  font-weight: 400;
}
.rx-alert2 > a {
  cursor: pointer;
}
.rx-alert2 > a:hover {
  background: #FFFFFF !important;
}
.rx-alert2 > :last-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: none;
  background: none;
  border-radius: 16px;
  font-family: var(--font-primary);
  color: #00746B;
  gap: 8px;
  font-weight: 600;
  font-size: 12.8px;
  line-height: 17px;
}
.rx-alert2 > :last-child > :last-child {
  width: max-content;
}
.rx-alert2 > :last-child > :first-child {
  font-weight: 500;
}
.rx-alert2--error {
  border-color: #F04F50;
}
.rx-alert2--error > :first-child {
  color: #F04F50;
}
.rx-alert2--error > :last-child, .rx-alert2--error > :last-child:hover {
  background: rgba(251, 202, 203, 0.16);
  color: #F04F50;
}
.rx-alert2--warning {
  background: #FFF7E3;
  margin-top: 0px;
  border-color: #ffb800 !important;
}
.rx-alert2--warning > :first-child {
  color: #5F595A;
}
.rx-alert2--warning > :last-child, .rx-alert2--warning > :last-child:hover {
  color: #5F595A;
  background: none;
  margin-left: 0px;
  font-size: 20px;
}