@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-back-to-top {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  border: 1px solid #7d8081;
  border-radius: 4px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 10px;
  font-weight: 500;
  height: 107px;
  line-height: 16px;
  text-transform: uppercase;
  width: 75px;
}
.ds-back-to-top:hover {
  background: #e7e7e7;
}
.ds-back-to-top-container {
  bottom: 127px;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  transition: z-index 0.2s ease-in-out, opacity 0.2s ease-in-out;
  z-index: -1;
}
.ds-back-to-top-container.ds--show {
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  z-index: 2;
}
.ds-back-to-top-wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 0;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0 auto;
  max-width: 1440px;
  padding-right: 40px;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-back-to-top-wrapper {
    padding-right: 15px;
  }
}
.ds-back-to-top-arrow {
  border-top: 1px solid;
  margin: 16px 0 28px;
  position: relative;
  width: 60%;
}
.ds-back-to-top-arrow:before {
  background: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/goToTop.svg") no-repeat;
  background-size: cover;
  content: "";
  height: 12px;
  left: 50%;
  position: absolute;
  top: 6px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 12px;
}

.embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #0077c8;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
  outline: 1px solid #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-contact-us-cards-container {
  margin-bottom: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 833px) {
  .ds-contact-us-cards-container {
    display: block;
  }
}
.ds-contact-us-cards-item {
  -ms-flex: 0 0 49%;
      flex: 0 0 49%;
  min-width: 49%;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-footer {
  font: 300 13px "Montserrat", Helvetica, Arial, sans-serif;
}
.ds-footer a {
  color: #d5d5d5;
}
.ds-footer-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 40px;
  width: 100%;
}
.ds-footer-logo-block {
  margin-bottom: 40px;
}
.ds-footer-logo {
  height: 41px;
  width: auto;
}
.ds-footer .ds-footer-title-link {
  color: #fff;
}
.ds-footer-sections {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 90px;
}
.ds-footer-sections-w {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.ds-footer-section {
  margin-left: 10px;
}
.ds-footer-section:first-child {
  margin-left: 0;
}
.ds-footer-account-info {
  box-sizing: border-box;
  margin-left: 7%;
  min-height: auto;
  padding-left: 7%;
  position: relative;
  width: 30%;
}
.ds-footer-account-info:after {
  border-left: 1px solid #7d8081;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: -20px;
}
.ds-footer-bottom-sections {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 34px;
  padding: 26px 0 20px;
  position: relative;
  width: 100%;
}
.ds-footer-link-w {
  margin-bottom: 14px;
}
.ds-footer-link-w.ds--hidden {
  display: none;
}
.ds-footer-link-w:last-child {
  margin-bottom: 0;
}
.ds-footer-section-link {
  display: block;
  line-height: 14px;
}
.ds-footer-title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 22px;
  white-space: nowrap;
}
.ds-footer-link.ds--hidden {
  display: none;
}
.ds-footer-copyright {
  color: #d5d5d5;
  margin-bottom: 12px;
  width: 100%;
}
.ds-footer-terms {
  width: 100%;
}
.ds-footer-w {
  background: #53585b;
  bottom: 0;
  color: #e7e7e7;
  width: 100%;
}
.ds-footer .ds-footer-signInButton {
  color: #272727;
}
.ds-footer-dont-have {
  font-size: 16px;
  font-weight: 500;
  margin: 15px 0 10px 0;
  white-space: nowrap;
}
.ds-footer-icon {
  fill: #fff;
  height: 25px;
  margin-right: 4px;
  position: relative;
  top: -1px;
  width: 25px;
}
.ds-footer .ds-footer-top {
  border-top: 1px solid #7d8081;
  padding-bottom: 40px;
}
.ds-footer .ds-footer-bottom {
  border-top: 1px solid #7d8081;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-footer-social {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.ds-footer-link-social {
  display: inline-block;
  margin-right: 16px;
}
.ds-footer-link-social:last-child {
  margin-right: 0;
}
.ds-footer-inviteButton {
  background-color: #f6a800;
  border-radius: 10px;
  color: inherit;
  font-size: 16px;
  padding: 15px 5px;
}
.ds-footer-bottomlink {
  margin-right: 16px;
}
.ds-footer-bottomlink:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1439px) {
  .ds-footer-sections {
    margin: 0 40px;
  }
  .ds-footer-account-info {
    margin-left: 7%;
    padding-left: 7%;
    width: 25%;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-footer-sections {
    margin: 0 30px;
  }
  .ds-footer-account-info {
    margin-left: 6%;
    padding-left: 6%;
    width: 25%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-footer-sections {
    display: none;
  }
  .ds-footer-copyright {
    margin-bottom: 30px;
    text-align: center;
  }
  .ds-footer-logo-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0;
  }
  .ds-footer .ds-footer-top {
    padding-bottom: 20px;
    padding-top: 30px;
  }
  .ds-footer .ds-footer-bottom {
    border: none;
    display: block;
  }
  .ds-footer-bottom-sections {
    border: none;
    padding: 0;
    text-align: center;
  }
  .ds-footer-social {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 20px auto 20px;
    position: initial;
  }
  .ds-footer-terms {
    display: none;
  }
}

/* NAVIGATION STARTS */
.ds-navbar-nav-w {
  background-color: #53585b;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 15;
}
.ds-navbar-nav {
  background-color: #53585b;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 22px;
  margin: auto;
  max-width: 1440px;
  position: relative;
  width: 100%;
}
.ds-navbar-logo-img {
  width: 68px;
}
.ds-navbar-section {
  height: 44px;
}
.ds-navbar-section-list {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}
.ds-navbar-section-list-item {
  border-right: 1px solid #7d8081;
  color: #fff;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  list-style: none;
  padding: 11px 17px;
  text-decoration: none;
}
.ds-navbar-section-list-item.ds--country {
  border-left: 1px solid #7d8081;
}
.ds-navbar-section-list-item.ds--country:hover {
  background: #64696b;
}
.ds-navbar-section-list-item:hover {
  color: #fff;
  text-decoration: none;
}
.ds-navbar-gn-icon {
  display: inline-block;
  fill: #fff;
  height: 22px;
  position: relative;
  top: -1px;
  vertical-align: top;
  width: 22px;
}
.ds-navbar-link {
  color: #fff;
}
.ds-navbar-link:hover {
  background: #64696b;
}
.ds-navbar-link.ds--current {
  background: #fff;
  border-color: #fff;
  color: #53585b;
}
.ds-navbar-link.ds--current:hover {
  background: #64696b;
  border-color: #64696b;
  color: #fff;
}
.ds-navbar-link.ds--current .ds-navbar-gn-icon {
  fill: #53585b;
}
.ds-navbar-link-text {
  margin-left: 7px;
}
.ds-navbar-section-right-item {
  display: -ms-flexbox;
  display: flex;
}
.ds-navbar-country {
  padding-left: 17px;
  position: relative;
}
.ds-navbar-country:after {
  border-left: 1px solid #7d8081;
  bottom: -4px;
  content: "";
  left: 7px;
  position: absolute;
  top: -4px;
}
.ds-navbar-mobile-menu {
  display: none;
}
@media only screen and (max-width: 1379px) {
  .ds-navbar-link-text {
    display: none;
  }
  .ds-navbar-nav {
    padding: 0 5px;
  }
  .ds-navbar-site-links {
    display: none;
  }
  .ds-navbar-section {
    width: 100%;
  }
  .ds-navbar-mobile-menu {
    display: block;
  }
  .ds-navbar-section-list {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .ds-navbar-section-list-item {
    border: none;
    padding: 11px 10px;
  }
  .ds-navbar-section-list-item.ds--country {
    border: none;
    padding-left: 5px;
  }
  .ds-navbar-section-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
/* NAVIGATION ENDS */

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-footer-w,
.ds-main,
.ds-footer {
  width: 100%;
}
.ds-main,
.ds-footer {
  margin: 0 auto;
  max-width: 1440px;
}
.ds-header,
.ds-footer-w,
.ds-main,
.ds-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ds-main {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media all and (-ms-high-contrast: none) {
  .ds-main {
    overflow: hidden;
  }
}
input,
textarea {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  letter-spacing: 0.3px;
}
.new.section {
  min-width: 150px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ds-icons-wrap {
  display: none;
  height: 0;
  position: absolute;
  visibility: hidden;
  width: 0;
}
[data-react-component=modal],
[data-react-component=global-nav-account-menu],
[data-react-component=notifications] {
  min-height: 0;
}
.hr {
  border: 1px solid #7d8081;
}
.vhr {
  border-left: 1px solid #7d8081;
  height: 170px;
}
.ds-hidden {
  display: none;
}
.ds-clearfix {
  clear: both;
}
.ds-span {
  background: none;
  border: none;
  color: #53585b;
  cursor: pointer;
  font-size: 14px;
  outline: none;
  padding: 0;
  text-decoration: none;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-span:hover {
    cursor: default;
    color: #53585b;
    text-decoration: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-span:hover {
    cursor: default;
    color: #53585b;
    text-decoration: none;
  }
}
@media (hover) {
  .ds-span:hover {
    cursor: default;
    color: #53585b;
    text-decoration: none;
  }
}
.ds-span:active {
  cursor: default;
  color: #53585b;
  text-decoration: none;
}
.ds-h1,
.ds-h2,
.ds-h3,
.ds-h4,
.ds-h5 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.ds-h1.ds--margin,
.ds-h2.ds--margin,
.ds-h3.ds--margin,
.ds-h4.ds--margin,
.ds-h5.ds--margin {
  margin-bottom: 15px;
}
.ds-h1 {
  font-size: 40px;
  line-height: 46px;
}
@media only screen and (max-width: 833px) {
  .ds-h1 {
    font-size: 54px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-h1 {
    font-size: 60px;
    line-height: 66px;
  }
}
.ds-h2 {
  font-size: 28px;
  line-height: 34px;
}
@media only screen and (max-width: 833px) {
  .ds-h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-h2 {
    font-size: 32px;
    line-height: 38px;
  }
}
.ds-h3 {
  font-size: 20px;
  line-height: 26px;
}
@media only screen and (max-width: 833px) {
  .ds-h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
.ds-h4 {
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (max-width: 1439px) {
  .ds-h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
.ds-h5 {
  font-size: 16px;
  line-height: 22px;
}
.ds-dt-h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-dt-h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
.ds--gray {
  color: #9b9b9b;
}
.ds-page-columns {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-page-columns {
    display: block;
  }
}
.ds-page-left-column {
  background-color: #fbfbfb;
  border-right: 1px solid #e7e7e7;
  width: 240px;
}
@media only screen and (max-width: 833px) {
  .ds-page-left-column {
    width: 100%;
  }
}
.ds-page-right-column {
  padding: 30px 40px 30px 30px;
  width: calc(100% - 240px);
}
@media only screen and (max-width: 833px) {
  .ds-page-right-column {
    padding: 15px;
    width: 100%;
  }
}
.ds-standard-padding {
  padding: 30px 40px;
}
@media only screen and (max-width: 833px) {
  .ds-standard-padding {
    padding: 20px 15px;
  }
}
.ds-lg-padding {
  padding: 45px 160px;
}
@media only screen and (max-width: 1439px) {
  .ds-lg-padding {
    padding: 45px 80px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-lg-padding {
    padding: 20px 15px;
  }
}
.ds-standard-padding-top {
  padding-top: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-standard-padding-top {
    padding-top: 20px;
  }
}
.hideLink {
  display: none;
}
.showLink {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: auto;
  font-size: 14px;
  margin-right: 40px;
}
.modal-container {
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 20px 0 rgba(83, 88, 91, 0.15);
  padding: 10px 0 25px 0;
  width: 663px;
  margin: auto;
  position: absolute;
  top: 35%;
  left: 25%;
}
.modal {
  background-color: transparent !important;
  box-shadow: none !important;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  color: #53585B;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}
.modal-header .ds-popup-header {
  border-bottom: none;
}
.modal-close-icon {
  height: 15px;
  width: 15px;
  color: #AAAAAA;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem;
  color: #53585B;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  text-align: left;
}
.modal-buttons-container {
  box-sizing: border-box;
  border-top: 1px solid #C0C9CE;
  padding-top: 24px;
  text-align: end;
  padding-right: 24px;
}
.ds-standard-padding-x {
  padding-left: 160px;
  padding-right: 160px;
}
@media only screen and (max-width: 833px) {
  .ds-standard-padding-x {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.ds-margin-compensation {
  margin-left: -160px;
  margin-right: -160px;
}
@media only screen and (max-width: 833px) {
  .ds-margin-compensation {
    margin-left: -30px;
    margin-right: -30px;
  }
}
b,
strong {
  font-weight: 700;
}
.ds-header-inner {
  padding-top: 66px !important;
  position: relative;
}
@media only screen and (max-width: 833px) {
  .ds-header-inner {
    padding-top: 84px !important;
  }
}
.ds-header-inner.ds-legal-landing {
  padding-top: 0px;
}
.ds-header-with-impersonation-banner {
  padding-top: 42px;
}
.ds-header-with-alert-on-top {
  padding-top: 91px;
}
@media only screen and (max-width: 833px) {
  .ds-header-with-alert-on-top {
    padding-top: 233px;
  }
}
.ds-icon-info {
  color: #0077c8;
  fill: #0077c8;
  height: 12px;
  width: 12px;
}
.ds--mobile-only {
  display: none;
}
@media only screen and (max-width: 833px) {
  .ds--mobile-only {
    display: block;
  }
}
.ds--desktop-only {
  display: block;
}
@media only screen and (max-width: 833px) {
  .ds--desktop-only {
    display: none;
  }
}
.slick-slide.slick-active.slick-current .ds-product-details-slider-first-img-cnt {
  border-color: #0077c8;
}
.ds-word-wrap {
  word-wrap: break-word;
}
.ds-description {
  font-size: 14px;
  word-wrap: break-word;
}
.badge.badge-rounded {
  border-radius: 30px;
  min-width: 40px;
  padding: 13px;
}
.badge.badge-light {
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  font-weight: 400;
}
.js-focus-visible :focus:not( .focus-visible ) {
  outline: none;
}
.js-focus-visible .focus-visible {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.form-control.is-invalid {
  background: none;
}
.ds-border-bottom {
  border-bottom: 1px solid #e7e7e7;
}
@media only screen and (max-width: 833px) {
  .ds-popup-dialog {
    border: none;
  }
}
.hideRegModal {
  display: none;
}
.showRegModal {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 14px;
  margin-right: 40px;
}

@media only screen and (max-width: 833px) {
  .news-slider .ds-title-section-icon {
    display: none;
  }
}
@media only screen and (max-width: 833px) {
  .news-slider .ds-title-section-title,
  .news-slider .ds-title-section-link-w {
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
  }
}

.reorder-product-card .ds-card-product-sku {
  display: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-resources-page-container {
  margin: 0 auto;
  max-width: 1150px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-page-container {
    margin: 0;
    width: auto;
  }
}
.ds-resources-page-container .ds-text {
  margin-bottom: 25px;
}
.ds-resources-page-container .ds-static-video-slider.ds-slider,
.ds-resources-page-container .ds-static-courses-slider.ds-slider {
  padding: 30px 0;
}
@media only screen and (max-width: 833px) {
  .ds-resources-page-container .ds-static-video-slider.ds-slider,
  .ds-resources-page-container .ds-static-courses-slider.ds-slider {
    display: block;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 0;
    padding-right: 0;
  }
}
.ds-resources-page-container .ds-static-video-slider.ds-slider .slick-arrow.slick-prev,
.ds-resources-page-container .ds-static-courses-slider.ds-slider .slick-arrow.slick-prev {
  left: 0;
}
.ds-resources-page-container .ds-static-video-slider.ds-slider .slick-arrow.slick-next,
.ds-resources-page-container .ds-static-courses-slider.ds-slider .slick-arrow.slick-next {
  right: 0;
}
.ds-resources-page-container .ds-static-video-slider.ds-slider .ds-title-section,
.ds-resources-page-container .ds-static-courses-slider.ds-slider .ds-title-section {
  padding: 0 15px;
}

.ds-thank-you-slider .ds-slider {
  background-color: #fbfbfb;
  border-top: 2px solid #e7e7e7;
}
@media only screen and (max-width: 833px) {
  .ds-thank-you-slider .ds-slider {
    margin-bottom: 0;
    padding-top: 30px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}
.ds-title-w {
  padding-bottom: 0;
}
.ds-account-title {
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 35px;
  margin-top: -5px;
  width: 100%;
  -ms-flex-align: baseline;
      align-items: baseline;
}
@media only screen and (max-width: 833px) {
  .ds-account-title {
    margin-bottom: 0px !important;
  }
}
.ds-account-title-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 0;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-account-title-left {
    margin-bottom: 15px;
    width: auto;
  }
}
.ds-account-title-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 60%;
}
@media (max-width: 350px) {
  .ds-account-title-right .ds-button.ds--blue {
    font-size: 10px;
    padding: 5px;
  }
}
.ds-account-title-right > * {
  margin-bottom: -5px;
  margin-left: 10px;
}
.ds-logo-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-logo-title-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: -30px;
}
.ds-logo-title-main .ds-logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 36px;
  margin-right: 6px;
  max-height: 36px;
  max-width: 132px;
}
.ds-logo-title-main .ds-title {
  line-height: 1;
  margin-bottom: -4px;
  margin-top: 15px;
  word-break: normal;
}
.ds-logo-title-description {
  color: #80898e;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: -10px;
  padding-top: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-title {
    font-size: 20px;
    line-height: 26px;
  }
  .ds-logo-title-description {
    margin-bottom: -15px;
    padding-top: 20px;
  }
  .ds-account-title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 20px;
  }
  .ds-account-title-left {
    margin-bottom: 25px;
  }
  .ds-account-title-right {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin: 5px 0 20px 0;
  }
  .ds-account-title-right > * {
    margin-left: 0;
  }
  .ds-account-title-right > * + * {
    margin-right: 10px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
/* Top Navigation Styles */
.ds-top-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto 20px;
  max-width: 1440px;
  padding-bottom: 0;
}
@media only screen and (max-width: 833px) {
  .ds-top-nav {
    margin-bottom: 20px;
    padding: 16px 16px 0;
  }
  .ds-top-nav.ds--desktop-only {
    display: none;
  }
}
.ds-top-nav-logo-container {
  margin-right: 30px;
  max-width: 20%;
}
@media only screen and (max-width: 833px) {
  .ds-top-nav-logo-container {
    display: none;
  }
}
.ds-top-nav-logo-img {
  height: 40px;
  width: 140px;
}
.ds-top-nav-search-bar {
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  z-index: 10;
  height: 40px;
  width: 100%;
}
.ds-top-nav-search-bar form {
  margin-right: 0;
}
.ds-top-nav-search-bar-input {
  border: 1px solid #d5d5d5;
  border-radius: 4px 0 0 4px;
  width: 100%;
}
.ds-top-nav-search-bar-input:focus,
.ds-top-nav-search-bar-button:focus {
  outline: none;
}
.ds-top-nav-search-bar-input:-ms-input-placeholder {
  color: #7d8081;
}
.ds-top-nav-search-bar-input::placeholder {
  color: #7d8081;
}
.ds-top-nav-search-bar-button {
  background-color: #f6a800;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  -ms-flex-preferred-size: 45px;
      flex-basis: 45px;
  min-width: 45px;
}
.ds-top-nav-search-bar-dropdown {
  background-color: #f9f9f9;
  border: 1px solid #bec0c5;
  border-radius: 4px 0 0 4px;
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  min-width: 120px;
  z-index: 4;
}
.ds-top-nav-search-bar-dropdown .ds-dropdown-search-title {
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 15px;
  padding-right: 10px;
}
.ds-top-nav-search-bar-dropdown + .ds-top-nav-search-bar-input {
  border-left: none;
  border-radius: 0;
}
@media only screen and (max-width: 833px) {
  .ds-top-nav-search-bar-dropdown + .ds-top-nav-search-bar-input .ds-input-search-block {
    left: -120px;
    width: calc(100% + 45px + 120px);
  }
}
.ds-top-nav-search-icon {
  height: 18px;
  width: 18px;
}
.ds-top-nav-link {
  color: #53585b;
  display: inline-block;
  text-align: center;
}
.ds-top-nav-link:not( .ds--hidden ) {
  margin-left: 0;
}
@media only screen and (max-width: 1439px) {
  .ds-top-nav-link:not( .ds--hidden ) {
    margin-left: 0;
  }
}
.ds-top-nav-link:not( .ds--hidden ) ~ .ds-top-nav-link {
  margin-left: 5px;
}
@media only screen and (max-width: 833px) {
  .ds-top-nav-link:not( .ds--hidden ) ~ .ds-top-nav-link {
    margin-left: 0;
  }
}
.ds-top-nav-link.ds--show-mini-cart {
  position: relative;
}
.ds-top-nav-link.ds--show-mini-cart:after {
  background: #0077c8;
  border-radius: 50%;
  color: #fff;
  content: attr(data-count);
  font-size: 12px;
  left: -2px;
  line-height: 16px;
  min-width: 20px;
  padding: 2px;
  position: absolute;
  text-align: center;
  top: -2px;
}
.ds-top-nav-link.ds--hidden {
  display: none;
}
.ds-top-nav-link:hover {
  color: #53585b;
  text-decoration: none;
}
.ds-top-nav-links-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.ds-top-nav-icon {
  fill: #53585b;
  text-align: right;
  vertical-align: top;
  height: 38px;
  width: 38px;
}
@media only screen and (max-width: 1439px) {
  .ds-top-nav-icon {
    margin-top: 1px;
    height: 36px;
    width: 36px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-top-nav-icon {
    height: 34px;
    width: 34px;
  }
}
.ds-top-nav-icon-label-w {
  color: #53585b;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  vertical-align: top;
  white-space: normal;
}
@media only screen and (max-width: 1439px) {
  .ds-top-nav-icon-label-w {
    display: inline;
    font-size: 11px;
    line-height: 14px;
  }
}
.ds-top-nav-icon-label {
  display: table;
  height: 38px;
  max-width: 67px;
  text-align: left;
}
@media only screen and (max-width: 1439px) {
  .ds-top-nav-icon-label {
    display: none;
  }
}
.ds-top-nav-icon-label-mobile {
  display: none;
}
@media only screen and (max-width: 1439px) {
  .ds-top-nav-icon-label-mobile {
    display: table;
    height: 0;
    text-align: center;
  }
}
.ds-top-nav-icon-label-inner {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 1439px) {
  .ds-top-nav-icon-label-inner {
    vertical-align: top;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-top-nav-hidden-on-mobile-true {
    display: none;
  }
}
/* Type Ahead Styles */
.ds-type-ahead-wrap {
  position: relative;
  z-index: 3;
}
.ds-type-ahead-input {
  background: transparent;
  border: none;
  bottom: 0;
  font-size: 14px;
  font-weight: 300;
  left: 0;
  line-height: 18px;
  outline: none;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.ds-type-ahead-option {
  color: #53585b;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin-top: 15px;
  outline: none;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media only screen and (max-width: 833px) {
  .ds-type-ahead-option {
    font-size: 13px;
  }
}
.ds-type-ahead-option:focus {
  outline: none;
  text-decoration: underline;
}
.ds-type-ahead-option.ds--nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-type-ahead-option:hover {
    color: #53585b;
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-type-ahead-option:hover {
    color: #53585b;
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-type-ahead-option:hover {
    color: #53585b;
    text-decoration: underline;
  }
}
.ds-type-ahead-option:active {
  color: #53585b;
  text-decoration: underline;
}
/* Input Search Styles */
.ds-input-search-title {
  color: #80898e;
}
.ds-input-search-title-text {
  font-size: 12px;
  font-weight: 500;
  padding-right: 6px;
  text-transform: capitalize;
}
.ds-input-search-title-icon {
  fill: #80898e;
  height: 12px;
  width: 12px;
}
.ds-input-search-block {
  background: #fff;
  max-width: 100%;
  position: absolute;
  top: 40px;
  transition: box-shadow 0.15s ease;
  width: 1000px;
  z-index: 1;
}
.ds-input-search-block.ds--open {
  box-shadow: 0 3px 16px 0 #c0c9ce;
}
@media only screen and (max-width: 833px) {
  .ds-input-search-block.ds--open {
    box-shadow: none;
  }
}
@media only screen and (max-width: 833px) {
  .ds-input-search-block {
    border-top: 1px solid #d5d5d5;
    margin-top: 25px;
    max-width: none;
    width: calc(100% + 45px);
  }
}
.ds-input-search-block-inner {
  padding: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-input-search-block-inner {
    padding: 20px 0;
  }
}
.ds-input-search-block-inner.ds--scroll {
  max-height: 345px;
  overflow: auto;
}
@media only screen and (max-width: 833px) {
  .ds-input-search-block-inner.ds--scroll {
    overflow: visible;
  }
}
.ds-highlight {
  background: transparent;
  font-weight: bold;
  padding: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-two-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 833px) {
  .ds-two-column {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

.ds-notifications-abs {
  background: #fff;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.ds-notifications.ds--modal {
  padding: 30px 30px 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.input-wrapper .input-group-content input:-webkit-autofill,
.input-wrapper .input-group-content input:-webkit-autofill:hover,
.input-wrapper .input-group-content input:-webkit-autofill:focus,
.input-wrapper .input-group-content input:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
}
.ds-button {
  background: none;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #272727;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  padding: 8px 20px;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  vertical-align: top;
  white-space: nowrap;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ds-button-icon-only {
  position: absolute;
  right: 8px !important;
  top: 55% !important;
  color: #707070 !important;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  cursor: pointer;
}
.ds-button-icon-only .cmp-button {
  width: 30px !important;
  height: 30px !important;
  padding: 14px 14px !important;
  color: #707070 !important;
}
.ds-button-icon-only .cmp-button:hover {
  background-color: white !important;
}
.ds-button-bottom-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 30px 0;
}
.ds-button.ds--mobile {
  display: none;
}
@media only screen and (max-width: 833px) {
  .ds-button.ds--mobile {
    display: block;
  }
}
.ds-button-my-profile {
  margin-left: 40px;
}
.ds-button:focus {
  outline: none;
}
.ds-button.ds--small {
  padding: 6px 15px;
}
.ds-button.ds--big {
  font-size: 16px;
  font-weight: 500;
  padding: 13px 25px;
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-button:hover {
    color: #272727;
    text-decoration: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-button:hover {
    color: #272727;
    text-decoration: none;
  }
}
@media (hover) {
  .ds-button:hover {
    color: #272727;
    text-decoration: none;
  }
}
.ds-button:active {
  color: #272727;
  text-decoration: none;
}
.ds-button-icon {
  display: inline-block;
  height: 12px;
  position: relative;
  top: -1px;
  width: 18px;
}
.ds-button-icon.ds--right {
  margin-left: 10px;
}
.ds-button-icon.ds--left {
  margin-right: 10px;
}
.ds-button.ds--link {
  color: #0077c8;
  padding-left: 0;
  padding-right: 0;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ds-button.ds--link .ds-button-icon {
  color: #0077c8;
  fill: #0077c8;
  width: 15px;
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-button.ds--link:hover {
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-button.ds--link:hover {
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-button.ds--link:hover {
    text-decoration: underline;
  }
}
.ds-button.ds--link:active {
  text-decoration: underline;
}
.ds-button.ds--white {
  background-color: #fff;
  border: 1px solid #aaa;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-button.ds--white:hover {
    background-color: #f5f5f5;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-button.ds--white:hover {
    background-color: #f5f5f5;
  }
}
@media (hover) {
  .ds-button.ds--white:hover {
    background-color: #f5f5f5;
  }
}
.ds-button.ds--white:active {
  background-color: #f5f5f5;
}
.ds-button.ds--white .ds-button-icon {
  fill: #53585b;
}
.ds-button.ds--orange {
  background-color: #f6a800;
  border: 1px solid #f6a800;
  color: #272727;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-button.ds--orange:hover {
    background-color: #e29a00;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-button.ds--orange:hover {
    background-color: #e29a00;
  }
}
@media (hover) {
  .ds-button.ds--orange:hover {
    background-color: #e29a00;
  }
}
.ds-button.ds--orange:active {
  background-color: #e29a00;
}
.ds-button.ds--orange .ds-button-icon {
  color: #272727;
  fill: #272727;
}
.ds-button.ds--blue {
  background-color: #0077c8;
  border: 1px solid #0077c8;
  color: #fff;
  margin-bottom: 20px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-button.ds--blue:hover {
    background-color: #006bb4;
    color: #fff;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-button.ds--blue:hover {
    background-color: #006bb4;
    color: #fff;
  }
}
@media (hover) {
  .ds-button.ds--blue:hover {
    background-color: #006bb4;
    color: #fff;
  }
}
.ds-button.ds--blue:active {
  background-color: #006bb4;
  color: #fff;
}
.ds-button.ds--blue .ds-button-icon {
  fill: #fff;
}
.ds-button.ds--transparent-blue {
  background-color: transparent;
  border: 1px solid #0077c8;
  color: #0077c8;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-button.ds--transparent-blue:hover {
    border-color: #006bb4;
    color: #006bb4;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-button.ds--transparent-blue:hover {
    border-color: #006bb4;
    color: #006bb4;
  }
}
@media (hover) {
  .ds-button.ds--transparent-blue:hover {
    border-color: #006bb4;
    color: #006bb4;
  }
}
.ds-button.ds--transparent-blue:active {
  border-color: #006bb4;
  color: #006bb4;
}
.ds-button.ds--favorite .ds-button-icon {
  color: #f6a800;
  fill: #f6a800;
  height: 14px;
  line-height: 20px;
  margin-bottom: 2px;
}
.ds-button.ds--disabled {
  background: #d5d5d5;
  border-color: #d5d5d5;
  color: #7d8081;
  pointer-events: none;
}
@media only screen and (max-width: 833px) {
  .ds-button {
    padding-left: 11px;
    padding-right: 11px;
  }
  .ds-button-my-profile {
    margin-left: 0;
    margin-top: 10px;
    width: 115%;
  }
}
@media only screen and (max-width: 739px) {
  .ds-button-bottom-right .bottom_buttons_par {
    width: 100%;
  }
  .ds-button.ds--blue {
    width: 100%;
  }
}


.ds-loader-wrap.ds--account-info-loader {
  display: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-input-components-wrapper {
  position: relative;
}
.ds-input-components-validation-rules {
  background: #fcfcfc;
  border: 1px solid #D0D0D0;
  border-radius: 2px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 1rem;
  padding: 5px 10px;
}
.ds-input-components-validation-rules p {
  margin: 0;
}
.ds-input-components-validation-rules ul {
  font-size: 12px;
  line-height: 20px;
  list-style-type: none;
  margin: 0;
  padding-left: 30px;
}
.ds-input-components-validation-rules li:before {
  content: "-";
  margin-left: -10px;
  position: absolute;
}
.ds-input-components-error {
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}
.ds-input-components-error-icon {
  display: block;
  height: 15px;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
}
.ds-input-components-error-icon-img {
  color: #e4002b;
  display: block;
  fill: #e4002b;
  height: 100%;
  width: 100%;
}
.ds-input-components-file {
  border-radius: 4px !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  overflow: hidden;
  padding: 8px 35px 8px 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-input-components-file.ds-error {
  border-color: #e4002b;
}
.ds-input-components-hide-file {
  border-right: 0;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.ds-input-components-hide-file ~ .input-group-append {
  border: none;
  position: absolute;
  top: 7px;
  right: 12px;
}
.ds-input-components-hide-file.focus-visible + .ds-input-components-file {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-input-components-append {
  background-color: #fff;
  border: 1px solid #c0c9ce;
}
.ds-input-components-svg {
  color: #80898e;
  fill: #80898e;
  height: 20px;
  width: 14px;
}
.ds-input-components-text-area {
  width: 87%;
}
.ds-input-components-text {
  font-size: 14px;
  font-weight: 300;
}
.ds-input-components-text:-ms-input-placeholder {
  color: #7d8081;
}
.ds-input-components-text::placeholder {
  color: #7d8081;
}
.ds-input-components-select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-size: 20px;
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
}
.ds-input-components-select.is-invalid {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
  background-position: calc(100% - 26px) center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.ds-input-components-select::-ms-expand {
  display: none !important;
}
.ds-input-components-label {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.ds-input-components-label-required:after {
  color: #e4002b;
  content: " *";
  position: absolute;
}
.ds-input-components-label-error {
  color: #e4002b;
}
.ds-input-components-bottom-radio-label,
.ds-input-components-top-radio-label,
.ds-input-components-radio-label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  padding-left: 30px !important;
  position: relative;
}
.ds-input-components-bottom-radio-text,
.ds-input-components-top-radio-text,
.ds-input-components-radio-text {
  margin-left: 30px;
}
.ds-input-components-bottom-radio-text-custom,
.ds-input-components-top-radio-text-custom,
.ds-input-components-radio-text-custom {
  margin-bottom: 0;
  margin-left: 10px;
  margin-top: 0;
}
.ds-input-components-bottom-radio-input,
.ds-input-components-top-radio-input,
.ds-input-components-radio-input {
  opacity: 0;
  position: absolute;
}
.ds-input-components-bottom-radio-label .ds-input-components-bottom-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-top-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-radio-span,
.ds-input-components-top-radio-label .ds-input-components-bottom-radio-span,
.ds-input-components-top-radio-label .ds-input-components-top-radio-span,
.ds-input-components-top-radio-label .ds-input-components-radio-span,
.ds-input-components-radio-label .ds-input-components-bottom-radio-span,
.ds-input-components-radio-label .ds-input-components-top-radio-span,
.ds-input-components-radio-label .ds-input-components-radio-span {
  background: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/circle.svg") no-repeat;
  background-size: cover;
  height: 20px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}
.ds-input-components-bottom-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-radio-span,
.ds-input-components-top-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-top-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-top-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-radio-span,
.ds-input-components-top-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-top-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-top-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-radio-span,
.ds-input-components-top-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-top-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-top-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-radio-span,
.ds-input-components-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-radio-label .ds-input-components-bottom-radio-input:checked ~ .ds-input-components-radio-span,
.ds-input-components-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-radio-label .ds-input-components-top-radio-input:checked ~ .ds-input-components-radio-span,
.ds-input-components-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-bottom-radio-span,
.ds-input-components-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-top-radio-span,
.ds-input-components-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-radio-span {
  background-image: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/dot-circle.svg");
  background-size: cover;
  height: 20px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 20px;
}
.ds-input-components-bottom-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-bottom-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-radio-span,
.ds-input-components-top-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-top-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-top-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-radio-span,
.ds-input-components-top-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-top-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-top-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-radio-span,
.ds-input-components-top-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-top-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-top-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-radio-span,
.ds-input-components-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-radio-label .ds-input-components-bottom-radio-input.focus-visible ~ .ds-input-components-radio-span,
.ds-input-components-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-radio-label .ds-input-components-top-radio-input.focus-visible ~ .ds-input-components-radio-span,
.ds-input-components-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-bottom-radio-span,
.ds-input-components-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-top-radio-span,
.ds-input-components-radio-label .ds-input-components-radio-input.focus-visible ~ .ds-input-components-radio-span {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-input-components-bottom-radio.ds--disabled .ds-input-components-radio-label,
.ds-input-components-top-radio.ds--disabled .ds-input-components-radio-label,
.ds-input-components-radio.ds--disabled .ds-input-components-radio-label {
  cursor: default;
}
.ds-input-components-bottom-radio.ds--disabled .ds-input-components-radio-span,
.ds-input-components-top-radio.ds--disabled .ds-input-components-radio-span,
.ds-input-components-radio.ds--disabled .ds-input-components-radio-span {
  opacity: 0.5;
}
.ds-input-components-bottom-radio.ds--disabled .ds-input-components-radio-label-text,
.ds-input-components-top-radio.ds--disabled .ds-input-components-radio-label-text,
.ds-input-components-radio.ds--disabled .ds-input-components-radio-label-text {
  color: #c0c9ce;
}
.ds-input-components-bottom-radio {
  margin-top: 12px;
}
.ds-input-components-top-radio {
  margin-top: 24px;
}
.ds-input-components-checkbox {
  margin-top: 35px;
  position: relative;
}
.ds-input-components-checkbox-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.ds-input-components-checkbox-label {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  height: 18px;
  line-height: 18px;
}
.ds-input-components-checkbox-label .ds-hint-text.ds--info {
  margin-left: 0;
}
@media only screen and (max-width: 833px) {
  .ds-input-components-checkbox-label .ds-hint-text.ds--info {
    display: inline-block;
  }
}
.ds-input-components-checkbox-label .ds-icon-info {
  height: 14px;
  width: 14px;
}
.ds-input-components-checkbox-input + .ds-input-components-checkbox-label .ds-input-components-checkbox-span {
  background: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/square.svg") no-repeat;
  border-radius: 3px;
  display: inline-block;
  height: 20px;
  margin-bottom: 5px;
  margin-right: 8px;
  vertical-align: middle;
  width: 20px;
}
.ds-input-components-checkbox-input.focus-visible + .ds-input-components-checkbox-label .ds-input-components-checkbox-span {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-input-components-checkbox-check {
  fill: #0077c8;
  height: 16px;
  left: 4px;
  position: absolute;
  top: 3px;
  width: 12px;
}
.ds-input-components-checkbox-square-input {
  opacity: 0;
  position: absolute;
}
.ds-input-components-checkbox-square-input + .ds-input-components-checkbox-square-label {
  cursor: pointer;
  display: inline-block;
  height: 18px;
  margin-bottom: 0;
  margin-right: 10px;
  outline: 2px solid #53585b;
  padding: 5px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 18px;
}
.ds-input-components-checkbox-square-input:focus + .ds-input-components-checkbox-square-label {
  box-shadow: 0 0 3px 2px #0077c8;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  outline: none;
  width: 16px;
}
.ds-input-components-checkbox-square-input:checked + .ds-input-components-checkbox-square-label {
  background-image: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/check-blue.svg");
  display: inline-block;
  height: 16px;
  padding: 5px;
  width: 16px;
}
.ds-input-components-checkbox-square-text {
  color: #53585b;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 0;
  position: relative;
  vertical-align: middle;
}
.ds-react-select-w .ds-react-select-option {
  font-size: 14px;
  padding: 11px 17px;
}
.ds-react-select-w .ds-react-select-option:not( :last-child ) {
  border-bottom: 1px solid #c0c9ce;
}
.ds-react-select-w .ds-react-select__indicator-separator {
  background: none;
}
.ds-react-select-w .ds-react-select__placeholder {
  font-size: 14px;
}
.ds-react-select-w .ds-react-select__value-container {
  font-size: 14px;
  padding-left: 14px;
}
.ds-react-select-w .ds-react-select__control {
  box-shadow: none;
  margin-bottom: 11px;
}
.ds-react-select-w .ds-react-select__menu {
  border-radius: 0;
  margin-top: 4px;
}
.ds-react-select-w .ds-react-select__menu-list {
  padding: 0;
}
.ds-react-select-w.ds--error .ds-react-select__control,
.ds-react-select-w.ds--error .ds-react-select__control:hover,
.ds-react-select-w.ds--error .ds-react-select__control--menu-is-open,
.ds-react-select-w.ds--error .ds-react-select__control__control--is-focused {
  border-color: #e4002b;
}
.ds-react-select-w.ds--disabled .ds-react-select__control {
  background-color: #f2f2f2;
  border-color: #e7e7e7;
}
@media only screen and (max-width: 833px) {
  .ds-input-components-radio-text {
    margin-bottom: 10px;
    margin-left: 15px;
  }
  .ds-input-components-text-area {
    width: 97%;
  }
  .ds-input-components-radio-bottom {
    margin-top: 20px;
  }
  .ds-input-components-radio-bottom-label {
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    padding-left: 34px;
    position: relative;
  }
  .ds-input-components-radio-bottom-text {
    margin-left: 30px;
  }
  .ds-input-components-radio-bottom-text-custom {
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 0;
  }
  .ds-input-components-radio-bottom-input {
    opacity: 0;
    position: absolute;
  }
  .ds-input-components-radio-bottom-label .ds-input-components-radio-bottom-span {
    background: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/circle.svg") no-repeat;
    background-size: cover;
    height: 26px;
    left: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 26px;
  }
  .ds-input-components-radio-bottom-label .ds-input-components-radio-bottom-input:checked ~ .ds-input-components-radio-bottom-span {
    background-image: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/dot-circle.svg");
    background-size: cover;
    height: 26px;
    left: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 26px;
  }
  .ds-input-components-label {
    margin-top: 12px;
  }
}
.ds-date-picker-w {
  background: #fff;
  border-radius: 3px;
}
.ds-date-picker-w input,
.ds-date-picker-w input:focus {
  background: none;
}
.ds-date-picker-w .react-datepicker__input-container {
  z-index: 1;
}
textarea.form-control {
  height: 250px;
}
@media only screen and (max-width: 1379px) {
  .ios-info {
    margin-top: -7%;
  }
}

.ds-ship-location-modal {
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.ds-ship-location-modal .ds-pobox-message {
  margin-top: 38px;
}
@media only screen and (max-width: 1379px) {
  .ds-ship-location-modal {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.ds-ship-location-modal .ds-address-form {
  max-width: 75%;
}
@media only screen and (max-width: 1379px) {
  .ds-ship-location-modal .ds-address-form {
    max-width: none;
  }
  .ds-ship-location-modal .ds-address-form .ds-pobox-message {
    margin-top: 34px;
  }
}
.ds-ship-location-modal .ds--top-margin {
  margin-top: 32px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-address-form .ds-pobox-message {
  margin-bottom: 32px;
}
.ds-address-form-add-address-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.ds-address-form-add-address-button {
  background: none;
  border: none;
  height: 21px;
  padding-left: 10px;
}
.ds-address-form-add-address-button-enabled {
  color: #0077c8;
  padding-bottom: 5px;
}
.ds-address-form-add-address-button-enabled:first-child {
  padding-bottom: 0;
}
.ds-address-form-add-address-button-disabled {
  color: #80898e;
}
.ds-address-form-add-address-button:focus {
  outline: none;
}
.ds-address-form-add-address-svg {
  fill: #0077c8;
  font-weight: 500;
  height: 14px;
  padding-bottom: 2px;
  width: 17px;
}
.ds-address-form-default-shipping-button {
  margin-top: 30px;
}
.ds-address-form-default-shipping-button .ds-input-components-radio {
  margin-top: 5px;
}
.ds-address-form-hr {
  margin-top: 30px;
}
.ds-address-form .ds-radiobutton-hint-text {
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
}
.ds-pobox-message {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 24px;
  margin-top: 20px;
}
@media only screen and (max-width: 1379px) {
  .ds-address-form .form-group-radiobuttons .ds-hint-text-by-click {
    width: 100%;
  }
  .ds-address-form .form-group-radiobuttons .ds-hint-text-by-click .ds-hint-text-by-click-btn {
    padding: 0;
    width: 100%;
  }
  .ds-address-form .form-group-radiobuttons .ds-hint-text-by-click .ds-hint-text-tooltip-w.ds--left {
    left: 100%;
    margin-left: -30px;
    top: 23px;
  }
  .ds-address-form-hidden-text {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
  }
  .ds-address-form-hidden-text .ds-input-components-radio-label {
    margin-bottom: 0;
  }
  .ds-address-form .ds-hint-text-by-click-btn.ds-address-form-hidden-text .ds-input-components-radio {
    padding-right: 11px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-address-form .form-group-radiobuttons .ds-hint-text-tooltip-w {
    width: 235px;
  }
  .ds-address-form .ds-address-form-hr {
    display: none;
  }
  .ds-address-form-default-shipping-button {
    margin-bottom: -15px;
    margin-top: 15px;
  }
  .ds-address-form .ds-input-components-radio-label {
    width: 100%;
  }
  .ds-address-form .ds-input-components-radio-label-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .ds-address-form .ds-hint-text-tooltip {
    position: relative;
  }
  .ds-address-form .ds-pobox-message {
    margin-bottom: 15px;
    margin-top: 34px;
  }
  .ds-checkout-shipping-form-cnt .ds-address-form .form-group-radiobuttons {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.ds-add-practice-account {
  border-bottom: 1px solid #e7e7e7;
  padding: 0 30px 30px;
}
@media only screen and (max-width: 833px) {
  .ds-add-practice-account {
    border-bottom: none;
    padding: 0 15px 15px;
  }
}
.ds-add-practice-account .ds-address-form-field-container {
  margin: 0;
}
.ds-add-practice-account .ds-add-practice-account-modal .ds-address-form-hr {
  display: none;
}
.ds-add-practice-account-title {
  border-bottom: 1px solid #e7e7e7;
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 10px;
}
.ds-add-practice-account .ds-hint-text-tooltip-w {
  word-break: break-word;
}

.ds-hint-text-by-click,
.ds-hint-text {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.ds-hint-text-by-click-btn,
.ds-hint-text {
  background: none;
  border: none;
  padding: 0 6px;
}
.ds-hint-text-tooltip-w {
  cursor: default;
  text-align: left;
  z-index: 302;
  height: 0;
  width: 250px;
  position: absolute;
  bottom: 100%;
  left: 50%;
}
.ds-hint-text-tooltip-w.ds--right {
  bottom: 0;
  left: 100%;
}
.ds-hint-text-tooltip-w.ds--left {
  bottom: 0;
  left: 0;
  margin-left: -8px;
}
.ds-hint-text:hover .ds-hint-text-tooltip-w .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(-50%) translateY(-100%);
      transform: scale(1) translateX(-50%) translateY(-100%);
}
.ds-hint-text:hover .ds-hint-text-tooltip-w .ds-hint-text-tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #fff;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 8px);
}
.ds-hint-text:hover .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(9px) translateY(-50%);
      transform: scale(1) translateX(9px) translateY(-50%);
}
.ds-hint-text:hover .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip:after {
  border-bottom: 8px solid transparent;
  border-right: 9px solid #fff;
  border-top: 8px solid transparent;
  bottom: calc(50% - 8px);
  left: calc(1px - 2*9px);
}
.ds-hint-text:hover .ds-hint-text-tooltip-w.ds--left .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(-100%) translateY(-50%);
      transform: scale(1) translateX(-100%) translateY(-50%);
}
.ds-hint-text:hover .ds-hint-text-tooltip-w.ds--left .ds-hint-text-tooltip:after {
  border-bottom: 8px solid transparent;
  border-left: 9px solid #fff;
  border-top: 8px solid transparent;
  bottom: calc(50% - 8px);
  left: auto;
  right: calc(1px - 2*9px);
}
.ds-hint-text:active .ds-hint-text-tooltip-w .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(-50%) translateY(-100%);
      transform: scale(1) translateX(-50%) translateY(-100%);
}
.ds-hint-text:active .ds-hint-text-tooltip-w .ds-hint-text-tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #fff;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 8px);
}
.ds-hint-text:active .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(9px) translateY(-50%);
      transform: scale(1) translateX(9px) translateY(-50%);
}
.ds-hint-text:active .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip:after {
  border-bottom: 8px solid transparent;
  border-right: 9px solid #fff;
  border-top: 8px solid transparent;
  bottom: calc(50% - 8px);
  left: calc(1px - 2*9px);
}
.ds-hint-text:active .ds-hint-text-tooltip-w.ds--left .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(-100%) translateY(-50%);
      transform: scale(1) translateX(-100%) translateY(-50%);
}
.ds-hint-text:active .ds-hint-text-tooltip-w.ds--left .ds-hint-text-tooltip:after {
  border-bottom: 8px solid transparent;
  border-left: 9px solid #fff;
  border-top: 8px solid transparent;
  bottom: calc(50% - 8px);
  left: auto;
  right: calc(1px - 2*9px);
}
.ds-hint-text.focus-visible .ds-hint-text-tooltip-w .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(-50%) translateY(-100%);
      transform: scale(1) translateX(-50%) translateY(-100%);
}
.ds-hint-text.focus-visible .ds-hint-text-tooltip-w .ds-hint-text-tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #fff;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 8px);
}
.ds-hint-text.focus-visible .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(9px) translateY(-50%);
      transform: scale(1) translateX(9px) translateY(-50%);
}
.ds-hint-text.focus-visible .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip:after {
  border-bottom: 8px solid transparent;
  border-right: 9px solid #fff;
  border-top: 8px solid transparent;
  bottom: calc(50% - 8px);
  left: calc(1px - 2*9px);
}
.ds-hint-text.focus-visible .ds-hint-text-tooltip-w.ds--left .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(-100%) translateY(-50%);
      transform: scale(1) translateX(-100%) translateY(-50%);
}
.ds-hint-text.focus-visible .ds-hint-text-tooltip-w.ds--left .ds-hint-text-tooltip:after {
  border-bottom: 8px solid transparent;
  border-left: 9px solid #fff;
  border-top: 8px solid transparent;
  bottom: calc(50% - 8px);
  left: auto;
  right: calc(1px - 2*9px);
}
.ds-hint-text.ds--disabled {
  cursor: default;
}
@media only screen and (max-width: 833px) {
  .ds-hint-text {
    display: none;
  }
}
.ds-hint-text-by-click .ds-hint-text-tooltip-w .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(-50%) translateY(-100%);
      transform: scale(1) translateX(-50%) translateY(-100%);
}
.ds-hint-text-by-click .ds-hint-text-tooltip-w .ds-hint-text-tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #fff;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 8px);
}
.ds-hint-text-by-click .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(9px) translateY(-50%);
      transform: scale(1) translateX(9px) translateY(-50%);
}
.ds-hint-text-by-click .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip:after {
  border-bottom: 8px solid transparent;
  border-right: 9px solid #fff;
  border-top: 8px solid transparent;
  bottom: calc(50% - 8px);
  left: calc(1px - 2*9px);
}
.ds-hint-text-by-click .ds-hint-text-tooltip-w.ds--left .ds-hint-text-tooltip {
  -ms-transform: scale(1) translateX(-100%) translateY(-50%);
      transform: scale(1) translateX(-100%) translateY(-50%);
}
.ds-hint-text-by-click .ds-hint-text-tooltip-w.ds--left .ds-hint-text-tooltip:after {
  border-bottom: 8px solid transparent;
  border-left: 9px solid #fff;
  border-top: 8px solid transparent;
  bottom: calc(50% - 8px);
  left: auto;
  right: calc(1px - 2*9px);
}
.ds-hint-text-tooltip {
  display: inline-block;
  margin-top: -12px;
  position: absolute;
  -ms-transform: scale(0) translateX(-50%) translateY(-100%);
      transform: scale(0) translateX(-50%) translateY(-100%);
  -ms-transform-origin: top left;
      transform-origin: top left;
  transition: transform 0.15s ease;
}
.ds-hint-text-tooltip:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.ds-hint-text-tooltip-inner {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px 0 #7d8081;
  color: #53585b;
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  max-width: 240px;
  padding: 15px;
  white-space: normal;
}
.ds-hint-loader {
  height: 40px;
  width: 40px;
}

.ds-loyalty-field-opt .ds-input-components-checkbox {
  margin-top: 15px;
}
.ds-loyalty-field-opt .ds-hint-text-tooltip-w {
  width: 450px;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-field-opt .ds-hint-text-tooltip-w {
    width: 300px;
  }
}
.ds-loyalty-field-opt .ds-hint-text-tooltip-inner {
  max-width: 450px;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-field-opt .ds-hint-text-tooltip-inner {
    max-width: 300px;
  }
}
.ds-loyalty-field-opt.ds--disabled-opt-in-out .ds-icon-info {
  color: #7cbae9;
}

.ds-loyalty-field-modal {
  z-index: 1000000;
}
.ds-loyalty-field-modal .ds-popup-inner {
  width: 663px;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-field-modal .ds-popup-inner {
    width: 100%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-popup-overlay.ds-loyalty-field-modal {
    z-index: 10001;
  }
}

.ds-loyalty-field .ds-input-components-checkbox-label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: auto;
  line-height: 22px;
}
.ds-loyalty-field .ds-input-components-checkbox-span {
  min-width: 20px;
}
.ds-loyalty-field.ds--disabled .ds-input-components-checkbox-label {
  color: #adb1b4;
}
.ds-loyalty-field.ds--disabled .ds-input-components-checkbox-span,
.ds-loyalty-field.ds--disabled .ds-input-components-checkbox-check {
  opacity: 0.5;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-popup-indent {
  padding: 30px;
}
.ds-popup-dialog {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 4px 20px 0 rgba(83, 88, 91, 0.15);
  color: #53585b;
  position: relative;
  text-align: left;
  white-space: normal;
  width: 100%;
}
.ds-popup-overlay {
  background: rgba(0, 0, 0, 0.32);
  height: 100%;
  left: 0;
  overflow: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.ds-popup-overlay:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
@media only screen and (max-width: 833px) {
  .ds-popup-overlay {
    text-align: left;
    white-space: normal;
  }
  .ds-popup-overlay:after {
    display: none;
  }
}
.ds-popup-inner {
  display: inline-block;
  margin: 20px 0;
  max-width: 960px;
  min-width: 320px;
  vertical-align: middle;
  width: 95%;
}
.ds-popup-close {
  cursor: pointer;
  fill: #aaa;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  z-index: 1;
}
.ds-popup-close-button {
  background: transparent;
  border: none;
  cursor: pointer;
  fill: #aaa;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 14px;
  z-index: 1;
}
.ds-popup-close.ds--hide {
  display: none;
}
.ds-popup-close:hover {
  color: #aaa;
}
.ds-popup-gray-zone {
  background: #fbfbfb;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}
.ds-popup-alert-text {
  font-size: 14px;
}
.ds-popup-body-lock {
  overflow: hidden !important;
}
@media only screen and (max-width: 833px) {
  .ds-popup-body-lock {
    position: fixed;
  }
}
@media only screen and (max-width: 833px) {
  .ds-popup-body-lock-mobile {
    overflow: hidden;
    position: fixed;
  }
}
.ds-popup-header {
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.ds-popup-text {
  color: #53585b;
  font-size: 14px;
}
.ds-popup-alert-buttons {
  clear: both;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  overflow: hidden;
}
.ds-popup-alert-button {
  margin-left: 10px;
}
.ds-popup-gray-header {
  -ms-flex-align: baseline;
      align-items: baseline;
  background: #53585b;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: 0;
  padding: 11px 15px;
  width: 100%;
}
.ds-popup-gray-header-side {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  margin: -11px 0;
  padding: 11px 0;
  width: 25%;
}
.ds-popup-gray-header-title {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
}
.ds-popup-gray-header-icon {
  fill: #fff;
  height: 12px;
  position: relative;
  width: 12px;
}
.ds-popup-gray-header-icon.ds--left {
  margin-right: 10px;
}
.ds-popup-gray-header-link {
  cursor: pointer;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-popup-gray-header-link:hover {
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-popup-gray-header-link:hover {
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-popup-gray-header-link:hover {
    text-decoration: underline;
  }
}
.ds-popup-gray-header-link:active {
  text-decoration: underline;
}
.ds-popup-mobile-list {
  border-bottom: 1px solid #c0c9ce;
  border-top: 1px solid #c0c9ce;
  margin-top: 40px;
  padding-left: 15px;
}
.ds-popup-mobile-list-item {
  border-top: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 20px;
  min-width: 0;
  padding: 15px;
  padding-left: 0;
  position: relative;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-popup-mobile-list-item:hover {
    background: #fcfcfc;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-popup-mobile-list-item:hover {
    background: #fcfcfc;
  }
}
@media (hover) {
  .ds-popup-mobile-list-item:hover {
    background: #fcfcfc;
  }
}
.ds-popup-mobile-list-item:active {
  background: #fcfcfc;
}
.ds-popup-mobile-list-item:first-child {
  border-top: none;
}
.ds-popup-search-bar {
  padding: 15px;
}
.ds-popup-search-bar-link {
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-popup-search-bar-link:hover {
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-popup-search-bar-link:hover {
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-popup-search-bar-link:hover {
    text-decoration: underline;
  }
}
.ds-popup-search-bar-link:active {
  text-decoration: underline;
}
.ds-popup-search-bar-icon {
  fill: #0077c8;
  margin-right: 10px;
  margin-top: -3px;
  height: 12px;
  width: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-popup-indent {
    padding: 20px 15px;
  }
  .ds-popup-close {
    height: 22px;
    right: 10px;
    top: 10px;
    width: 25px;
  }
  .ds-popup-close-button .ds-popup-close {
    right: 0;
    top: 0;
  }
  .ds-popup-header {
    font-size: 16px;
  }
  .ds-popup-dialog {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
  }
  .ds-popup-inner {
    display: block;
    height: 100%;
    margin: 0;
    width: 100%;
  }
  .ds-popup-overlay {
    height: 100%;
  }
  .ds-popup-alert-buttons {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .ds-popup-alert-button {
    margin: 0;
    width: 100%;
  }
  .ds-popup-alert-button:last-child {
    margin-right: 10px;
  }
  .ds-popup-text {
    max-width: 100%;
    overflow: hidden;
  }
  .ds-loader-wrap {
    height: 100%;
  }
}
.ds-video-popup {
  height: calc(60vh + 2 * 80px);
  padding: 80px 0;
}
@media only screen and (max-width: 833px) {
  .ds-video-popup {
    box-sizing: border-box;
    height: 100vh;
    padding: 0;
  }
  .ds-video-popup-inner {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}
.ds-video-popup .ds-popup-close {
  top: 30px;
  right: 25px;
  height: 32px;
  width: 24px;
}
.ds-video-popup-cnt {
  height: 60vh;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-video-popup-cnt {
    height: 50vh;
  }
}
.ds-add-distributor-popup {
  margin: 0 auto;
  width: 715px;
}
@media only screen and (max-width: 1379px) {
  .ds-add-distributor-popup {
    width: auto;
  }
}
.ds-add-distributor-popup .dialogue_perpay_wrapper {
  max-width: 700px;
}
body.modal-open .header,
body.ds-popup-body-lock .header {
  z-index: 1;
}
@media only screen and (max-width: 833px) {
  .ds-popup-overlay .dialogue .dialogue_wrapper {
    -ms-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%);
  }
  .ds-popup-overlay .dialogue .dialogue_wrapper.slide-up {
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    transition: 0.4s ease-in-out;
  }
}
@media (max-width: 833px) {
  .ds-popup-overlay.ds-loyalty-field-modal .dialogue .dialogue_wrapper {
    -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
  }
}
@media (max-height: 665px) {
  .dialogue_perpay_addLocation .dialogue_wrapper.slide-up {
    max-height: 95vh;
    overflow-y: scroll;
  }
}

.ds-loyalty-options {
  background-color: #fcfcfc;
  margin-bottom: 20px;
  padding-top: 20px;
}
.ds-loyalty-options-title {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 500;
  padding-bottom: 10px;
}

.modal .modal-header {
  border: none;
}

.ds-copy-from-clipboard-modal-container {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0 4px 20px 0 rgba(83, 88, 91, 0.15);
}
.ds-copy-from-clipboard-modal-container .ds-popup-alert-buttons {
  border-top: none;
}
.ds-copy-from-clipboard-modal-cancel-btn {
  border: 1px solid #aaa;
  border-radius: 4px;
}
.ds-copy-from-clipboard-modal-import-btn {
  background-color: #d5d5d5;
  border-radius: 4px;
}
.ds-copy-from-clipboard-modal-import-btn-clickable {
  background-color: #f6a800;
}
.ds-copy-from-clipboard-modal-field-wrapper {
  padding: 0 30px;
}
.ds-copy-from-clipboard-modal-textarea {
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  color: #53585b;
  display: block;
  font-size: 14px;
  font-weight: 300;
  height: 205px;
  line-height: 1.5;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 11px;
  resize: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
.ds-copy-from-clipboard-modal-textarea:-ms-input-placeholder {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
}
.ds-copy-from-clipboard-modal-textarea::placeholder {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
}
.ds-copy-from-clipboard-modal-textarea:focus {
  outline: none;
}

.ds-select-distibutor-step-content {
  font-size: 14px;
  font-weight: 500;
  padding: 25px 40px 40px;
  min-height: 370px;
}
.ds-select-distibutor-step-cta {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 35px;
}
.ds-select-distibutor-step-authorization {
  color: #FF0000;
}
.ds-redirect-warning-step-content {
  padding: 30px 30px 15px;
}
.ds-redirect-warning-step-message {
  font-size: 14px;
}
.ds-redirect-warning-step-links-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ds-redirect-warning-step-link {
  font-size: 13px;
  font-weight: 300;
  list-style-type: none;
  margin-bottom: 15px;
}
.ds-redirect-warning-step-icon {
  fill: #0077c8;
  height: 15px;
  margin: 0 0 2px 6px;
  width: 15px;
}
.ds-choose-ship-to-step-wrapper {
  font-size: 14px;
  padding: 30px 30px 15px;
}
.ds-choose-ship-to-step-cta {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 500;
  margin-bottom: 35px;
}
.ds-choose-ship-to-step-input-wrap {
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  height: 40px;
  margin: 5px 0 20px;
  position: relative;
  width: 300px;
}
.ds-choose-ship-to-step-help-message {
  color: #272727;
}
.ds-choose-ship-to-step-options-wrapper.ds--scroll {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  max-height: 230px;
  width: 570px;
}
.dialogue_perpay_site_modal .dialogue_perpay_wrapper {
  position: static;
  -ms-transform: none;
      transform: none;
  box-shadow: none;
  padding: 0;
  max-width: 100%;
  max-width: 713px;
}
.ds-select-distibutor-step-content {
  padding: 0;
  min-height: 350px;
}
.ds-select-distibutor-step-content .ds-input-components-select {
  margin-bottom: 32px;
}
.ds-select-distibutor-step-content .selection-group .selector_group_wrapper {
  display: -ms-flexbox;
  display: flex;
}
.ds-select-distibutor-step-content .selection-group .selector_group_wrapper .input__label {
  font-size: 14px;
}
.ds-select-distibutor-step-content .ds-select-distibutor-step-cta {
  border-bottom: none;
  margin-bottom: 20px;
  font-size: 16px;
}
.ds-select-distibutor-step-content .ds-distributor-to-add {
  margin: 0;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: bold;
}
.ds-select-distibutor-step-content .eachOptionItemWrapper {
  display: -ms-flexbox;
  display: flex;
}
.ds-select-distibutor-step-content .eachOptionItemWrapper:hover {
  background-color: #F8F8F8 !important;
}
.ds-select-distibutor-step-content .eachOptionItemWrapper:focus {
  background-color: #F8F8F8 !important;
}
.ds-select-distibutor-step-content .ds-select-distibutor-step-select:hover {
  background-color: #F8F8F8 !important;
}
.ds-select-distibutor-step-content .ds-select-distibutor-step-select:focus {
  background-color: #F8F8F8 !important;
}
.ds-select-distibutor-step-content .eachOptionItem {
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-select-distibutor-step-content .eachOptionItem {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ds-select-distibutor-step-content .eachOptionItem .pill {
    margin-top: 5px;
  }
}
.ds-select-distibutor-step-content .eachOptionItem .pill_label {
  font-size: 14px;
  font-weight: normal;
}
.ds-select-distibutor-step-content .eachOptionItem .optionValue {
  font-size: 16px;
}
.ds-select-distibutor-step-content .eachOptionItemIfNotAvail {
  font-size: 13px;
  color: #ada9ab;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-select-distibutor-step-content .eachOptionItemIfNotAvail {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ds-select-distibutor-step-content .eachOptionItemIfNotAvail .pill {
    margin-top: 5px;
  }
}
.ds-select-distibutor-step-content .eachOptionItemIfNotAvail .pill_label {
  font-size: 13px;
  font-weight: normal;
}
.ds-select-distibutor-step-content .comingSoon {
  border-radius: 12px;
  margin-left: auto;
  color: #fff;
  background-color: #aaa;
  padding: 2px 10px;
  font-size: 12px;
}
.preferred-distributors-switch.disabled {
  pointer-events: none;
  opacity: 0.8;
}

.select__input {
  color: transparent !important;
  box-shadow: 0 0 0 0px #aaa !important;
  border: none !important;
  border-color: transparent !important;
  display: block !important;
}
.select__control:hover,
.select__control:active,
.select__control:focus {
  border-color: #ced4da !important;
  outline: 0 !important;
  box-shadow: none;
}
.focus-visible,
.focus-visible:focus,
.focus-visible:active {
  outline: 0 !important;
  box-shadow: 0 0 0 0 #aaa !important;
}
.ds-select-distibutor-step-container div[class^="css"][class$="menu"].select__menu {
  margin-top: 55px;
  box-shadow: none;
  border: 1px solid #ccc;
  border-top: 0;
}
.ds-select-distibutor-step-container div[class^="css"][class$="menu"].select__menu .select__menu-list > div {
  border-top: 1px solid #aaa;
}
.ds-select-distibutor-step-container .select__input input {
  color: #444 !important;
  padding-left: 10px !important;
}
.ds-select-distibutor-step-container .select__input input + div {
  overflow: visible !important;
  visibility: visible !important;
}
.ds-select-distibutor-step-container .select__input input:focus + div:after {
  display: none;
}
.ds-select-distibutor-step-container .select__input input + div:after {
  position: absolute;
  content: "Search Available distributors";
  top: 11px;
  left: 10px;
  display: block;
  color: #555;
}
.ds-select-distibutor-step-container,
.ds-select-distibutor-step-container > *,
.ds-select-distibutor-step-container > *:focus {
  outline: none !important;
}
.ds-select-distibutor-step-container .select__control div.css-1g6gooi {
  width: calc(100% + 2px);
  position: absolute;
  top: 52px;
  background-color: #fff;
  opacity: 0;
  left: -1px;
  min-height: 40px;
  margin: 0;
  padding: 8px 0;
  box-shadow: none;
  border: none;
  border: 1px solid #ccc;
  border-top: 0;
  border-bottom: 0;
  z-index: 9;
  pointer-events: none;
}
.ds-select-distibutor-step-container .select__control {
  border-radius: 4px 4px 0 0;
  min-height: 50px;
  box-shadow: none !important;
  border-color: #ced4da !important;
}
.ds-select-distibutor-step-container .select__control--menu-is-open div.css-1g6gooi {
  display: block;
  opacity: 1;
  pointer-events: visible;
}
.ds-select-distibutor-step-container .select__control--menu-is-open div.css-1g6gooi .select__input {
  min-height: 38px;
  margin: 0 10px;
  box-shadow: 0 0 0 0.5px #ccc !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
  padding: 3px;
  border-radius: 4px;
  position: relative;
}
.ds-select-distibutor-step-container div.css-1g6gooi .select__input:after {
  content: "";
  right: 10px;
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI2IDI4Ij4NCjx0aXRsZT5zZWFyY2g8L3RpdGxlPg0KPHBhdGggZD0iTTE4IDEzYzAtMy44NTktMy4xNDEtNy03LTdzLTcgMy4xNDEtNyA3IDMuMTQxIDcgNyA3IDctMy4xNDEgNy03ek0yNiAyNmMwIDEuMDk0LTAuOTA2IDItMiAyLTAuNTMxIDAtMS4wNDctMC4yMTktMS40MDYtMC41OTRsLTUuMzU5LTUuMzQ0Yy0xLjgyOCAxLjI2Ni00LjAxNiAxLjkzNy02LjIzNCAxLjkzNy02LjA3OCAwLTExLTQuOTIyLTExLTExczQuOTIyLTExIDExLTExIDExIDQuOTIyIDExIDExYzAgMi4yMTktMC42NzIgNC40MDYtMS45MzcgNi4yMzRsNS4zNTkgNS4zNTljMC4zNTkgMC4zNTkgMC41NzggMC44NzUgMC41NzggMS40MDZ6Ij48L3BhdGg+DQo8L3N2Zz4NCg==");
  background-size: contain;
  height: 14px;
  width: 14px;
  background-repeat: no-repeat;
}
.ds-select-distibutor-step-container .select__value-container {
  width: 100%;
  min-height: 50px;
  overflow: visible;
  position: static;
}
.ds-select-distibutor-step-container .select__indicator-separator {
  display: none;
}
.ds-select-distibutor-step-container .select__indicators {
  margin-right: 8px;
}
.ds-select-distibutor-step-container .ds-distributor-to-add {
  margin-bottom: 12px;
}
.ds-select-distibutor-step-container .select__indicator {
  height: 36px;
  width: 36px;
  position: relative;
}
.ds-select-distibutor-step-container .select__indicator svg {
  display: none;
}
.ds-select-distibutor-step-container .select__indicator:after {
  content: "";
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  margin-right: 10px;
  clip-path: polygon(100% 0%, 100% 100%, 0% 0%);
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 0%);
  background-color: #34495e;
  border-radius: 6px 2px 6px 0;
  -ms-transform: rotate(135deg) translate(-50%, -50%);
      transform: rotate(135deg) translate(-50%, -50%);
  top: 27%;
  left: 17%;
  position: absolute;
}
.ds-select-distibutor-step-container .select__placeholder {
  font-size: 16px;
  color: #00000099;
  font-weight: 500;
}
.select__single-value .ds-select-distibutor-step-container.format-option > div .pill {
  display: none;
}
.submitBtnAddDistributor {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.submitBtnAddDistributor button[disabled] {
  box-shadow: none;
  background: transparent;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-import-from-excel-modal-container {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0 4px 20px 0 rgba(83, 88, 91, 0.15);
}
.ds-import-from-excel-modal-container .ds-notify-icon-span {
  margin-right: 3px;
}
.ds-import-from-excel-modal-container .row:first-of-type {
  margin-bottom: 32px;
}
.ds-import-from-excel-modal-container .ds-notify-w {
  padding: 0 30px;
}
.ds-import-from-excel-modal-cancel-btn {
  border: 1px solid #aaa;
  border-radius: 4px;
}
.ds-import-from-excel-modal-description {
  padding: 30px 30px 45px;
}
.ds-import-from-excel-content {
  margin-bottom: 70px;
  padding: 0 30px;
}

.ds-reorder-this-order-modal-container {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0 4px 20px 0 rgba(83, 88, 91, 0.15);
}
.ds-reorder-this-order-modal-cancel-btn {
  border: 1px solid #aaa;
  border-radius: 4px;
}
.ds-reorder-this-order-modal-import-btn {
  background-color: #d5d5d5;
  border-radius: 4px;
}
.ds-reorder-this-order-modal-import-btn-clickable {
  background-color: #f6a800;
}
.ds-reorder-this-order-modal-field-wrapper {
  padding: 0 40px;
}
.ds-reorder-this-order-modal-textarea {
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  height: 205px;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 11px;
  resize: none;
  width: 100%;
}
.ds-reorder-this-order-modal-textarea:-ms-input-placeholder {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
}
.ds-reorder-this-order-modal-textarea::placeholder {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
}
.ds-reorder-this-order-modal-textarea:focus {
  outline: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-invite-email-field {
  display: block;
  margin: 0;
  position: relative;
}
.ds-invite-email-field-input {
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  color: #53585b;
  display: block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.3px;
  outline: none;
  padding: 25px 25px 25px 70px;
  resize: none;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-invite-email-field-input {
    font-size: 16px;
    padding: 20px 15px 20px 55px;
  }
}
.ds-invite-email-field-input:-ms-input-placeholder {
  color: #aaa;
}
.ds-invite-email-field-input::placeholder {
  color: #aaa;
}
.ds-invite-email-field-input.ds--error {
  border: 1px solid #e4002b;
}
.ds-invite-email-field-error {
  color: #e4002b;
  display: block;
  font-size: 14px;
  margin-top: 7px;
}
.ds-invite-email-field-icon {
  color: #aaa;
  fill: #aaa;
  position: absolute;
  left: 30px;
  top: 30px;
  height: 22px;
  width: 25px;
}
@media only screen and (max-width: 833px) {
  .ds-invite-email-field-icon {
    left: 20px;
    top: 21px;
    height: 21px;
    width: 20px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-invite-email-field-error {
  color: #e4002b;
  display: block;
  font-size: 14px;
  margin-top: 7px;
}
.ds-group-field-error {
  color: #e4002b;
  display: block;
  font-size: 14px;
  margin-top: 7px;
}
.ds-group-more-admin {
  color: #0077c8;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  resize: none;
  float: right;
  text-decoration: none;
}
.ds-practice-more-admin {
  color: #0077c8;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  resize: none;
  float: none;
  text-decoration: none;
}
.ds-practice-group-name {
  border-bottom: 0px;
  padding: 0px;
}
.ds-group-more-admin:hover {
  text-decoration: underline;
}
.form-group-c1,
.form-group-c3 {
  display: inline-block;
  width: 58%;
  vertical-align: top;
  margin-top: 5px;
}
.form-group-c2,
.form-group-c4 {
  display: inline-block;
  width: 38%;
  vertical-align: top;
  margin-top: 5px;
}
.form-practice-c1,
.form-practice-c3 {
  display: inline-block;
  width: 54%;
  vertical-align: top;
  margin-top: 5px;
}
.form-practice-c2,
.form-practice-c4 {
  display: inline-block;
  width: 54%;
  vertical-align: top;
  margin-top: 5px;
}
.required {
  color: red;
}
.ds-hide-group-admin-fields {
  display: none;
}
.ds-show-group-admin-fields {
  display: inline-block;
}
.ds-group-name-label {
  color: #53585b;
  display: inline-block;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.3px;
  outline: none;
  resize: none;
  margin-top: 15px;
}
.ds-group-name-field-input {
  color: #53585b;
  display: inline-block;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.3px;
  outline: none;
  resize: none;
  width: 84%;
  margin-top: 5px;
}
@media only screen and (max-width: 767.98px) {
  .ds-group-name-field-input {
    font-size: 16px;
  }
}
.ds-group-admin-email-field-input {
  color: #53585b;
  display: inline-block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.3px;
  outline: none;
  resize: none;
  width: 380px;
  margin-top: 5px;
}
@media only screen and (max-width: 833px) {
  .ds-group-admin-email-field-input {
    font-size: 16px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-select-practice-account-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-user-invite-expired {
  top: 0px;
  left: 0px;
  width: 102px;
  height: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #E4002B;
  margin-right: 5px;
  font-weight: 500;
}
.ds-record-svg-is-open {
  font-weight: 500;
  padding-bottom: 2px;
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
  fill: #BEBEBE;
}
.ds-record-svg-not-open {
  font-weight: 500;
  padding-bottom: 2px;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  fill: #BEBEBE;
}
.ds-input-user-components-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
}
.ds-manage-user-list--down-icon {
  font-weight: 500;
  margin-left: 13px;
  padding-bottom: 2px;
  height: 14px;
  width: 14px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  fill: #BEBEBE;
}
.custom-user-style-svg {
  position: relative;
  top: -28px;
  right: -60px;
  pointer-events: none;
}
.custom-practice-style-svg {
  position: relative;
  top: -28px;
  right: -102px;
  pointer-events: none;
}
.custom-role-style-svg {
  position: relative;
  top: -28px;
  right: -160px;
  pointer-events: none;
}
.ds-user-management-email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 233px;
}
.custom-style-user-filter-svg {
  position: relative;
  height: 15px;
  width: 20px;
  color: #53585B;
}
.ds-user-edit-Invite-button,
.ds-user-edit-Invite-button:hover {
  color: #AAAAAA;
  text-decoration: none;
}
.ds-user-remove-button {
  font-weight: 500;
}
.ds-search-add-practice-user-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 12px;
}
.ds-user-access-group {
  width: 100px;
  height: 26px;
  margin-left: 10px;
}
.ds-user-access-practice {
  width: 142px;
  height: 16px;
  margin-left: 10px;
}
.ds-user-access-role {
  width: 200px;
  height: 26px;
  margin-left: 10px;
}
.ds-user-access-status {
  width: 120px;
  height: 16px;
  margin-left: 10px;
}
.custom-user-status-style-svg {
  position: relative;
  top: -28px;
  right: -84px;
  pointer-events: none;
}
.ds-user-invite-sent {
  top: 0px;
  left: 0px;
  width: 83px;
  height: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #0077C7;
  margin-right: 5px;
  font-weight: 500;
}
.ds-user-sort-components-select {
  border: none;
}
.ds-number-display {
  font-weight: 600;
  color: #53585B;
}
.ds-user-access-management-sort-by {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 15px;
  padding: 0;
}
.ds-user-access-management .ds-user-edit-button .ds-dt-table-icon {
  fill: #0077C8;
}
.ds-user-access-management .ds-user-remove-button .ds-dt-table-icon {
  fill: #0077C8;
}
.ds-user-remove-block {
  font-size: 20px;
  text-align: center;
}
.ds-user-remove-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  height: 30px;
  margin-bottom: 7px;
  width: 30px;
}
.ds-user-update-block {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-user-update-block-field {
  min-width: 300px;
}
.ds-user-update-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  height: 21px;
  margin-right: 10px;
  width: 21px;
}
@media only screen and (max-width: 833px) {
  .ds-user-access-management-sort-by {
    font-size: 14px;
    -ms-flex-pack: normal;
        justify-content: normal;
  }
  .ds-user-access-management-email {
    word-break: break-word;
  }
  .ds-user-update-block {
    display: block;
  }
  .ds-user-update-name {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
  }
  .ds-user-update-icon {
    left: 0;
    position: absolute;
  }
  .ds-user-update-block-field {
    min-width: auto;
    width: 100%;
  }
  .ds-user-remove-block {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: left;
  }
  .ds-user-remove-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 21px;
    margin-right: 15px;
    width: 20px;
  }
  -name {
    display: inline;
  }
}
.all-fields {
  width: 100%;
}
.all-fields .ds-input-components-checkbox-square-label {
  height: 7px;
  width: 11px;
}
.edit-user-field1 {
  margin-right: 70px;
  width: 400px;
}
.edit-user-field2 {
  position: relative;
  top: 35px;
}
.edit-user-field3 {
  margin-right: 70px;
  width: 400px;
}
.user-details {
  text-align: center;
}
.ds-add-invite {
  -ms-flex-preferred-size: 70%!important;
      flex-basis: 70%!important;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
}
.ds-delete-role {
  color: red !important;
  position: relative;
  left: -794px;
}
.show-hide-block {
  width: 100%;
  border-top: 1px solid black;
  margin-top: 50px;
  padding-top: 30px;
}
.delete-svg {
  fill: #E4002B;
}
.divider-position {
  position: relative;
  top: 21px;
  margin-bottom: 30px;
}
.ds-record-collapse-icon {
  height: 14px;
  width: 12px;
  position: relative;
  left: -21px;
  font-weight: 300;
}
.multirow-noborder-tr {
  border-bottom: 0px !important;
}
.multirow-noborder-tr-child {
  border-top: 0px !important;
  position: relative;
}
.multirow-remove-both-borders {
  border-top: 0px !important;
  border-bottom: 0px !important;
  position: relative;
}
.custom-add-invite-blue-button {
  position: relative !important;
  top: -59px !important;
}
.ds-close-icon {
  fill: #BEBEBE;
  height: 20px;
  width: 10px;
  position: absolute;
  right: 20px;
}
@media only screen and (max-width: 1379px) {
  .invite-block:not(span) {
    display: -ms-flexbox;
    display: flex;
    width: 100%!important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .invite-block div:has(text) {
    width: 90%!important;
    display: -ms-flexbox;
    display: flex;
  }
  .invite-user-field1 {
    margin-right: 0!important;
  }
  .invite-user-field2 {
    top: 12px!important;
  }
  .form-group-c2,
  .form-group-c1 {
    width: 90%!important;
  }
  .ds-add-role {
    left: 0!important;
    top: 0 !important;
  }
  .ds-add-invite {
    -ms-flex-preferred-size: 70%!important;
        flex-basis: 70%!important;
    -ms-flex-item-align: center;
        align-self: center;
    display: -ms-flexbox;
    display: flex;
  }
  .ds-popup-alert-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    column-gap: 15px;
  }
  .ds-popup-alert-button {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
  }
  .invite-block span:has(.ds-close-invite-icon) {
    position: relative;
  }
  .invite-block span:has(.ds-close-role-icon) {
    position: relative;
  }
  .ds-close-invite-icon,
  .ds-close-role-icon {
    position: absolute!important;
    right: 0!important;
    top: 0!important;
  }
  .ds-close-role-icon {
    top: -90px !important;
  }
}
.invite-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
}
.invite-user-email-field {
  display: inline-block;
  width: 90%;
  vertical-align: top;
  margin-top: 5px;
}
.invite-user-field1 {
  margin-right: 20px;
  width: 36%;
}
.invite-user-field2 {
  top: 35px;
  width: 45%;
}
.invite-user-field3 {
  margin-right: 20px;
  width: 287px;
}
.ds-input-components-label-required::after {
  padding-left: 5px;
}
.ds-popup-dialog {
  max-height: 600px;
  overflow-y: auto;
}
.ds-add-invite-role {
  position: relative;
  top: 10px;
  font-size: 14px;
  line-height: 16px;
}
.ds-close-role-icon {
  position: relative;
  height: 24px;
  width: 15px;
  color: #AAAAAA;
}
.ds-close-invite-icon {
  position: relative;
  right: -110px;
  height: 24px;
  width: 15px;
  color: #AAAAAA;
}
.custom-add-role-divider-style {
  width: 82%;
}
.ds-info-icon-approver {
  height: 14px;
  width: 14px;
  fill: #0077C7;
  position: relative;
  top: -25px;
  right: -215px;
}

.add-practices-to-group ::-webkit-scrollbar {
  width: 4px;
}
.add-practices-to-group ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 100%;
}
.add-practices-to-group ::-webkit-scrollbar-thumb {
  background: #888;
}
.add-practices-to-group ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.add-practices-to-group .modal-gray-zone-container {
  height: 346px ;
}
.add-practices-to-group .modal-gray-zone-container .checkbox-container {
  margin: 15px 2px 0px;
}
.add-practices-to-group .modal-gray-zone-container .ds-select-practice-modal-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.add-practices-to-group .modal-gray-zone-container .ds-select-practice-modal-wrapper .group-filter {
  width: 50%;
  margin-right: 10px;
}
.add-practices-to-group .modal-gray-zone-container .ds-select-practice-modal-wrapper .search-container {
  width: 50%;
  margin-left: 10px;
  display: -ms-flexbox;
  display: flex ;
  place-self: flex-end;
}
.add-practices-to-group .modal-gray-zone-container .ds-select-practice-modal-wrapper .search-container .ds-practice-list-search {
  padding-bottom: 0px;
}
.add-practices-to-group .modal-gray-zone-container .ds-select-practice-modal-wrapper .search-container .form-control {
  place-self: flex-end;
}
.add-practices-to-group .modal-gray-zone-container .ds-select-practice-modal-wrapper .search-container .search-button {
  height: 38px;
  place-self: flex-end;
  border-radius: 0px 4px 4px 0px;
}
.add-practices-to-group .ds-popup-alert-buttons {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.add-practices-to-group .ds-popup-alert-buttons .ds-popup-alert-button {
  margin-left: 0px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.add-practices-to-group .ds-popup-alert-buttons .create-new-practice-btn {
  letter-spacing: 0;
  text-align: right;
  font: normal normal medium 14px/16px Montserrat;
  letter-spacing: 0px;
  color: #0077C8;
  opacity: 1;
  border: none;
  background: white;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0px;
  padding: 0px;
}
.add-practices-to-group .ds-popup-alert-buttons .create-new-practice-btn:hover {
  text-decoration: underline;
}
.add-practices-to-group .ds-popup-alert-buttons .save-btn {
  margin-left: 15px;
}
.add-practices-to-group .checkbox-container .ds-manage-practice-list--checkbox-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  width: 93.5%;
  font-size: 16px;
  border: none;
  background-color: transparent;
  padding: 0px;
  max-height: 41%;
  overflow-y: scroll;
}
.add-practices-to-group .checkbox-container .ds-manage-practice-list--checkbox-container .checkbox {
  padding-left: 0px;
  padding-right: 0px;
}
.ds-select-practice-account-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.ds-order-approval-wrapper .ds-order-approver-container {
  width: 80%;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-margin {
  width: 32%;
  display: -ms-flexbox;
  display: flex;
}
.ds-order-approval-wrapper .ds-rule-type-pane .active-rule-type .ds-rule-type-container {
  border: 2px solid #106AC5 !important;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container {
  cursor: pointer;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #F2F2F2;
  border-radius: 6px;
  opacity: 1;
  -ms-flex-align: center;
      align-items: center;
  padding: 30px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container a,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container a:hover,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container a:focus,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container a:active {
  text-decoration: none;
  color: inherit;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container .ds-rule-type-heading-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container .ds-rule-type-heading-container .ds-rule-type-heading {
  text-align: left;
  font: normal normal 600 16px/32px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container .ds-rule-type-heading-container .ds-rule-type-icon {
  width: 24px;
  height: 24px;
  opacity: 1;
  fill: #106AC5;
  margin-right: 5px;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container .ds-rule-type-text {
  margin-top: 2px;
  text-align: left;
  font: normal normal normal 12px/18px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container:hover {
  border: 2px solid #3C40434D;
}
.ds-order-approval-wrapper .ds-rule-type-pane .ds-rule-type-container:active {
  border: 2px solid #106AC5;
}
.ds-order-approval-wrapper .ds-approver-select-container .ds-select-title .ds-title,
.ds-order-approval-wrapper .ds-spend-limit-container .ds-select-title .ds-title,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-select-title .ds-title,
.ds-order-approval-wrapper .ds-rules-application-container .ds-select-title .ds-title {
  text-align: left;
  font: normal normal normal 18px/32px Montserrat;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 500;
}
.ds-order-approval-wrapper .ds-approver-select-container .ds-select-title .ds-select-order-title,
.ds-order-approval-wrapper .ds-spend-limit-container .ds-select-title .ds-select-order-title,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-select-title .ds-select-order-title,
.ds-order-approval-wrapper .ds-rules-application-container .ds-select-title .ds-select-order-title {
  color: #212B36;
  font-weight: normal;
}
.ds-order-approval-wrapper .ds-approver-select-container .ds-select-text .ds-text,
.ds-order-approval-wrapper .ds-spend-limit-container .ds-select-text .ds-text,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-select-text .ds-text,
.ds-order-approval-wrapper .ds-rules-application-container .ds-select-text .ds-text {
  text-align: left;
  font: normal normal normal 16px/24px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
  margin: 0px;
  margin-bottom: 16px;
}
.ds-order-approval-wrapper .ds-approver-select-container .ds-select,
.ds-order-approval-wrapper .ds-spend-limit-container .ds-select,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-select,
.ds-order-approval-wrapper .ds-rules-application-container .ds-select {
  width: 45%;
}
.ds-order-approval-wrapper .ds-approver-select-container .ds-spend-limit-text,
.ds-order-approval-wrapper .ds-spend-limit-container .ds-spend-limit-text,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-spend-limit-text,
.ds-order-approval-wrapper .ds-rules-application-container .ds-spend-limit-text {
  margin-top: 16px !important;
  margin-bottom: 40px !important;
}
.ds-order-approval-wrapper .ds-approver-select-container .ds-spend-limit-type-select,
.ds-order-approval-wrapper .ds-spend-limit-container .ds-spend-limit-type-select,
.ds-order-approval-wrapper .ds-rule-type-pane .ds-spend-limit-type-select,
.ds-order-approval-wrapper .ds-rules-application-container .ds-spend-limit-type-select {
  margin-right: 40px !important;
}
.ds-order-approval-wrapper .ds-rules-application-container .ds-rules-application {
  width: 80%;
}
.ds-order-approval-wrapper .ds-rules-application-container .select-all-checkbox {
  margin-top: 16px;
  margin-bottom: 20px;
}
.ds-order-approval-wrapper .ds-rules-application-container .select-all-checkbox .ds-input-components-checkbox-square {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ds-order-approval-wrapper .ds-rules-application-container .select-all-checkbox .ds-input-components-checkbox-square-input,
.ds-order-approval-wrapper .ds-rules-application-container .select-all-checkbox .ds-input-components-checkbox-square-label {
  text-align: left;
  width: 14px;
  height: 16px;
  font: normal normal normal 16px/22px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53575A;
  outline: 1px #53575A;
  opacity: 1;
}
.ds-order-approval-wrapper .ds-rules-application-container .select-all-checkbox .ds-input-components-checkbox-square-text {
  text-align: left;
  font: normal normal normal 16px/22px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53575A;
  opacity: 1;
}
.ds-order-approval-wrapper .ds-rules-application-container .ds-product-details-collapse-content-inner {
  background-color: #F7F7F7;
}
.ds-order-approval-wrapper .ds-manage-practice-list--checkbox-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: none;
  background-color: #F7F7F7;
  width: 100%;
  text-align: left;
  font: normal normal normal 16px/22px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53575A;
  opacity: 1;
  height: 215px;
  overflow-y: scroll;
  position: relative;
}
.ds-order-approval-wrapper ::-webkit-scrollbar {
  width: 4px;
}
.ds-order-approval-wrapper ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 100%;
}
.ds-order-approval-wrapper ::-webkit-scrollbar-thumb {
  background: #888;
}
.ds-order-approval-wrapper ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.ds-order-approval-wrapper .order-wrapper-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  padding-top: 35px;
}
.ds-order-approval-wrapper .order-white-button {
  margin-right: 20px;
}
.cancel-popup-heading-style {
  font-size: 20px;
  font-family: 'Montserrat';
  color: #53585B;
}
.cancel-popup-descryption-style {
  font-size: 14px;
  font-family: 'Montserrat';
  color: #53585B;
}
.leave-page-button-style {
  color: #0A0A0ADE;
  font-size: 14px;
}
.continue-working-button-style {
  color: #0A0A0ADE !important;
  font-size: 14px;
}
.custom-font-color {
  color: #106AC5;
  border: 1px solid #DDDDDD !important;
  background-color: #FFFFFF !important;
  border-radius: 3px;
  height: 36px;
  width: 104px;
}
.custom-font-color:hover {
  color: #106AC5;
  background-color: #e0dada !important;
}

.ds-dt-order-name,
.ds-dt-order-table-links {
  color: #0077c8;
  font-weight: 500;
}
.ds-order-table-manage-users-btn {
  margin-right: 24px !important;
}
.ds-user-access-order-management .ds-user-access-order-management--select-group {
  display: -ms-flexbox;
  display: flex;
  margin-top: -45px;
  place-content: flex-end;
}
.ds-user-access-order-management .ds-user-access-order-management--select-group .ds-input-components-label {
  min-inline-size: -webkit-max-content;
  min-inline-size: -moz-max-content;
  min-inline-size: max-content;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.ds-user-access-order-management .ds-user-access-order-management--select-group .ds-input-components-wrapper {
  width: 400px;
  margin-left: 10px;
  height: 40px;
}
.ds-user-access-order-management .ds-order-page-title .ds-account-title {
  margin-bottom: 20px;
}
.checkbox-container {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 15px;
}
.checkbox-container .ds-rules-filter-count {
  font-weight: 500;
  font-size: 14px;
}
.checkbox-container .ds-manage-order-list--checkbox {
  padding: 5px 10px;
  line-height: 15px;
  height: 26px;
  border-radius: 2px;
  margin-right: 0px!important;
  border: 1px solid #C0C9CE;
  opacity: 1;
  margin-right: 15px;
  width: 136px;
}
.checkbox-container .ds-manage-order-list--checkbox-ruletype {
  width: 109px;
}
.checkbox-container .ds-manage-order-list--checkbox-ruletype .custom-style-svg-rulefilters {
  margin-left: 78px;
  margin-top: -30px;
}
.checkbox-container .ds-manage-order-list--checkbox-ruletype--selected {
  width: 135px;
  border: 1px solid #0077C8;
}
.checkbox-container .ds-manage-order-list--checkbox-ruletype--selected .custom-style-svg-rulefilters {
  margin-left: 104px;
  margin-top: -30px;
}
.checkbox-container .ds-manage-order-list--checkbox-approver {
  width: 105px;
}
.checkbox-container .ds-manage-order-list--checkbox-approver .custom-style-svg-rulefilters {
  margin-left: 75px;
  margin-top: -30px;
}
.checkbox-container .ds-manage-order-list--checkbox-approver--selected {
  width: 131px;
  border: 1px solid #0077C8;
}
.checkbox-container .ds-manage-order-list--checkbox-approver--selected .custom-style-svg-rulefilters {
  margin-left: 101px;
  margin-top: -30px;
}
.checkbox-container .ds-manage-order-list--checkbox-group {
  width: 83px;
}
.checkbox-container .ds-manage-order-list--checkbox-group .custom-style-svg-rulefilters {
  margin-left: 53px;
  margin-top: -30px;
}
.checkbox-container .ds-manage-order-list--checkbox-group--selected {
  width: 109px;
  border: 1px solid #0077C8;
}
.checkbox-container .ds-manage-order-list--checkbox-group--selected .custom-style-svg-rulefilters {
  margin-left: 79px;
  margin-top: -30px;
}
.checkbox-container .ds-manage-order-list--checkbox-practices {
  width: 96px;
}
.checkbox-container .ds-manage-order-list--checkbox-practices .custom-style-svg-rulefilters {
  margin-left: 65px;
  margin-top: -30px;
}
.checkbox-container .ds-manage-order-list--checkbox-practices--selected {
  width: 122px;
  border: 1px solid #0077C8;
}
.checkbox-container .ds-manage-order-list--checkbox-practices--selected .custom-style-svg-rulefilters {
  margin-left: 91px;
  margin-top: -30px;
}
.ds-manage-order-list--checkbox-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #CED4DA;
  position: absolute;
  background-color: #ffff;
  width: 221px;
  font-size: 14px;
  overflow-y: auto;
  max-height: 200px;
}
.ds-manage-order-list--filter-text {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  padding-left: 0px !important;
}
.filters-text {
  margin-right: 15px;
}
.ds-user-access-order-management--add-order {
  border: 1px solid #CED4DA;
}
.ds-user-access-order-management--add-order .ds-user-access-order-management--add-order-header {
  border-bottom: 1px solid #CED4DA;
  background-color: #fbfbfb;
}
.ds-manage-order-list--checkbox-container .checkbox input[type=checkbox] {
  margin-right: 5px;
  height: 16px;
  width: 16px;
}
.ds-manage-order-list--checkbox-container .ds-checkbox-value {
  top: -3px;
  position: relative;
}
.ds-manage-order-list--down-icon {
  font-weight: 500;
  height: 14px;
  width: 12px;
  fill: #BEBEBE;
}
.custom-style-svg {
  position: relative;
  top: -26px;
  right: -63px;
  pointer-events: none;
}
.custom-style-svg-account-type {
  margin-left: 106px;
  margin-top: -32px;
}
.account-status-select .ds-input-components-select {
  width: 84px;
  height: 26px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C0C9CE;
  border-radius: 2px;
  opacity: 1;
  padding: 5px 10px;
  line-height: 15px;
  margin-right: 0px!important;
}
.account-status-select .ds-input-components-select {
  background-image: none;
}
.custom-style-filter-svg {
  position: relative;
  height: 14px;
  width: 14px;
  top: 4px;
  left: 2px;
  color: #53585B;
  margin-right: 4px;
}
.custom-filter-bar {
  padding-left: 0px;
  margin-top: 38px;
  margin-bottom: -2px;
}
.ds-dt-order-table-links .ds-dt-table-icon {
  fill: #0077c8 !important;
}
.ds-dt-order-table-links .ds-dt-table-icon .ds-practice-table-left-btn,
.ds-dt-order-table-links .ds-dt-table-icon .ds-order-table-right-btn {
  margin: 0px 12px;
}
.custom-style-add-icon-svg {
  position: relative;
  top: 29px;
  left: 28px;
  fill: #FFFFFF;
  pointer-events: none;
}
.custom-filter-rule-bar {
  margin-bottom: 16px;
}
.ds-search-order-rules-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.delete-button-style {
  color: #0A0A0ADE !important;
}
.cancel-button-style {
  color: #0A0A0ADE !important;
}
.custom-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 30px;
  height: 40px;
  padding-top: 5px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
@page {
  size: A4;
}
.plr-30pt {
  padding: 0 30pt;
}
.gpu {
  transform: translate3d(0, 0, 0);
}
.ds-checkout-printable-quote {
  width: 100%;
}
.ds-checkout-printable-quote-header {
  background-color: #f9f9f9;
  font-size: 16pt;
  font-weight: 500;
  line-height: 23pt;
  overflow: hidden;
  padding: 30pt;
  position: relative;
  -webkit-print-color-adjust: exact;
  text-align: center;
}
.ds-checkout-printable-quote-header-title {
  margin-left: -25pt;
  position: absolute;
  left: 50%;
}
.ds-checkout-printable-quote-header-logo {
  float: left;
  width: 89pt;
}
.ds-checkout-printable-quote-header-logo-link {
  display: block;
}
.ds-checkout-printable-quote-header-logo-img {
  height: 26pt;
  max-width: 100%;
  vertical-align: top;
}
.ds-checkout-printable-quote-container {
  display: -ms-flexbox;
  display: flex;
  font-size: 12pt;
  line-height: 15pt;
  margin-bottom: 18pt;
  margin-top: 25pt;
  padding: 0 30pt;
}
.ds-checkout-printable-quote-container .col33 {
  min-width: 33.33%;
  max-width: 33.33%;
}
.ds-checkout-printable-quote-container-title {
  font-weight: 500;
  margin-bottom: 12pt;
}
.ds-checkout-printable-quote-container-title:nth-of-type( n+2 ) {
  margin-top: 15pt;
}
.ds-checkout-printable-quote-table-container {
  padding: 0 30pt;
}
.ds-checkout-printable-quote-table .ds-dt-table-cell {
  font-size: 11pt;
  line-height: 14pt;
}
.ds-checkout-printable-quote-table .ds-dt-table-cell:first-child {
  font-weight: 500;
  padding-left: 14pt;
}
.ds-checkout-printable-quote-table .ds-dt-table-body-tr:nth-child( even ) {
  background-color: #fff;
  -webkit-print-color-adjust: exact;
}
.ds-checkout-printable-quote-notification {
  border-bottom: none !important;
}
.ds-checkout-printable-quote-notification .ds-dt-table-cell {
  font-weight: 300;
  padding-bottom: 4pt;
  padding-top: 11pt;
}
.ds-checkout-printable-quote-notification + tr {
  border-top: none !important;
}
.ds-checkout-printable-quote-notification .ds-inline-notification {
  border-bottom: none;
  font-size: 11pt;
  font-weight: 300;
  line-height: 16pt;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
}
.ds-checkout-printable-quote-notification .ds-inline-notification-title,
.ds-checkout-printable-quote-notification .ds-inline-notification-icon {
  color: #53585b !important;
  font-weight: 500;
}
.ds-checkout-printable-quote-notification .ds-inline-notification-icon {
  height: 14px;
  width: 16px;
}
.ds-checkout-printable-quote-summary-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 6px 0;
}
.ds-checkout-printable-quote-summary-item.ds--amount {
  font-weight: 500;
}
.ds-checkout-printable-quote-summary-item.ds--amount .ds-checkout-printable-quote-summary-item-price {
  text-align: right;
}
.ds-checkout-printable-quote-summary-item-currency {
  font-weight: 300;
}
.ds-checkout-printable-quote-summary {
  width: 100%;
}
.ds-checkout-printable-quote .ds-checkout-total-body-separator {
  -webkit-print-color-adjust: exact;
}
.ds-checkout-printable-quote .ds-checkout-total-body-separator:after {
  height: 1px;
  width: 100%;
}

.ds-dt-table {
  color: #53585b;
  font-size: 14px;
  margin-bottom: 20px;
  width: 100%;
}
.ds-dt-table-head-tr {
  background-color: #fcfcfc;
  border: 2px solid #e7e7e7;
  border-radius: 2px 2px 0 0;
}
.ds-dt-table-cell {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding: 14px;
}
.ds-dt-table-cell.ds--td {
  font-weight: 300;
  padding-right: 10px;
}
@media only screen and (max-width: 833px) {
  .ds-dt-table-cell.ds--td {
    white-space: normal;
  }
}
.ds-dt-table-cell.ds--td:last-child {
  padding-right: 14px;
  text-align: right;
  white-space: nowrap;
}
.ds-dt-table-cell.ds--td .ds-button {
  min-width: 110px;
  padding: 5px 10px;
}
.ds-dt-table-cell:first-child {
  padding-left: 35px;
}
.ds-dt-table-name {
  display: -ms-flexbox;
  display: flex;
}
.ds-dt-table-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 20px;
  margin-right: 8px;
  vertical-align: top;
  width: 20px;
}
.ds-dt-table-body-tr {
  border: 2px solid #e7e7e7;
}
.ds-dt-table-body-tr:nth-child(even) {
  background-color: #fcfcfc;
}
.ds-dt-table-buttons {
  display: inline-block;
  margin: -5px 0;
  vertical-align: top;
}
.ds-dt-table-button {
  margin-left: 15px;
}
.ds-dt-table-button:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 833px) {
  .ds-dt-table-head {
    display: none;
  }
  .ds-dt-table-body-tr {
    border: 2px solid #e7e7e7;
    display: block;
    margin-top: 20px;
  }
  .ds-dt-table-body-tr:first-child {
    margin-top: 0;
  }
  .ds-dt-table-icon {
    display: none;
  }
  .ds-dt-table-cell.ds--td {
    background-color: #fff;
    border-bottom: 2px solid #e7e7e7;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    padding: 14px 20px;
    text-align: left;
  }
  .ds-dt-table-cell.ds--td:before {
    content: attr(aria-label);
    float: left;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 500;
    min-width: 50%;
    padding-right: 10px;
  }
  .ds-dt-table-cell.ds--td:nth-child(odd) {
    background-color: #fcfcfc;
  }
  .ds-dt-table-cell.ds--td:last-child {
    background-color: #fcfcfc;
    border-bottom: none;
    display: block;
  }
  .ds-dt-table-cell.ds--td:last-child:before {
    display: none;
  }
  .ds-dt-table-buttons {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0;
    text-align: center;
  }
  .ds-dt-table-buttons .ds-button-icon {
    display: none;
  }
  .ds-dt-table-button {
    display: block;
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
  }
  .ds-dt-table-button:first-child {
    margin-top: 0;
  }
  -name {
    display: inline;
  }
}
.icon-empty {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 48px;
  margin-right: 8px;
  vertical-align: top;
  width: 48px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.plr-30 {
  padding-right: 30px;
  padding-left: 30px;
}
.font-14 {
  font-size: 14px;
}
.ds-payment-method {
  box-shadow: 0 2px 4px #D0D0D0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #D0D0D0;
}
.ds-payment-method-dspoint-img {
  height: 21px;
  width: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method .ds-checkout-info-cell {
    min-height: auto;
  }
}
.ds-payment-method .payment-method-info-subtitle {
  height: 22px;
  color: #53585b;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.ds-payment-method .payment-method-info-indirect-title {
  height: 22px;
  color: #53585b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 0.5rem;
}
.ds-payment-method .payment-method-info-indirect-subtitle {
  font-size: 14px;
  height: 22px;
  color: #53585b;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
}
.ds-payment-method .ds-checkout-info-section {
  margin: 13px 30px;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method .ds-checkout-info-section {
    min-height: auto;
  }
}
.ds-payment-method-link .ds-a {
  font-weight: 500;
  white-space: nowrap;
}
.ds-payment-method-wrapper {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.ds-payment-method-info-title {
  color: #7d8081;
  font-weight: 400;
  padding-bottom: 6px;
}
.ds-payment-method-info {
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-payment-method-info {
    max-width: 270px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-info {
    max-width: 100%;
  }
}
.ds-payment-method-dspointtxt {
  font-size: 14px;
  height: 22px;
  width: 133px;
  color: #53585b;
  font-weight: bold;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  padding-bottom: 30px;
  letter-spacing: 0;
  line-height: 22px;
}
.ds-payment-method-border {
  margin-top: 17px !important;
  margin-bottom: 13px !important;
}
.ds-payment-method-indirect-title {
  font-weight: 500 !important;
}
.ds-payment-method-info-title.ds--expired {
  color: #e4002b;
}
.ds-payment-method-info-title.ds--terms {
  color: #53585b;
  font-weight: 300;
}
.ds-payment-method-info-title.ds--card {
  color: #53585b;
  font-weight: 100;
}
.ds-payment-method-expired {
  font-size: 12px;
  padding-left: 33px;
}
.ds-payment-method-expired.ds--mobile {
  display: none;
  padding-top: 2px;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-expired {
    display: none;
  }
  .ds-payment-method-expired.ds--mobile {
    display: block;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-payment-method-form-w {
    padding-top: 25px;
  }
}
.ds-payment-method-form-w .ds-input-components-radio {
  margin: 0;
}
.ds-payment-method-form-w .ds-checkout-shipping-list-header .ds-button-icon {
  height: 13px;
  margin-right: 5px;
  width: 13px;
}
.ds-payment-method-form {
  border: 1px solid #c0c9ce;
  margin-top: 22px;
  box-shadow: 0 0 2px #D0D0D0;
  background: #fff;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-form {
    border-left: none;
    border-right: none;
  }
}
.ds-payment-method-form-header {
  background: #fbfbfb;
  font-size: 16px;
  font-weight: 400;
  padding: 13px 16px;
}
.ds-payment-method-form-bottom {
  background: #fbfbfb;
  padding: 13px 31px;
  text-align: right;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-form-bottom .ds-button {
    width: 100%;
  }
}
.ds-payment-method-form-no-default {
  font-size: 14px;
}
.ds-payment-method-form-no-default .ds-a {
  font-weight: 500;
}
.ds-payment-method-icon {
  height: 21px;
  margin-right: 12px;
  position: relative;
  width: 27px;
}
.ds-payment-method-cnt {
  border-top: 1px solid #c0c9ce;
  padding: 24px 30px 23px;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-cnt {
    padding: 24px 17px 23px;
  }
}
.ds-payment-method-disabled-pnt {
  font-size: 14px;
  height: 16px;
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
}
.ds-payment-method-disabled-bor {
  border-bottom: 1px solid #c0c9ce;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.ds-payment-method-disabled-note {
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
}
.ds-payment-method-table {
  display: table;
  margin-top: 45px;
  width: 100%;
}
.ds-payment-method-table:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-table {
    display: block;
  }
}
.ds-payment-method-row {
  display: table-row;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-row {
    display: block;
  }
}
.ds-payment-method-cell {
  font-size: 14px;
  display: table-cell;
  padding-top: 22px;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-cell {
    display: block;
    padding-top: 2px;
  }
}
.ds-payment-method-cell:first-child {
  width: 50%;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-cell:first-child {
    width: 100%;
  }
}
.ds-payment-method-cell:not( :first-child ) {
  padding-left: 40px;
  text-align: right;
  width: 25%;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-cell:not( :first-child ) {
    padding-left: 33px;
    text-align: left;
    width: 100%;
  }
}
.ds-payment-method-row:first-child .ds-payment-method-cell {
  border-bottom: 1px solid #c0c9ce;
  padding-bottom: 11px;
  padding-top: 0;
}
.ds-payment-method-row:first-child .ds-payment-method-cell:not( :first-child ) {
  text-align: right;
}
.ds-payment-method-row:first-child .ds-payment-method-cell:first-child {
  font-size: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-row:first-child .ds-payment-method-cell:not( :first-child ) {
    border: none;
    display: none;
    padding: 0;
  }
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-row:not( :first-child ) .ds-payment-method-cell:first-child {
    padding-top: 18px;
  }
}
.ds-payment-method-row:nth-child( 2 ) .ds-payment-method-cell {
  padding-top: 18px;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-row:nth-child( 2 ) .ds-payment-method-cell {
    padding-top: 0;
  }
}
.ds-payment-method-row.ds--expired {
  color: #aaa;
}
.ds-payment-method-row.ds--expired .ds-payment-method-icon {
  fill: #aaa;
}
.ds-payment-method-row.ds--expired .ds-input-components-radio-label {
  color: #aaa;
}
.ds-payment-method-row.ds--expired .ds-input-components-radio-input {
  cursor: auto;
}
.ds-payment-method-row.ds--expired .ds-input-components-radio-label .ds-input-components-radio-input:checked ~ .ds-input-components-radio-span {
  background-image: url(../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/dot-circle-gray.svg);
}
.ds-payment-method-row.ds--expired .selection-group .input__selector:after {
  background: #aaa;
}
.ds-payment-method-row.ds--expired .selection-group .input__selector.--switch:before {
  background: #aaa;
}
.ds-payment-method-row.ds--expired .selection-group .input__field:checked + .input__selector {
  border-color: #aaa;
}
.ds-payment-method-one-time {
  font-size: 14px;
  border-top: 1px solid #c0c9ce;
  border-bottom: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
  padding-top: 23px;
}
.ds-payment-method-one-time.cod.disabled {
  color: #aaa;
}
.ds-payment-method-one-time.cod.disabled .ds-input-components-radio-span {
  opacity: 0.6;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-one-time {
    display: block;
  }
}
.ds-payment-method-one-time-left {
  width: 52%;
}
.ds-payment-method-one-time-left .ds-input-components-radio-label {
  cursor: default;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-one-time-left {
    width: 100%;
  }
}
.ds-payment-method-one-time-right {
  color: #aaa;
  text-align: right;
  width: 48%;
}
@media only screen and (max-width: 833px) {
  .ds-payment-method-one-time-right {
    padding-left: 33px;
    text-align: left;
    width: 100%;
  }
}
.ds-payment-method-ds-points {
  height: 50px;
  width: 100%;
  background-color: #024660;
  padding-top: 13px;
}
.ds-payment-method-ds-points-disabled {
  height: 50px;
  background-color: #8F989B;
  padding-top: 13px;
}
.ds-payment-method-ds-points-description {
  font-size: 14px;
  height: 26px;
  width: 757px;
  color: #FFFFFF;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}
.ds-payment-method,
.ds-checkout-payment-list {
  border: 1px solid #D0D0D0;
}
.ds-payment-method .ds-checkout-info-action,
.ds-checkout-payment-list .ds-checkout-info-action {
  color: #0676C5;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.ds-payment-method .ds-checkout-info-action .ds-button-icon,
.ds-checkout-payment-list .ds-checkout-info-action .ds-button-icon {
  fill: #0676C5;
  height: 16px;
  width: 16px;
  line-height: 16px;
  margin-left: 8px;
}
.ds-payment-method .ds-checkout-payment-method-header,
.ds-checkout-payment-list .ds-checkout-payment-method-header {
  background-color: #eaeaea;
  border-bottom: 1px solid #D0D0D0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 13px 16px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ds-payment-method .border-bottom,
.ds-checkout-payment-list .border-bottom {
  border-bottom: 0.5px solid #dee2e6 !important;
  margin: 13px 30px;
}
.ds-loyalty-modal-heading-border {
  border-bottom: 1px solid #c0c9ce;
}
.ds-loyalty-modal-heading-description {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  color: #53585B;
}
.ds-loyalty-modal-description-content {
  font-weight: 300;
  margin-top: 32px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 32px;
}
.loyalty-modal {
  width: 727px;
  margin: 0 auto;
}

.redeem-full-width{background:#0f62fe;margin-right:-6px;margin-left:-6px;float:none;width:auto;clear:both;padding:12px 20px 12px 20px}@media (min-width: 768px){.root .redeem-full-width{margin-right:-10px;margin-left:-10px}}@media (min-width: 1024px){.root .redeem-full-width{margin-right:-46px;margin-left:-47px}}@media (min-width: 1280px){.root .redeem-full-width{margin-right:-50px;margin-left:-50px}}@media (min-width: 1440px){.root .redeem-full-width{margin-right:-72px;margin-left:-72px}}@media (min-width: 1600px){.root .redeem-full-width{margin-right:-97px;margin-left:-97px}}.loyalty-panel-alert-inner{display:flex;justify-content:space-between;align-items:center;gap:10px}@media (max-width: 739px){.loyalty-panel-alert-inner{flex-direction:column}}.redeem-payment-width{background:#0f62fe;padding:16px 32px 16px 24px}.loyalty_payment_panel_alert_inner{display:flex;justify-content:space-between;align-items:center;gap:10px}@media (max-width: 739px){.loyalty_payment_panel_alert_inner{flex-direction:column}}.loyalty_payment_panel_alert_icon{display:none}.loyalty_point_panel_alert_caption{color:#fff;font-family:'Montserrat';font-size:20px;font-weight:400;line-height:25px}.loyalty-payment-cmp-text{color:#fff;font-family:'Montserrat';font-size:16px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.575px}.loyalty-point-label{font-family:'Montserrat';font-size:23px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.575px;color:#fff}.loyalty-panel-alert-inner .button .cmp-button .cmp-button__text{color:#106ac5}.loyalty-panel-alert-inner .redeem-button{display:flex;justify-content:space-between;align-items:center;flex-direction:row;float:right}.loyalty-panel-alert-inner .redeem-button .cmp-button{background:#e8f7ff;color:#106ac5;font-size:16px;height:auto;word-wrap:break-word;min-width:130px;hyphens:auto;padding:12px 23px}.loyalty_payment_panel_alert_inner .button .cmp-button .cmp-button__text{color:#106ac5}.loyalty_payment_panel_alert_inner .redeem-button{display:flex;justify-content:space-between;align-items:center;flex-direction:row;float:right}.loyalty_payment_panel_alert_inner .redeem-button .cmp-button{background:#e8f7ff;color:#106ac5;font-family:'Montserrat';font-size:16px;height:auto;word-wrap:break-word;min-width:130px;hyphens:auto;padding:12px 23px}.redeem-success-popup{padding:12px 20px;border-radius:4px;background:#394656}@media (min-width: 740px){.redeem-success-popup{padding:12px 40px}}.notification_panel_alert{display:flex;justify-content:space-between;align-items:center}.notification_panel_alert .notification-cmp-text{color:#fff;font-size:16px;line-height:24px}@media (min-width: 1600px){.notification_panel_alert .notification-cmp-text{font-size:24px}}.notification_panel_alert .dismiss-redeem-success{display:flex;height:36px;padding:10px 20px;justify-content:center;align-items:center}.notification_panel_alert .dismiss-redeem-success .cmp-button{color:#FFA726;font-size:14px;text-transform:uppercase;background:#394656;height:auto}.notification_panel_alert .dismiss-redeem-success .cmp-button:hover{background:#106ac5}.notification_panel_alert .dismiss-redeem-success .cmp-button__text{word-break:normal}

.ds-loyalty-program-section {
  position: relative;
}
.ds-loyalty-program-section .ds-notify-close-icon {
  display: none;
}
.ds-loyalty-program-section .ds-notify-w {
  margin-top: 30px;
}
.ds-loyalty-program-section .ds-notify.ds--sign-in .ds-notify-title {
  color: #b17b12;
}
.ds-loyalty-program-section .ds-notify.ds--sign-in .ds-notify-text {
  font-weight: 500;
}
.ds-loyalty-program-section .ds-notify.ds--sign-in .ds-notify-icon {
  fill: #f6a800;
}
.ds-loyalty-program-section-no-points {
  font-size: 14px;
  font-weight: 500;
  margin-top: 18px;
}
.ds-loyalty-program-section-no-points-title,
.ds-loyalty-program-section-no-points-icon {
  margin-right: 8px;
}
.ds-loyalty-program-section-no-points-title {
  color: #0077c8;
}
.ds-loyalty-program-section-no-points-icon {
  fill: #0077c8;
  height: 17px;
  width: 15px;
}
.ds-loyalty-program-section .ds-input-components-checkbox {
  margin-top: 0;
  position: relative;
}
.ds-loyalty-program-section .ds-input-components-checkbox-label {
  margin-bottom: 0;
}
.ds-loyalty-program-section-radios {
  margin-top: 20px;
  padding-left: 33px;
}
.ds-loyalty-program-section-radios .ds-input-components-radio-label {
  margin-bottom: 19px;
}
.ds-loyalty-program-section-radios .ds-input-components-radio-label .ds-input-components-radio-span {
  top: -1px;
}
.ds-loyalty-program-section-input-cnt {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-left: 30px;
}
.ds-loyalty-program-section-input-cnt.ds-hidden {
  display: none;
}
.ds-loyalty-program-section-input-cnt .ds-input-components-label {
  font-weight: 300;
}
.ds-loyalty-program-section-input-cnt .ds-input-components-label:after {
  content: none;
}
.ds-loyalty-program-section-input {
  margin-right: 7px;
  max-width: 95px;
}
.ds-loyalty-program-section-input.is-invalid {
  padding-right: 0.75rem;
}
@media only screen and (max-width: 1379px) {
  .ds-loyalty-program-section-radios {
    margin-top: 26px;
    padding-left: 26px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-checkout-large-total {
  border: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  margin-top: 33px;
  padding: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total {
    border-left: none;
    border-right: none;
    border-top: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    margin: 0;
    padding: 15px 15px 23px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total-button-cnt {
    width: 100%;
  }
}
.ds-checkout-large-total-button {
  background: #f6a800;
  border-radius: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 0;
  padding: 12px 20px;
  vertical-align: top;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total-button {
    width: 100%;
  }
}
.ds-checkout-large-total-cnt {
  margin-left: 15px;
  vertical-align: top;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total-cnt {
    margin: 0;
    text-align: center;
  }
}
.ds-checkout-large-total-cnt-title {
  font-size: 20px;
  font-weight: 400;
}
.ds-checkout-large-total-cnt-price {
  color: #18b14a;
  padding-left: 9px;
}
.ds-checkout-large-total-cnt-currency {
  color: #aaa;
  font-size: 12px;
  font-weight: 300;
  margin-left: 5px;
}
.ds-checkout-large-total-cnt-desc {
  color: #aaa;
  font-size: 11px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total-cnt-desc {
    padding: 13px 38px 22px;
  }
}
.ds-checkout-large-total-cnt-link {
  color: #0077c8;
  font-weight: 400;
  padding-left: 4px;
  white-space: nowrap;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-promo-codes {
  font-size: 14px;
  text-align: center;
}
.ds-promo-codes.ds--cart {
  border-top: 1px solid #e7e7e7;
  padding-top: 15px;
}
.ds-promo-codes.ds--checkout .ds-promo-codes-list {
  margin-top: 5px;
}
.ds-promo-codes.ds--checkout .ds-promo-codes-list-item:last-child {
  margin-bottom: 9px;
}
.ds-promo-codes-button {
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-promo-codes-button:hover {
    color: #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-promo-codes-button:hover {
    color: #0077c8;
  }
}
@media (hover) {
  .ds-promo-codes-button:hover {
    color: #0077c8;
  }
}
.ds-promo-codes-button:active {
  color: #0077c8;
}
.ds-promo-codes-form {
  margin-top: 10px;
}
.ds-promo-codes-form-cnt {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ds-promo-codes-form-cnt .ds-hint-text.ds--info.ds-promo-codes-info {
  margin: 0;
  padding-left: 0;
  padding-right: 10px;
}
.ds-promo-codes-form-cnt-btn {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  right: 1px;
  top: 0;
  z-index: 1;
}
.ds-promo-codes-form-cnt-btn .ds-promo-codes-add-button {
  margin-bottom: 0;
}
.ds-promo-codes-error-icon {
  fill: #e4002b;
  margin-right: 5px;
  margin-top: -6px;
  position: absolute;
  left: -20px;
  top: 50%;
  height: 13px;
  width: 13px;
}
.ds-promo-codes-field {
  background-color: #fff;
  border-radius: 2px 0 0 2px;
  margin-right: -2px;
  min-width: 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.ds-promo-codes-add-button {
  font-weight: 300;
  min-width: 100px;
  padding: 7px 20px;
}
.ds-promo-codes-list-item {
  -ms-flex-align: baseline;
      align-items: baseline;
  color: #80898e;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 12px;
}
.ds-promo-codes-remove-button {
  color: #53585b;
  margin-left: 6px;
  padding: 0;
}
.ds-promo-codes-remove-button .ds-button-icon {
  fill: #53585b;
  margin-left: 6px;
  height: 15px;
  width: 15px;
}
.ds-promo-codes-error {
  line-height: 16px;
  margin-top: 8px;
  text-align: left;
  width: 75%;
  color: red;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-checkout-ship-desc {
  font-size: 14px;
  letter-spacing: normal;
  padding-bottom: 12px;
}
.ds-checkout-total {
  border: 1px solid #d5d5d5;
  box-shadow: 0 0 25px 0 #c0c9ce;
  padding: 15px;
  text-align: left;
  vertical-align: top;
  width: 314px;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-total {
    width: 100%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-total {
    box-shadow: 0 7px 23px -6px #d5d5d5;
  }
}
.ds-checkout-total-w {
  display: inline-block;
  margin-left: 33px;
  width: 314px;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-total-w {
    margin: 0;
    width: 100%;
  }
}
.ds-checkout-total-header {
  padding-bottom: 16px;
  text-align: center;
}
.ds-checkout-total-header-desc {
  color: #aaa;
  font-size: 12px;
  padding-bottom: 12px;
}
.ds-checkout-total-header-link {
  color: #0077c8;
  font-weight: 400;
  white-space: nowrap;
}
.ds-checkout-total-header-button {
  background: #f6a800;
  border-radius: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 0;
  width: 100%;
}
.ds-checkout-total-body {
  border-bottom: 1px solid #c0c9ce;
  border-top: 1px solid #c0c9ce;
  padding-top: 0px;
  padding-right: 6px;
  padding-bottom: 15px;
  padding-left: 6px;
}
.ds-checkout-total-body-title {
  font-size: 16px;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ds-checkout-total-body-line {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 6px;
}
.ds-checkout-total-body-line-key {
  padding-right: 20px;
  text-transform: capitalize;
  word-wrap: break-word;
}
.ds-checkout-total-price {
  -ms-flex-align: start;
      align-items: flex-start;
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 13px 6px 14px;
}
.ds-checkout-total-price-value {
  color: #18b14a;
}
.ds-checkout-total-price-currency {
  color: #aaa;
  display: block;
  font-size: 12px;
  font-weight: 300;
  margin-top: -5px;
  text-align: right;
}
.ds-checkout-total-bottom {
  padding: 15px 0 6px;
  text-align: center;
}
.ds-checkout-total-bottom-points {
  font-size: 12px;
}
.ds-checkout-total-bottom-promo {
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding-top: 5px;
}
.ds-checkout-total-free-shipping {
  color: #18b14a;
  text-transform: uppercase;
}
.ds-checkout-total-printable-link-container {
  color: #0077c8;
  text-align: center;
}
.ds-checkout-total-printable-link {
  padding-left: 3px;
}
.ds-checkout-total-printable-link,
.ds-checkout-total-printable-link:hover {
  color: #0077c8;
}
.ds-checkout-total-printable-link-icon {
  display: inline-block;
  height: 13px;
  position: relative;
  top: 7px;
  width: 24px;
}
.ds-checkout-total .ds-checkout-total-body-separator {
  padding: 10px 0;
  position: relative;
}
.ds-checkout-total .ds-checkout-total-body-separator:after {
  background: #e7e7e7;
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  right: 0;
  height: 1px;
  width: 100%;
}
.checkout_billcard .purchase_total_form_field .input__field {
  height: 35px !important;
  position: relative;
  top: 5px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-checkout-items-title {
  padding: 22px 0;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-items-title {
    padding: 23px 16px 19px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-items-list {
    border-left: none;
    border-right: none;
    padding: 0;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-items-list-cnt {
    padding: 0 14px 35px;
  }
}
.ds-checkout-items .ds-notify-w {
  padding: 0;
}
.font-20 {
  font-size: 20px;
}
.color-gray3 {
  color: #80898e;
}
.border-bottom-gray4 {
  border-bottom: 1px solid #D8D8D8;
}
.border-top-gray4 {
  border-top: 1px solid #D8D8D8;
}
.ds-checkout-items-notification .ds-notify-text {
  margin-left: 70px;
}
.review-order_content .shopping_cart_base .shopping_cart_base__right {
  display: none !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds--requisition {
  font-size: 20px;
  line-height: 50px;
  margin-bottom: 0px;
  text-align: right;
}
.ds-shopping-cart-empty {
  display: inline;
}
.ds-shopping-cart-empty .icon-size {
  height: 3.125rem;
  width: 3.125rem;
}
.ds-shopping-cart-h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 20px;
}
.ds-shopping-cart-checkout {
  margin-left: 20px;
  padding: 10px 25px;
}
.ds-shopping-cart-checkout-currency {
  color: #0077c8;
  font-size: 16px;
  font-weight: 300px;
  margin-top: -5px;
}
.ds-shopping-cart-cnt {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.ds-shopping-cart-cnt .ds-order-product-table {
  display: inline-block;
  padding-right: 15px;
}
.ds-shopping-cart-cnt .ds-order-product-table-title {
  padding-top: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-shopping-cart-cnt .ds-order-product-table {
    padding: 0 !important;
  }
}
.ds-shopping-cart-warning {
  color: #80898e;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 12px;
}
.ds-shopping-cart .ds-notify-w {
  margin-bottom: 22px;
  padding: 0;
}
.ds-shopping-cart .ds-notification-content {
  text-align: center;
}
.ds-shopping-cart-notification {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 21px;
}
.ds-shopping-cart-notification-icon {
  display: inline-block;
  height: 17px;
  margin-right: 8px;
  margin-top: 2px;
  vertical-align: top;
  width: 20px;
}
.ds-shopping-cart-notification.ds--hazmat .ds-shopping-cart-notification-title,
.ds-shopping-cart-notification.ds--hazmat .ds-shopping-cart-notification-icon {
  color: #b17b12;
  fill: #b17b12;
}
.ds-shopping-cart-notification.ds--promotion .ds-shopping-cart-notification-title,
.ds-shopping-cart-notification.ds--promotion .ds-shopping-cart-notification-icon {
  color: #0077c8;
}
.ds-shopping-cart-subtotal {
  color: #80898e;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  padding: 0 15px;
}
.ds-shopping-cart-subtotal-cnt {
  border: 1px solid #e7e7e7;
  box-shadow: 0 4px 20px 0 rgba(83, 88, 91, 0.15);
  padding: 19px 16px 16px;
  text-align: center;
}
.ds-shopping-cart-subtotal-info {
  color: #0077c8;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 10px;
  white-space: nowrap;
  font: normal normal normal 16px/38px "Montserrat";
}
.ds-shopping-cart-subtotal-info.ds--big {
  font-size: 1.8rem;
  line-height: 40px;
  margin-bottom: 0;
  text-align: right;
}
.ds-shopping-cart-subtotal-value {
  font-weight: 500;
}
.ds-shopping-cart-subtotal-or {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  margin-bottom: 16px;
  position: relative;
}
.ds-shopping-cart-subtotal-or:before,
.ds-shopping-cart-subtotal-or:after {
  background-color: #e7e7e7;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 8px;
  width: 46%;
}
.ds-shopping-cart-subtotal-or:before {
  left: 0;
}
.ds-shopping-cart-subtotal-or:after {
  right: 0;
}
.ds-shopping-cart-subtotal-continue {
  font-size: 14px;
  width: 100%;
}
.ds-shopping-cart-subtotal .ds-button.ds--orange {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  margin: 16px 0;
  padding: 15px;
  white-space: normal;
  width: 100%;
}
.ds-shopping-cart-subtotal-text {
  color: #80898e;
  font-size: 12px;
  margin-top: 5px;
  padding: 0 15px;
}
.ds-shopping-cart-item-actions {
  min-width: 200px;
  width: 200px;
}
.ds-shopping-cart-item-actions-cnt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ds-shopping-cart-item-actions .ds-button {
  background-color: #fff;
}
.ds-shopping-cart-item-actions .ds-button.ds--favorite {
  display: inline-block;
  margin-top: 15px;
  padding: 8px;
  text-align: center;
  width: 100%;
}
.ds-shopping-cart-item-actions .ds-button.ds--favorite .ds-button-icon {
  margin-left: 0;
}
.ds-shopping-cart-item-actions-input-col {
  -ms-flex: 0 0 98px;
      flex: 0 0 98px;
  margin-right: 14px;
  max-width: 98px;
}
.ds-shopping-cart-item-actions-col {
  -ms-flex: 0 0 87px;
      flex: 0 0 87px;
}
.ds-shopping-cart-item-actions-col .ds-button {
  border: 1px solid #c0c9ce;
  padding: 8px;
  width: 100%;
}
.ds-shopping-cart-item-actions-input-cnt {
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-shopping-cart-item-actions-input-cnt .ds-button {
  padding: 8px 11px;
}
.ds-shopping-cart-item-actions-input-cnt .ds-button-icon {
  height: 14px;
  margin-right: 0;
  top: 3px;
}
.ds-shopping-cart-item-actions-input {
  border: none;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
  width: 1%;
}
.ds-shopping-cart-item-actions-input:focus {
  outline: none;
}
.ds-shopping-cart-empty {
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-shopping-cart-empty {
    margin: 0;
    border: 0;
  }
}
.ds-shopping-cart-promo .ds-notify-content {
  -ms-flex-pack: center;
      justify-content: center;
}
.ds-shopping-cart-promo .ds-notify-content .ds-notify-text {
  font-weight: 500;
}
.ds-shopping-cart-promo .ds-notify-icon {
  margin-right: 0;
  margin-top: 0;
  max-height: 17px;
  max-width: 20px;
}
.ds-shopping-cart-empty-button.ds-button {
  margin: 0 7px;
  padding: 13px 40px;
}
.ds-shopping-cart .ds-order-product-info-price-value .ds-order-product-info-subtotal-value {
  color: #80898e;
  font-size: 12px;
  font-weight: 300;
}
@media only screen and (max-width: 833px) {
  .ds-shopping-cart .ds-order-product-info-price-value .ds-loyalty-points-entry.ds--product {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-shopping-cart-subtotal {
    -ms-flex: 0 0 30%;
        flex: 0 0 30%;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-shopping-cart-subtotal {
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
  }
  .ds-shopping-cart-item-actions {
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    margin-left: 40%;
  }
  .ds-shopping-cart-item-actions.ds--h {
    display: none;
  }
  .ds-shopping-cart-item-actions-input-col {
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    margin-right: 0;
    max-width: 40%;
  }
  .ds-shopping-cart-item-actions-col {
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-shopping-cart {
    position: relative;
  }
  .ds-shopping-cart-promo .ds-notify-content {
    max-height: 147px;
  }
  .ds-shopping-cart-h1 {
    margin-bottom: 0;
  }
  .ds-shopping-cart-h1,
  .ds-shopping-cart-cnt {
    padding: 0;
  }
  .ds-shopping-cart .ds-notify-w {
    margin-bottom: 0;
  }
  .ds-shopping-cart .ds-notification-content {
    text-align: left;
  }
  .ds-shopping-cart .ds-notification-text {
    margin-top: 5px;
  }
  .ds-shopping-cart-cnt {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .ds-shopping-cart-subtotal {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    margin: 0 -15px;
    margin-bottom: 29px;
    padding: 0;
  }
  .ds-shopping-cart-subtotal-or,
  .ds-shopping-cart-subtotal .ds-button {
    text-align: center;
  }
  .ds-shopping-cart-subtotal-continue {
    display: block;
    text-align: center;
  }
  .ds-shopping-cart-subtotal-cnt {
    border: none;
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0 15px 8px 0 rgba(83, 88, 91, 0.15);
    padding-bottom: 10px;
    padding-top: 0;
    text-align: left;
  }
  .ds-shopping-cart-subtotal-info.ds--big {
    font-size: 16px;
    line-height: 23px;
    margin-top: 18px;
    text-align: center;
  }
  .ds-shopping-cart-item-actions {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    margin-left: 0;
    max-width: 100%;
  }
  .ds-shopping-cart-item-actions-input-col {
    -ms-flex: 0 0 41%;
        flex: 0 0 41%;
    max-width: 41%;
  }
  .ds-shopping-cart-item-actions-col {
    -ms-flex: 0 0 59%;
        flex: 0 0 59%;
  }
  .ds-shopping-cart-empty-button.ds-button {
    margin: 0;
    padding: 13px 0;
    width: 100%;
  }
  .ds-shopping-cart-empty-button.ds-button:first-child {
    margin-right: 14px;
  }
  .ds-shopping-cart .ds-empty-notification-title,
  .ds-shopping-cart .ds-empty-notification-buttons .ds-button {
    width: 100%;
  }
}
.ds-shopping-cart .ds-shopping-cart-ineligible-redemption {
  color: #999;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.3px;
  margin-top: 3px;
}
.ds-blue-button {
  font: normal normal normal 14px/17px Montserrat;
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #1077C8;
  text-decoration: underline;
  cursor: pointer;
}
.ds-blue-button:focus,
.ds-blue-button:hover,
.ds-blue-button:active {
  font: normal normal normal 14px/17px Montserrat;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  color: #1077C8;
  text-decoration: underline;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.ds-approval-warning-msg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ds-flex-row {
  display: -ms-flexbox;
  display: flex;
}
.ds-hint-text.purchase_total_form_label_icon {
  color: #ffa726 !important;
}
.shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field .input-group {
  width: 100% !important;
}
.shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field .input-group .input-wrapper {
  width: 100% !important;
}
.shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field .input-group .input-wrapper .input-group-content {
  width: 100% !important;
}
.shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field .input-group .input-wrapper .input-group-content input.purchase_total_form_input {
  height: 32px !important;
  margin-right: 8px;
  width: 98% !important;
}
.shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field .purchase_total_form_submit {
  position: relative;
  top: -5px;
}
@media only screen and (max-width: 833px) {
  .shopping_cart_base .shopping_cart_base_wrapper .shopping_cart_alert .order_total {
    bottom: 224px !important;
  }
  .shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field input.purchase_total_form_input {
    height: 32px !important;
    max-width: 98% !important;
  }
  .shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field .purchase_total_form_submit {
    position: relative;
    top: -5px;
  }
}
@media only screen and (max-width: 1379px) {
  .shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field input.purchase_total_form_input {
    height: 32px !important;
    max-width: 98% !important;
  }
  .shopping_cart_base .shopping_cart_base_wrapper .purchase_total_form_field .purchase_total_form_submit {
    position: relative;
    top: -5px;
  }
}
.show-pointer {
  cursor: pointer;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert {
  margin-bottom: 16px;
  max-width: 100%;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert.customer_order_pharma_alert--quick-order {
  margin-top: 18px;
  margin-bottom: 18px;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert.customer_order_pharma_alert--checkout {
  margin-bottom: 20px;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert.customer_order_pharma_alert--thank-you {
  margin-top: 24px;
  margin-bottom: 24px;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-content {
  padding: 16px 24px;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-content.ds-notify-content-showMore {
  display: block;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-content:not(.ds-notify-content-showMore) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-content .ds-notify-buttons {
  margin: 0;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-content .ds-notify-hidden-mock,
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-content .ds-notify-close-button {
  display: none;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify.ds--approval-warning {
  min-height: 0;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify.ds--approval-warning .ds-notify-buttons {
  margin-top: 0;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify.ds--approval-warning .ds-notify-buttons-showMore {
  padding-left: 0;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-icon {
  margin-right: 15px;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 24px;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-text {
  color: #212B3699;
  margin-top: 12px;
  margin-bottom: 36px;
}
.ds-notify-w.ds--approval-warning.customer_order_pharma_alert .button_md .cmp-button {
  margin-left: auto;
  padding: 0;
  background-color: transparent;
  color: #106AC5;
  letter-spacing: 0.7px;
  height: auto;
}
@media only screen and (max-width: 1379px) {
  .ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-content {
    padding: 16px 24px;
  }
  .ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-content:not(.ds-notify-content-showMore) {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-button:first-child {
    margin-bottom: 0;
  }
  .ds-notify-w.ds--approval-warning.customer_order_pharma_alert .ds-notify-icon-span.custom-space {
    bottom: 0;
  }
}
.main-ribbon-card {
  background: #B3E5FC 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #3C40434D;
  border-radius: 3px;
  opacity: 1;
  padding: 24px;
  margin: 14px;
}
.ribbon-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ribbon-heading {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  padding-bottom: 8px;
}
.ribbon-heading-left {
  font: normal normal medium 20px/25px Gotham;
  color: #212B36;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.ribbon-subtext {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
@media (min-width: 500px) {
  .ribbon-subtext {
    max-width: 90%;
  }
}
.rebate-modal-heading {
  font: normal normal medium 20px/25px Gotham;
  color: #212B36;
  padding-bottom: 16px;
  padding-top: 16px;
}
.rebate-modal-desc {
  font: normal normal normal 16px/24px Open Sans;
  font-size: 16px;
  color: #394656;
}
.rebate-modal-btns {
  font: normal normal medium 14px/19px Gotham;
  color: #394656;
  text-transform: uppercase;
}
.ribbon-icon {
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 500px) {
  .ribbon-icon {
    width: 25%;
    height: 36px;
    margin-top: 1px;
  }
}
.purchase_cart .main-ribbon-card {
  margin-left: 0px;
  margin-right: 0px;
}

.ds-order-product-info {
  -ms-flex-preferred-size: 29%;
      flex-basis: 29%;
}
.ds-order-product-info-img-cnt {
  -ms-flex-preferred-size: 21%;
      flex-basis: 21%;
  overflow: hidden;
}
.ds-order-product-info-img {
  background: no-repeat 50%;
  background-size: contain;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  padding-bottom: 65%;
  text-align: center;
  width: 100%;
}
.ds-order-product-info-title {
  color: #0077c8;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 4px;
}
.ds-order-product-info-sold,
.ds-order-product-info-code,
.ds-order-product-info-fulfilled {
  color: #80898e;
}
.ds-order-product-info-sold {
  margin: 5px 0;
}
.ds-order-product-info-price {
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
}
.ds-order-product-info-price.ds--mobile {
  display: none;
}
.ds-order-product-info-price-value,
.ds-order-product-info-price-bonus,
.ds-order-product-info-price .ds-stock {
  margin-bottom: 6px;
}
.ds-order-product-info-price-value {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.ds-order-product-info-price-bonus {
  color: #18b14a;
}
.ds-order-product-info-price-old {
  color: #80898e;
  font-size: 12px;
  font-weight: 300;
}
.ds-order-product-info-options span {
  white-space: nowrap;
}
@media only screen and (max-width: 1439px) {
  .ds-order-product-info {
    -ms-flex: 0 0 31%;
        flex: 0 0 31%;
    padding-left: 10px;
  }
  .ds-order-product-info-img-cnt {
    -ms-flex: 0 0 17%;
        flex: 0 0 17%;
  }
  .ds-order-product-info-price {
    -ms-flex: 0 0 18%;
        flex: 0 0 18%;
  }
  .ds-order-product-info-title,
  .ds-order-product-info-code {
    -ms-word-break: break-word;
    word-break: break-word;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-order-product-info {
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    padding-left: 0;
  }
  .ds-order-product-info-img-cnt {
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    padding-right: 10px;
  }
  .ds-order-product-info-stock {
    width: 100%;
  }
  .ds-order-product-info-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 18px;
    margin-left: 40%;
  }
  .ds-order-product-info-price-bonus {
    margin-top: 2px;
  }
  .ds-order-product-info-info,
  .ds-order-product-info-price {
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
  }
  .ds-order-product-info-title,
  .ds-order-product-info-code {
    -ms-word-break: normal;
    word-break: normal;
  }
  .ds-thanks-for-order .ds-order-product-info-img-cnt {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: visible;
    position: relative;
  }
}
@media only screen and (max-width: 833px) {
  .ds-order-product-info-img-cnt {
    -ms-flex: 0 0 27%;
        flex: 0 0 27%;
  }
  .ds-order-product-info,
  .ds-order-product-info-price {
    -ms-flex: 0 0 73%;
        flex: 0 0 73%;
  }
  .ds-order-product-info-price {
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 0;
    margin-left: 27%;
  }
  .ds-order-product-info-price-value {
    margin: 0 8px 0 0;
  }
  .ds-order-product-info-price-bonus {
    margin: 0;
  }
  .ds-order-product-info-code {
    font-size: 12px;
  }
  .ds-order-product-info-title {
    font-size: 14px;
    line-height: 19px;
  }
}
.ds-checkout-items-list .ds-order-product-info-img {
  padding-bottom: 0;
  height: 61px;
  width: 96px;
}
.ds-checkout-items-list .ds-order-product-info-img-cnt {
  -ms-flex-preferred-size: 16%;
      flex-basis: 16%;
}
.ds-checkout-items-list .ds-order-product-info {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.ds-product-permission-text {
  text-align: left;
  font: normal normal normal 14px/20px Montserrat;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
}
.ds-orderproduct-permission-results-wrap svg.ds-notify-icon {
  color: #FFA726;
  fill: #FFA726;
  margin-right: 4px;
  margin-top: 7px;
}
.ds-permission-notify-content-text {
  font: normal normal normal 14px/18px 'Montserrat';
  font-weight: 600;
  letter-spacing: 0px;
  color: #212B36;
  opacity: 1;
  margin-bottom: 12px;
}
.purchase_cart_action {
  cursor: pointer !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.ds-stock {
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 4px;
}
@media only screen and (max-width: 833px) {
  .ds-stock .ds-hint-text {
    display: inline-block;
  }
}
.ds-stock.ds--instock {
  color: #18b14a;
}
.ds-stock.ds--outofstock {
  color: #e4002b;
}
.ds-stock.ds--lowstock {
  color: #b17b12;
}

.ds-loyalty-points-entry {
  color: #18b14a;
  display: block;
  font-size: 14px;
  font-weight: 100;
  text-align: right;
}
.ds-loyalty-points-entry.ds--product {
  text-align: right;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-points-entry.ds--product {
    display: inline-block;
    padding-left: 8px;
    vertical-align: top;
  }
}
@media only screen and (max-width: 739px) {
  .ds-loyalty-points-entry {
    text-align: left;
  }
}
.purchase_cart_tease span span {
  color: black;
  font-weight: 600;
}
.purchase_cart_tease span span em {
  color: #106ac5;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-order-product-table {
  margin-bottom: 23px;
}
.ds-order-product-table-quick-order {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.ds-order-product-table-shopping-cart {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.ds-order-product-table-title {
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 300;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 16px;
  padding-bottom: 3px;
}
.ds-order-product-table-price {
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
}
.ds-order-product-table-img-cnt {
  -ms-flex-preferred-size: 21%;
      flex-basis: 21%;
  overflow: hidden;
}
.ds-order-product-table-actions {
  min-width: 200px;
  width: 200px;
}
.ds-order-product-table-info {
  -ms-flex-preferred-size: 29%;
      flex-basis: 29%;
}
.ds-order-product-table.ds--compact .ds-order-product-table-item {
  padding: 10px 0;
}
.ds-order-product-table.ds--compact .ds-order-product-info-img-cnt {
  -ms-flex-preferred-size: 9%;
      flex-basis: 9%;
}
@media only screen and (max-width: 1379px) {
  .ds-order-product-table.ds--compact .ds-order-product-info-img-cnt {
    -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
  }
}
.ds-order-product-table.ds--compact .ds-order-product-info {
  -ms-flex-preferred-size: 41%;
      flex-basis: 41%;
}
@media only screen and (max-width: 1379px) {
  .ds-order-product-table.ds--compact .ds-order-product-info {
    -ms-flex-preferred-size: 73%;
        flex-basis: 73%;
  }
}
.ds-order-product-table.ds--compact .ds-order-product-info-sold {
  display: none;
}
.ds-order-product-table-item {
  border-bottom: 1px solid #d5d5d5;
  padding: 23px 0 18px;
}
.ds-order-product-table-item-cnt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 22px;
}
.ds-order-product-table-item .ds-inline-notification {
  border: none;
  padding: 0;
}
.ds-order-product-table-subtotal {
  color: #80898e;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
}
.ds-order-product-table-subtotal-cnt {
  border: 1px solid #e7e7e7;
  box-shadow: 0 4px 20px 0 rgba(83, 88, 91, 0.15);
  padding: 19px 16px 16px;
  text-align: center;
}
.ds-order-product-table-subtotal-info {
  color: #53585b;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 10px;
}
.ds-order-product-table-subtotal-info.ds--big {
  font-size: 20px;
  line-height: 26px;
  margin-top: 23px;
  text-align: right;
}
.ds-order-product-table-subtotal-value {
  font-weight: 500;
}
@media only screen and (max-width: 1379px) {
  .ds-order-product-table-title .ds-order-product-table-item-cnt {
    display: none;
  }
  .ds-order-product-table-img-cnt {
    -ms-flex: 0 0 27%;
        flex: 0 0 27%;
  }
  .ds-order-product-table-info,
  .ds-order-product-table-price {
    -ms-flex: 0 0 73%;
        flex: 0 0 73%;
  }
  .ds-order-product-table-price {
    margin-left: 27%;
  }
  .ds-order-product-table-actions {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    margin-left: 0;
    max-width: 100%;
  }
  .ds-order-product-table-item-cnt {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 833px) {
  .ds-order-product-table {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
    padding: 0 16px;
  }
  .ds-order-product-table-quick-order {
    padding: 0;
  }
  .ds-order-product-table-title {
    display: none;
  }
  .ds-order-product-table-subtotal-info.ds--big {
    margin: 0;
    padding: 16px 0 48px;
    text-align: center;
  }
  .ds-order-product-table-subtotal-info.ds--big p {
    margin-bottom: 8px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.multi-promotion {
  padding: 0 !important;
}
.multi-promotion .ds-notify-content-text-description {
  text-align: left;
  font-family: "Arial";
  font-size: 1rem;
  letter-spacing: 0;
  color: #212B36;
}
.multi-promotion .ds-notify-content-text-description a {
  color: #106ac5;
  transition: opacity 0.25s;
}
.multi-promotion .ds-notify-content-text-description a:visited {
  color: #106ac5;
  transition: opacity 0.25s;
}
.multi-promotion .ds-inline-notification-title {
  text-align: left;
  font-family: "Arial";
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 17px;
}
.ds-inline-notification {
  border-bottom: 1px solid #e7e7e7;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 21px;
  padding: 22px 0;
}
.ds-inline-notification-icon {
  display: inline-block;
  margin-right: 8px;
  margin-top: 2px;
  vertical-align: top;
  height: 17px;
  width: 20px;
}
.ds-inline-notification-title {
  color: #0077c8;
  margin-right: 8px;
}
.ds-inline-notification-link {
  color: #0077c8;
  margin-left: 10px;
  padding: 0;
  text-decoration: underline;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-inline-notification-link:hover {
    color: #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-inline-notification-link:hover {
    color: #0077c8;
  }
}
@media (hover) {
  .ds-inline-notification-link:hover {
    color: #0077c8;
  }
}
.ds-inline-notification-link:active {
  color: #0077c8;
}
.ds-inline-notification.ds--hazmat .ds-inline-notification-title,
.ds-inline-notification.ds--hazmat .ds-inline-notification-icon {
  color: #b17b12;
  fill: #b17b12;
}
.ds-inline-notification.ds--promo .ds-inline-notification-title,
.ds-inline-notification.ds--promo .ds-inline-notification-icon {
  color: #0077c8;
  fill: #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-notification-modal .ds-popup-gray-zone {
  background: #fff;
  border: none;
  padding-top: 0;
}
.ds-notification-modal .ds-popup-text {
  padding: 18px 0 4px;
}
.ds-notification-modal .ds-inline-notification {
  margin-bottom: 0;
  border: none !important;
}
.ds-notification-modal .ds-inline-notification:last-of-type {
  border-bottom: none;
  margin-bottom: 16px;
}
.ds-notification-modal .ds-popup-alert-button:focus,
.ds-notification-modal .ds-popup-close-button:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}

.ds-empty-notification {
  margin: auto;
  max-width: 740px;
  padding: 50px 30px;
  text-align: center;
  width: 100%;
}
.ds-empty-notification-icon-w {
  margin-bottom: 26px;
}
.ds-empty-notification-icon {
  color: #c0c9ce;
  fill: #c0c9ce;
  line-height: 49px;
  max-height: 49px;
  max-width: 49px;
}
.ds-empty-notification-title {
  color: #80898e;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 13px;
}
.ds-empty-notification-subtitle {
  color: #53585b;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 30px;
}
.ds-empty-notification-buttons {
  text-align: center;
}
.ds-empty-notification-pageSubtitle {
  font-size: 12px;
  font-weight: 600;
  color: #80898e;
  margin-top: -16px;
}
@media only screen and (max-width: 833px) {
  .ds-empty-notification {
    padding: 30px 15px;
  }
  .ds-empty-notification-title {
    font-size: 20px;
    margin: 0 auto 10px;
  }
  .ds-empty-notification-subtitle {
    font-size: 14px;
    margin-bottom: 19px;
  }
  .ds-empty-notification-icon-w {
    margin-bottom: 19px;
  }
  .ds-empty-notification-buttons .ds-button {
    width: 100%;
  }
  .ds-empty-notification-buttons .ds-button:first-child {
    margin: 0 0 14px;
  }
}

.ds-address {
  margin-bottom: 10px;
  margin-top: 25px;
}
.ds-address-text {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
}
.ds-address-name {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  margin-right: 5px;
  word-wrap: break-word;
}
.ds-address-name-w {
  margin-bottom: 8px;
}
.ds-address-default-badge {
  background-color: #44a9ee;
  border-radius: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  margin-left: 15px;
  padding: 7px 15px;
  width: 85px;
}
.ds-address-billing-default {
  color: #80898e;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}


.address_method_content--note span.input__selector {
  position: relative;
  top: 22px;
}
.address_method_content--note .selection-group .input__label {
  padding-left: 2rem;
}
.address_method_content .address_method_content--addsection .address_method_content--state {
  width: 100% !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
@media only screen and (max-width: 833px) {
  .ds-override {
    height: unset;
  }
}
.ds-namedGroup {
  border: 1px solid #e7e7e7;
  border-radius: 2px;
}
.ds-namedGroup + .ds-namedGroup {
  margin-top: 25px;
}
.ds-namedGroup-header {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fbfbfb;
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 70px;
  padding: 20px 30px;
}
.ds-namedGroup-header-radio-button {
  margin-left: auto;
  margin-right: 100px;
}
@media only screen and (max-width: 833px) {
  .ds-namedGroup-header {
    padding: 15px;
    position: relative;
  }
}
.ds-namedGroup-header .ds-button {
  margin-left: -70px;
  -ms-flex-order: 2;
      order: 2;
}
@media only screen and (max-width: 833px) {
  .ds-namedGroup-header .ds-button:not( .ds-button-small ) {
    bottom: 15px;
    margin-left: 0;
    position: absolute;
    width: calc(100% - 2*15px);
  }
  .ds-namedGroup-header .ds-button:not( .ds-button-small ) + .ds-namedGroup-header-text {
    padding-bottom: 50px;
  }
}
.ds-namedGroup-header .ds-button-icon {
  height: 16px;
  width: 16px;
}
@media only screen and (max-width: 833px) {
  .ds-namedGroup-header-text {
    font-size: 14px;
  }
}

.ds-no-data-contact-customer-service {
  color: #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-statistic-pane-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-statistic-pane-wrapper a,
.ds-statistic-pane-wrapper a:hover,
.ds-statistic-pane-wrapper a:focus,
.ds-statistic-pane-wrapper a:active {
  text-decoration: none;
  color: inherit;
}
.ds-statistic {
  font-size: 30px;
  font-weight: 900;
  display: contents;
  color: #0077c8;
}
.ds-statistic-grey-color {
  color: gray !important;
}
.ds-statistic-pane {
  border-top: 5px solid #0077c8 !important;
  margin-bottom: 50px;
  margin-top: 16px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  width: 356px;
  height: 145px;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  color: #80888D !important;
  font-weight: bold;
  background-color: #FCFCFC;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  opacity: 1;
  margin-right: 24px;
}
@media only screen and (max-width: 833px) {
  .ds-statistic-pane {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-statistic-pane {
    width: 310px;
  }
}
.ds-statistic-pane-name {
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
}
.ds-statistic-pane-link {
  font-weight: 500;
}
.custom-margin {
  margin-right: 0px !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.select-drop-down {
  position: relative;
}
.ds-select {
  color: #80898e;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  width: auto;
}
.ds-select .dropdown {
  display: inline-block;
  line-height: 15px;
}
.ds-select .dropdown.show .ds-select-toggle {
  background: none;
  border: none;
  box-shadow: none;
  color: #53585b;
}
.ds-select .dropdown.show .ds-select-toggle:focus {
  box-shadow: none;
}
.ds-select .ds-select-toggle,
.ds-select .ds-select-toggle.btn-secondary:active {
  background: none;
  border: none;
  color: #53585b;
}
.ds-select .ds-select-toggle:not(.focus-visible):focus,
.ds-select .ds-select-toggle:not(.focus-visible):active:focus {
  box-shadow: none;
}
.ds-select .dropdown-menu {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 15px 0 rgba(83, 88, 91, 0.15);
  font-size: 12px;
  left: auto !important;
  min-width: 120px;
  padding: 15px;
  right: 0;
  z-index: 1;
}
.ds-select .dropdown-item {
  color: #80898e;
  cursor: pointer;
  font-weight: 300;
  padding: 0;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ds-select .dropdown-item:not( :first-child) {
  margin-top: 5px;
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-select .dropdown-item:hover {
    background: none;
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-select .dropdown-item:hover {
    background: none;
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-select .dropdown-item:hover {
    background: none;
    text-decoration: underline;
  }
}
.ds-select .dropdown-item:active {
  background: none;
  text-decoration: underline;
}
.ds-select .dropdown-item:active {
  color: #80898e;
}
.ds-select .dropdown-item:focus {
  background: none;
}
@media only screen and (max-width: 833px) {
  .ds-select .ds-button {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-select .ds-button-icon {
    margin-left: 5px;
    height: 16px;
    width: 16px;
  }
}
.ds-select-toggle {
  font-size: 14px;
  margin-left: 4px;
  padding: 0;
  vertical-align: top;
}
.ds-select-toggle span {
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-select-toggle span:hover {
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-select-toggle span:hover {
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-select-toggle span:hover {
    text-decoration: underline;
  }
}
.ds-select-toggle span:active {
  text-decoration: underline;
}
.ds-select-link {
  color: #53585b;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  margin-left: 4px;
  padding: 0;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-select-link:hover {
    color: #53585b;
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-select-link:hover {
    color: #53585b;
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-select-link:hover {
    color: #53585b;
    text-decoration: underline;
  }
}
.ds-select-link:active {
  color: #53585b;
  text-decoration: underline;
}
.ds-select-icon {
  color: #0077c8;
  display: none;
  margin-left: 7px;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-select-icon {
    margin-left: 3px;
  }
}
.ds-select-radio {
  background: #fff;
  border: 1px solid #53585b;
  border-radius: 100%;
  position: relative;
  top: 1px;
  height: 18px;
  width: 18px;
}
.ds-select-radio.ds--selected {
  border: 6px solid #0077c8;
}
.ds-select-list-w {
  position: absolute;
  right: 0;
  width: 210px;
  z-index: 2;
}
.filter-pill-left-space {
  display: inline-block;
  padding-left: 5px;
}
.filter_pill_select_button {
  padding-right: 10px !important;
}
.filter_pill_dropdown.fs-swap-active {
  position: absolute;
  right: 0px;
  width: 165px;
}
.filter_pill_dropdown.fs-swap-active div {
  padding: 0 0 10px 0;
  cursor: pointer;
}
.filter-no-pill .filter_pill {
  border: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}
.fitler_pill_select_button {
  padding: 4px 26px 4px 5px !important;
}
.link-black {
  color: black !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-group-details-wrapper .button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ds-group-details-wrapper .button-container .vertical-seperation-bar {
  color: #D0D0D0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.ds-group-details-wrapper .ds-group-field-error {
  color: #e4002b;
  display: block;
  font-size: 14px;
  margin-top: 7px;
}
.ds-group-details-wrapper .ds-group-more-admin {
  color: #0077c8;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  resize: none;
  float: right;
  text-decoration: none;
}
.ds-group-details-wrapper .ds-group-more-admin:hover {
  text-decoration: underline;
}
.ds-group-details-wrapper .form-group-c1,
.ds-group-details-wrapper .form-group-c3 {
  display: inline-block;
  width: 58%;
  vertical-align: top;
  margin-top: 5px;
}
.ds-group-details-wrapper .flex-column-alignment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ds-group-details-wrapper .form-group-c2,
.ds-group-details-wrapper .form-group-c4 {
  display: inline-block;
  width: 38%;
  vertical-align: top;
  margin-top: 5px;
}
.ds-group-details-wrapper .required {
  color: red;
}
.ds-group-details-wrapper .ds-hide-group-admin-fields {
  display: none;
}
.ds-group-details-wrapper .ds-show-group-admin-fields {
  display: inline-block;
}
.ds-group-details-wrapper .ds-group-page-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 40px;
}
.ds-group-details-wrapper .ds-group-name-label {
  display: inline-block;
  margin-top: 15px;
  text-align: left;
  font: normal normal medium 14px/22px Montserrat;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
}
.ds-group-details-wrapper .ds-group-name-field-input {
  color: #53585b;
  display: inline-block;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.3px;
  outline: none;
  resize: none;
  width: 400px;
  margin-right: 15px;
  display: inline;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-color: #CED4DA;
  border-radius: 4px;
  opacity: 1;
}
.ds-group-details-wrapper .ds-group-name-field-input textarea {
  padding-left: 10px;
}
@media only screen and (max-width: 991px) {
  .ds-group-details-wrapper .ds-group-name-field-input {
    width: 300px;
  }
}
@media only screen and (max-width: 767.98px) {
  .ds-group-details-wrapper .ds-group-name-field-input {
    font-size: 16px;
  }
}
.ds-group-details-wrapper .ds-group-admin-email-field-input {
  color: #53585b;
  display: inline-block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.3px;
  outline: none;
  resize: none;
  width: 380px;
  margin-top: 5px;
}
@media only screen and (max-width: 833px) {
  .ds-group-details-wrapper .ds-group-admin-email-field-input {
    font-size: 16px;
  }
}
.ds-group-details-wrapper .manage-group-admins-btn {
  letter-spacing: 0;
  text-align: right;
  font: normal normal medium 14px/16px Montserrat;
  letter-spacing: 0px;
  color: #0077C8;
  opacity: 1;
  border: none;
  background: white;
  padding: 8px 20px 8px 20px;
}
.ds-group-details-wrapper .manage-group-admins-btn .ds-button-icon {
  fill: #0077C8;
  height: 18px;
  width: 14px;
  margin-right: 2px;
}
.ds-group-details-wrapper .manage-group-admins-btn:hover {
  text-decoration: underline;
}
.ds-group-details-wrapper .remove-practice-from-group-btn {
  letter-spacing: 0;
  text-align: right;
  font: normal normal medium 14px/16px Montserrat;
  letter-spacing: 0px;
  color: #0077C8;
  opacity: 1;
  border: none;
  background: white;
}
.ds-group-details-wrapper .delete-group-btn {
  letter-spacing: 0;
  text-align: right;
  font: normal normal medium 14px/16px Montserrat;
  letter-spacing: 0px;
  color: #E4002B;
  opacity: 1;
  border: none;
  background: white;
  padding: 8px 0px 8px 20px;
}
.ds-group-details-wrapper .delete-group-btn:hover {
  text-decoration: underline;
}
.ds-group-details-wrapper .delete-group-svg {
  fill: #E4002B;
}
.ds-group-details-wrapper .manage-group-admins-svg {
  fill: #0077C8;
}
.ds-group-details-wrapper .remove-practice-from-group-svg {
  fill: #0077C8;
}
.ds-group-details-wrapper .add-practice-svg {
  fill: #FFFFFF;
}

.ds-dt-practice-name,
.ds-dt-practice-table-links {
  color: #0077c8;
  font-weight: 500;
}
.ds-practice-table-manage-users-btn {
  margin-right: 5px;
}

.ds-logo-title-main {
  color: #212B36;
  font: normal normal bold 24px/30px 'Montserrat';
}
.ds-logo-title-description {
  color: #53585B;
  font: normal normal normal 16px/24px 'Arial', sans-serif;
  margin-top: 11px;
}
.ds-order-approval-list--checkbox-orderRule {
  width: 115px !important;
}
.ds-order-approval-list--checkbox-orderRule .custom-style-svg-rulefilters {
  margin-left: 86px !important;
  margin-top: -30px;
}
.ds-order-approval-list--checkbox-orderRule--selected {
  width: 141px !important;
  border: 1px solid #0077C8 !important;
}
.ds-order-approval-list--checkbox-orderRule--selected .custom-style-svg-rulefilters {
  margin-left: 112px !important;
  margin-top: -30px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-approval-list-search {
  padding-bottom: 30px;
  padding-top: 5px;
  width: 60%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-approval-list-search input.form-control {
    position: absolute;
    right: 100%;
    width: 350px;
  }
}
.ds-approval-list-search .form-control:focus,
.ds-approval-list-search .btn:focus {
  border-color: #c0c9ce;
  box-shadow: none;
}
.ds-approval-list-search .form-control {
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  max-width: 400px;
}
@media only screen and (max-width: 833px) {
  .ds-approval-list-search .form-control {
    border-radius: 4px !important;
    left: -1px;
    max-width: none;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .ds-approval-list-search .form-control:focus {
    z-index: 1;
  }
}
.ds-approval-list-search .ds-button {
  background-color: #FCFCFC;
  border-radius: 0 4px 4px 0;
  height: 38px;
  border: 1px #AAAAAA solid;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
  color: #53585B;
}
@media only screen and (max-width: 833px) {
  .ds-approval-list-search .ds-button {
    border-radius: 4px;
  }
}
.ds-approval-list-search .ds-button-icon {
  height: 14px;
  color: #53585B;
}
.ds-approval-list-search-icon {
  margin-left: 10px;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-approval-list-search-icon {
    left: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    position: absolute;
    top: 50%;
  }
}
.ds-approval-list-search-close-btn {
  cursor: pointer;
  right: 10px;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.ds-approval-list-search-close-icon {
  fill: #53585b;
  height: 10px;
  width: 10px;
}

.ds-manage-order-card .ds-manage-order-container .ds-dt-table-head-tr {
  border: 1px solid #C0C9CE;
  border-radius: 0px;
}
.ds-manage-order-card .ds-manage-order-container .ds-dt-table-body-tr {
  border: 1px solid #C0C9CE;
  border-radius: 0px;
}
.ds-manage-order-card .ds-manage-order-container .ds-dt-table-body-tr .ds-spentlimittype-text {
  text-transform: capitalize;
}
.ds-manage-order-card .ds-manage-order-container .ds-dt-manage-order-links {
  color: #0077C7 !important;
  font-weight: 500 !important;
}
.ds-dt-manage-order-links {
  color: #0077C7 !important;
  font-weight: 500 !important;
}
.custom-icon-color {
  fill: #0077C8 !important;
  height: 14px;
  width: 12px;
  position: relative;
  top: 2px;
}
.custom-link-color {
  color: "#0077C7";
}

.ds-order-rule-list-card .ds-order-rule-list-container .spend-limit-amount-chip {
  width: 62px;
  height: 21px;
  background: #E8F7FF 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  text-align: left;
  font: normal normal normal 12px/32px Montserrat;
  font-weight: 500;
  letter-spacing: 0px;
  color: #53585B;
  margin-left: 10px;
  padding: 3px 10px;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-dt-table-head-tr {
  border: 1px solid #C0C9CE;
  border-radius: 0px;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-dt-table-body-tr {
  border: 1px solid #C0C9CE;
  border-radius: 0px;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-dt-table-body-tr .ds-spentlimittype-text {
  text-transform: capitalize;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-dt-practice-table-links .ds-dt-table-icon {
  height: 14px;
  width: 14px;
  margin-right: 5px;
  vertical-align: middle;
  text-align: center;
  opacity: 1;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-dt-practice-table-links .ds-order-rule-btn {
  width: 28px;
  height: 16px;
  text-align: right;
  font: normal normal normal 14px/16px Montserrat;
  font-weight: 500;
  letter-spacing: 0px;
  opacity: 1;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-dt-practice-table-links .ds-order-rule-btn-disabled {
  color: #AAAAAA;
  width: 28px;
  height: 16px;
  text-align: right;
  font: normal normal normal 14px/16px Montserrat;
  font-weight: 500;
  letter-spacing: 0px;
  opacity: 1;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-dt-practice-table-links .ds-order-rule-btn-disabled .ds-dt-table-icon {
  fill: #AAAAAA !important;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-dt-practice-table-links .ds-order-rule-btn-margin {
  margin-right: 30px;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-pager {
  font-size: 19px;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-pager .ds-pager-pages.ds--first {
  height: 34px;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-pager .ds-pager-arrow-icon {
  fill: #C0C9CE;
  text-align: left;
  letter-spacing: 0px;
  opacity: 1;
}
.ds-order-rule-list-card .ds-order-rule-list-container .ds-pager .ds-pager-item {
  top: 0px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-approval-rule-list-search {
  width: 60%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-approval-rule-list-search input.form-control {
    position: absolute;
    right: 100%;
    width: 350px;
  }
}
.ds-approval-rule-list-search .form-control:focus,
.ds-approval-rule-list-search .btn:focus {
  border-color: #c0c9ce;
  box-shadow: none;
}
.ds-approval-rule-list-search .form-control {
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  max-width: 400px;
}
@media only screen and (max-width: 833px) {
  .ds-approval-rule-list-search .form-control {
    border-radius: 4px !important;
    left: -1px;
    max-width: none;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .ds-approval-rule-list-search .form-control:focus {
    z-index: 1;
  }
}
.ds-approval-rule-list-search .ds-button {
  background-color: #FCFCFC;
  border-radius: 0 4px 4px 0;
  height: 38px;
  border: 1px #AAAAAA solid;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
  color: #53585B;
}
@media only screen and (max-width: 833px) {
  .ds-approval-rule-list-search .ds-button {
    border-radius: 4px;
  }
}
.ds-approval-rule-list-search .ds-button-icon {
  height: 14px;
  color: #53585B;
}
.ds-approval-rule-list-search-icon {
  margin-left: 10px;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-approval-rule-list-search-icon {
    left: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    position: absolute;
    top: 50%;
  }
}
.ds-approval-rule-list-search-close-btn {
  cursor: pointer;
  right: 10px;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.ds-approval-rule-list-search-close-icon {
  fill: #53585b;
  height: 10px;
  width: 10px;
}
.ds-approval-rule-list-search .form-control {
  border: 1px solid #D5D5D5;
  border-radius: 4px;
}

.ds-add-payment-method-subtitle {
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
.ds-add-payment-method-subtitle p {
  margin-top: 0;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1379px) {
  .ds-add-payment-method-subtitle p {
    margin-bottom: 16px;
  }
}
.ds-add-payment-method-iframe {
  height: 1114px;
  width: 100%;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1379px) {
  .ds-add-payment-method-iframe {
    height: 1408px;
    margin-bottom: 2px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-add-payment-method-iframe {
    height: 1064px;
    margin-bottom: 17px;
  }
}

.ds-payments-card-container {
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
  padding: 0 25px;
}
.ds-payments-card .ds-icon-info {
  height: 16px;
  width: 16px;
}
.ds-payments-card + .ds-payments-card {
  margin-top: 30px;
}
.ds-payments-card-info-items-terms {
  display: -ms-flexbox;
  display: flex;
}
.ds-payments-card-info-items-terms:not( :first-child ) {
  padding-left: 30px;
}
.ds-payments-card-info-items {
  display: -ms-flexbox;
  display: flex;
}
.ds-payments-card-info-items:first-child {
  margin-bottom: 20px;
}
.ds-payments-card-info-items-label,
.ds-payments-card-info-items-label-gray,
.ds-payments-card-info-items-text,
.ds-payments-card-info-items-text-gray,
.ds-payments-card-info-items-text-address-invoice,
.ds-payments-card-info-items-text-red {
  color: #53585b;
  display: inline-block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  vertical-align: top;
}
.ds-payments-card-info-items-label,
.ds-payments-card-info-items-label-gray {
  font-weight: 500;
  min-width: 110px;
}
.ds-payments-card-info-items-label-long,
.ds-payments-card-info-items-label-gray-long {
  min-width: 112px;
}
.ds-payments-card-info-items-methods-card {
  margin-top: 30px;
}
.ds-payments-card-info-items-text,
.ds-payments-card-info-items-text-gray {
  margin: 0 20px;
  word-wrap: break-word;
}
.ds-payments-card-info-items-text-long,
.ds-payments-card-info-items-text-gray-long {
  width: 100%;
}
.ds-payments-card-info-items-text-red {
  color: #e4002b;
  font-size: 12px;
  margin: 0px 0 10px 0px;
  word-wrap: break-word;
}
.ds-payments-card-info-items-label-gray,
.ds-payments-card-info-items-text-gray {
  color: #9b9b9b;
}
.ds-payments-card-info-items-text-address-invoice {
  margin: 0 20px;
  word-wrap: break-word;
}
@media only screen and (max-width: 1379px) {
  .ds-payments-card-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ds-payments-card-container .ds-payments-card-info {
    margin-left: 30px;
  }
  .ds-payments-card-container .ds-payments-card-info:not( :last-child ) {
    margin-bottom: 30px;
  }
  .ds-payments-card .ds-namedGroup-header {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ds-payments-card .ds-namedGroup-header-radio-button {
    margin: 20px 0 0 0;
  }
  .ds-payments-card .ds-namedGroup-header .ds-button.ds-namedGroup-header-button-link.ds--white {
    position: absolute;
    right: 20px;
    width: auto;
  }
  .ds-payments-card-info-items-terms {
    padding-left: 30px;
  }
  .ds-payments-card-info-items-terms:not( :last-child ) {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-payments-card .ds-namedGroup-header .ds-namedGroup-header-text {
    margin: 10px 0;
  }
  .ds-payments-card .ds-namedGroup-header .ds-button.ds-namedGroup-header-button-link.ds--white {
    bottom: unset;
    margin-left: unset;
    right: 15px;
    top: 15px;
    width: auto;
  }
}

.ds-manage-accounts-remove-button {
  background: Transparent no-repeat;
  border: none;
  color: #0077c8;
  cursor: pointer;
  height: 21px;
  outline: none;
  overflow: hidden;
}
.ds-remove-payment-confirm-text {
  font-size: 14px;
  margin-bottom: 24px;
}
.ds-remove-payment-name {
  margin-bottom: 16px;
}
.ds-remove-payment-details-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ds-remove-payment-details-list > * {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  margin-bottom: 12px;
}

.ds-search-add-practice-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.ds-practice-page-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.ds-dt-practice-name,
.ds-dt-practice-table-links {
  color: #0077c8;
  font-weight: 500;
}
.ds-practice-table-manage-users-btn {
  margin-right: 24px !important;
}
.ds-practice-management-status-active {
  background: #18B14A;
  padding: 5px 16px ;
  color: white;
  border-radius: 20px ;
}
.ds-account-type-checkbox {
  margin-left: -25px;
}
.ds-practice-management-status-inactive {
  background: #E3002B;
  padding: 5px 16px;
  color: white;
  border-radius: 20px;
}
.ds-user-access-practice-management .ds-user-access-practice-management--select-group {
  display: -ms-flexbox;
  display: flex;
  margin-top: -45px;
  place-content: flex-end;
}
.ds-user-access-practice-management .ds-user-access-practice-management--select-group .ds-input-components-label {
  min-inline-size: -webkit-max-content;
  min-inline-size: -moz-max-content;
  min-inline-size: max-content;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.ds-user-access-practice-management .ds-user-access-practice-management--select-group .ds-input-components-wrapper {
  width: 400px;
  margin-left: 10px;
  height: 40px;
}
.ds-user-access-practice-management .ds-practice-page-title .ds-account-title {
  margin-bottom: 20px;
}
.checkbox-container {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 15px;
}
.checkbox-container .ds-manage-practice-list--checkbox {
  padding: 5px 10px;
  line-height: 15px;
  height: 26px;
  border-radius: 2px;
  margin-right: 0px!important;
  width: 136px;
  border: 1px solid #C0C9CE;
  opacity: 1;
  margin-right: 15px;
}
.ds-manage-practice-list--checkbox-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #CED4DA;
  position: absolute;
  background-color: #ffff;
  width: 340px;
  font-size: 13px;
}
.ds-manage-practice-list--checkbox-container .ds-user-access-management-sort-by {
  margin-bottom: 12px;
}
.ds-manage-practice-list--filter-text {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  padding-left: 0px !important;
}
.filters-text {
  margin-right: 15px;
}
.ds-user-access-practice-management--add-practice {
  border: 1px solid #CED4DA;
}
.ds-user-access-practice-management--add-practice .ds-user-access-practice-management--add-practice-header {
  border-bottom: 1px solid #CED4DA;
  background-color: #fbfbfb;
}
.checkbox input[type=checkbox] {
  margin-right: 5px;
}
.ds-manage-practice-list--down-icon {
  font-weight: 500;
  height: 12px;
  width: 14px;
  fill: #BEBEBE;
}
.custom-style-svg {
  position: relative;
  top: -26px;
  right: -63px;
  pointer-events: none;
}
.custom-style-svg-account-type {
  margin-left: 106px;
  margin-top: -32px;
}
.account-status-select .ds-input-components-select {
  width: 84px;
  height: 26px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C0C9CE;
  border-radius: 2px;
  opacity: 1;
  padding: 5px 10px;
  line-height: 15px;
  margin-right: 0px!important;
}
.account-status-select .ds-input-components-select {
  background-image: none;
}
.custom-style-filter-svg {
  position: relative;
  height: 14px;
  width: 14px;
  top: 4px;
  left: 2px;
  color: #53585B;
  margin-right: 4px;
}
.custom-filter-bar {
  padding-left: 0px;
  margin-top: 38px;
  margin-bottom: -2px;
}
.ds-dt-practice-table-links .ds-dt-table-icon {
  fill: #0077c8 !important;
}
.ds-dt-practice-table-links .ds-dt-table-icon .ds-practice-table-left-btn,
.ds-dt-practice-table-links .ds-dt-table-icon .ds-practice-table-right-btn {
  margin: 0px 12px;
}
.custom-style-add-icon-svg {
  position: relative;
  top: 29px;
  left: 28px;
  fill: #FFFFFF;
  pointer-events: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-search-bar .ds-practice-list-search input.form-control {
    position: absolute;
    right: 100%;
    width: 350px;
  }
}
.ds-search-add-practice-list-wrapper {
  margin-bottom: -24px;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search {
  width: 100%;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search .form-control:focus,
.ds-search-add-practice-list-wrapper .ds-practice-list-search .btn:focus {
  border-color: #c0c9ce;
  box-shadow: none;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search .form-control {
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  max-width: 400px;
}
@media only screen and (max-width: 833px) {
  .ds-search-add-practice-list-wrapper .ds-practice-list-search .form-control {
    border-radius: 4px !important;
    left: -1px;
    max-width: none;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .ds-search-add-practice-list-wrapper .ds-practice-list-search .form-control:focus {
    z-index: 1;
  }
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search .ds-button {
  background-color: #fbfbfb;
  border-radius: 0 4px 4px 0;
  height: 38px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
  color: #53585b;
}
@media only screen and (max-width: 833px) {
  .ds-search-add-practice-list-wrapper .ds-practice-list-search .ds-button {
    border-radius: 4px;
  }
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search .ds-button-icon {
  height: 14px;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search-icon {
  margin-left: 10px;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-search-add-practice-list-wrapper .ds-practice-list-search-icon {
    left: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    position: absolute;
    top: 50%;
  }
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search-close-btn {
  cursor: pointer;
  right: 10px;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search-close-icon {
  fill: #53585b;
  height: 10px;
  width: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-wrapper-title-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-wrapper-title-header {
  background-color: #fbfbfb;
  border: 1px solid #e7e7e7;
  border-radius: 2px 2px 0 0;
  padding: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-wrapper-title-header {
    padding: 20px 15px;
  }
}
.ds-wrapper-title-radio {
  display: inline-block;
  width: 290px;
}
.ds-wrapper-title-manage-payments {
  float: right;
  height: 40px;
  margin-left: 15px;
  margin-right: 30px;
  margin-top: 24px;
  overflow: hidden;
}
.ds-wrapper-title-title-w {
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 880px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ds-wrapper-title-title {
  color: #53585b;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0;
}
.ds-wrapper-title-subtitle {
  color: #53585b;
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 9px;
}
.ds-wrapper-title-body {
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-radius: 2px 2px 0 0;
  border-right: 1px solid #e7e7e7;
  padding: 30px;
  word-break: break-word;
}
@media only screen and (max-width: 833px) {
  .ds-wrapper-title-body {
    padding: 20px 15px;
  }
}
.ds-wrapper-title-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.ds-wrapper-title-button,
.ds-wrapper-title-button-link {
  width: 91px;
}
.ds-wrapper-title-button + .ds-wrapper-title-button,
.ds-wrapper-title-button-link + .ds-wrapper-title-button {
  margin-right: 15px;
}
.ds-wrapper-title-manage-practice-button-link {
  height: 40px;
}
.ds-wrapper-title-controls > * + * {
  margin-left: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-wrapper-title-button-edit-billing {
    float: right;
    margin-left: 10px;
    transform: perspective(1px) translateY(-50%);
    width: 100%;
    position: relative;
    top: 50%;
  }
  .ds-wrapper-title-small-button {
    padding-right: 33px;
  }
  .ds-wrapper-title-manage-payments {
    margin-right: 15px;
    width: 80px;
    word-spacing: 50px;
  }
  .ds-wrapper-title-manage-practice-button-link {
    float: right;
    font-size: 18px;
    height: 40px;
    margin-left: 0;
    margin-right: 20px;
    overflow: hidden;
    width: 60px;
    word-spacing: 40px;
  }
  .ds-wrapper-title-button-link {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
  }
  .ds-wrapper-title-title {
    font-size: 16px;
  }
  .ds-wrapper-title-radio {
    height: 0;
    margin-left: 0;
    margin-right: 0;
    visibility: hidden;
    width: 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-group-practice-admins {
  color: #0077c8;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  resize: none;
  float: right;
  text-decoration: none;
}
.ds-total-practice-admins {
  font-size: 13px;
  font-weight: 500;
  outline: none;
  resize: none;
  padding-left: 57px;
  text-decoration: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-manage-practice-button {
  font-size: 16px;
  min-width: 90px;
  padding-bottom: 14px;
  padding-top: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-manage-practice-button {
    width: calc((100% - 20px)/2);
  }
}
.ds-manage-practice-button + .ds-manage-practice-button {
  margin-left: 20px;
}
.ds-manage-practice-button-bottom {
  margin-bottom: 240px;
}
.ds-manage-practice-title {
  color: #53585b;
  font-size: 24px;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
}
@media only screen and (max-width: 1379px) {
  .ds-manage-practice-list-container {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 833px) {
  .ds-manage-practice-list-container {
    margin: 20px 0;
  }
}
.ds-manage-practice-list-container .ds-wrapper-title-title-link {
  font-size: 16px;
}
.ds-name-licensing-form-desc {
  line-height: 24px;
}
.ds-name-licensing-form-desc-link {
  color: #0077c8;
  display: inline;
  line-height: 24px;
  margin-left: 5px;
  padding: 0;
}
.ds-name-licensing-form-desc-link:hover {
  color: #0077c8;
}
.ds-name-licensing-form .ds-wrapper-title-title {
  margin-left: 0;
}
.ds-manage-practice-form-fields {
  max-width: 63%;
}
@media only screen and (max-width: 1379px) {
  .ds-manage-practice-form-fields {
    max-width: none;
  }
}
.ds-manage-practice-form-fields .ds-input-components-validation-rules {
  left: 100%;
  margin-left: 15px;
  margin-top: 29px;
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-manage-practice-form-fields .ds-input-components-validation-rules {
    margin-left: 0;
    margin-top: 10px;
    position: static;
  }
}

.ds-date-picker-w .ds-delivery-options-calendar {
  position: absolute;
  right: 25px;
  bottom: 12px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-form-group {
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 25px;
}
@media only screen and (max-width: 833px) {
  .ds-form-group {
    margin-bottom: 5px;
  }
}
.ds-form-header {
  background-color: #fbfbfb;
  border: 1px solid #e7e7e7;
  border-radius: 2px 2px 0 0;
  height: 74.46px;
}
.ds-form-body {
  border: 1px solid #e7e7e7;
  border-radius: 2px 2px 0 0;
}
.ds-form-title {
  color: #53585b;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  margin-left: 22px;
  margin-top: 20px;
}
.ds-form-field {
  background-color: #fff;
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  height: 38px;
  width: 293px;
}
.ds-form-field-error {
  border: 1px solid #e4002b;
}
.ds-form-add-address-text {
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.ds-form-add-address-button {
  background: none;
  border: none;
  height: 21px;
  margin-top: 20px;
}
.ds-form-add-address-svg {
  height: 12px;
  width: 25px;
}

.ds-address-form-wrapper {
  margin: 15px auto 30px;
}
.ds-address-form-wrapper .ds-address-form {
  max-width: 63%;
}
@media only screen and (max-width: 1379px) {
  .ds-address-form-wrapper .ds-address-form {
    max-width: none;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-location-form-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 833px) {
  .ds-location-form-container {
    display: block;
  }
}
.ds-location-form {
  width: 63%;
}
@media only screen and (max-width: 833px) {
  .ds-location-form {
    min-width: 100%;
  }
}
.ds-location-delimeter {
  margin-left: -30px;
  margin-right: -30px;
}
@media only screen and (max-width: 833px) {
  .ds-location-delimeter {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.ds-location-form-wrapper {
  margin: 15px auto 30px auto;
}
.ds-location-no-address-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.ds-location-no-address-icon {
  fill: #c0c9ce;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 49px;
  height: 49px;
  line-height: 49px;
  margin-bottom: 24px;
  margin-top: 30px;
  text-align: center;
}
.ds-location-no-address-title {
  color: #80898e;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin-bottom: 12px;
  text-align: center;
}
.ds-location-no-address-sub-title {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 23px;
  line-height: 23px;
  margin-bottom: 100px;
  text-align: center;
}
.ds-location-add-line {
  margin: 32px 40px 28px 31px;
}
.ds-location-add-new-location-text {
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.ds-location-add-new-location-text:focus {
  outline: 0 !important;
}
.ds-location-add-new-location-button {
  background: none;
  border: none;
  height: 21px;
  padding: 0;
}
@media only screen and (max-width: 1379px) {
  .ds-location-add-new-location-button {
    width: 100%;
  }
}
.ds-location-add-new-location-button:focus {
  outline: 0 !important;
}
.ds-location-add-new-location-svg {
  fill: #0077c8;
  font-weight: 500;
  margin-right: 5px;
  padding-bottom: 2px;
  height: 14px;
  width: 14px;
}
.ds-location-add-remove-button {
  margin-left: 35px;
  margin-top: 28px;
  max-width: 200px;
}
.ds-location-add-location .ds-input-components-checkbox-square {
  margin-left: 0 !important;
}
.ds-location-add-location > .form-group:first-child {
  margin-bottom: 0;
}
.ds-location-add-location .ds-address-form {
  max-width: 63%;
}
@media only screen and (max-width: 1379px) {
  .ds-location-add-location .ds-address-form {
    max-width: none;
  }
}
.ds-location-add-location .ds-hint-text.ds--info {
  position: relative;
}
.ds-location-add-location .ds-hint-text.ds--info .ds-icon-info,
.ds-location-add-location .ds-hint-text-by-click-btn.ds--info .ds-icon-info {
  height: 16px;
  margin-top: -1px;
  width: 16px;
}
.ds-location-add-location .ds-hint-text-tooltip-w.ds--left {
  width: 205px;
}
.ds-location-add-note {
  font-size: 14px;
  margin-bottom: 24px;
  margin-top: 20px;
}
.ds-location-add-location.ds--disabled {
  cursor: default;
  display: -ms-flexbox;
  display: flex;
}
.ds-location-add-location.ds--disabled .ds-input-components-checkbox-square-label,
.ds-location-add-location.ds--disabled .ds-input-components-checkbox-square-text {
  cursor: default;
  opacity: 0.5;
}
.ds-location-list-add-location {
  color: #0077c8;
  cursor: pointer;
  float: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.ds-location-list-add-location-svg {
  color: #0077c8;
  fill: #0077c8;
  height: 15px;
  margin-right: 5px;
  width: 13px;
}
.ds-location-list-card {
  padding: 0 18px;
}
.ds-location-list-container {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
}
.ds-location-list-hr {
  margin-left: 33px;
  margin-right: 33px;
}
.ds-location-list-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 20px 33px 16px;
}
.ds-location-list-search {
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  color: #7d8081;
  font-size: 14px;
  font-weight: 300;
  height: 100%;
  line-height: 16px;
  margin-left: 32px;
  margin-top: 22px;
  padding: 13px 16px;
  text-align: left;
  width: 40%;
}
.ds-location-list-search:focus {
  outline: 0 !important;
}
.ds-location-list-total {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.ds-ship-location-modal-wrapper .ds-popup-text {
  margin: 30px 0;
  padding: 0 30px;
}
@media only screen and (max-width: 833px) {
  .ds-ship-location-modal-wrapper .ds-popup-text {
    margin: 0;
  }
}
.ds-ship-location-modal-wrapper .ds-popup-inner {
  height: 778px;
}
@media only screen and (max-width: 1379px) {
  .ds-location-list-search {
    height: 100%;
    width: 40%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-location-no-address-title {
    margin-bottom: 50px;
  }
  .ds-location .ds-pobox-message {
    margin-bottom: 9px;
  }
  .ds-location-add-new-location-button {
    margin-left: 0;
    margin-top: 30px;
    text-align: center;
  }
  .ds-location-add-new-location-button:visited {
    display: none !important;
  }
  .ds-location-add-remove-button {
    float: right;
    margin-bottom: 30px;
    margin-right: 50px;
    margin-top: 0;
  }
  .ds-location-list-card {
    padding: 0;
  }
  .ds-location-list-hr,
  .ds-location-list-info {
    margin-left: 15px;
    margin-right: 15px;
  }
  .ds-location-list-search {
    height: 100%;
    margin-left: -5px;
    max-height: 40px;
    width: 84%;
  }
  .ds-location-list-search-span {
    margin-left: 15px;
  }
  .ds-address-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .ds-address-default-badge {
    display: table;
  }
  .ds-input-components-radio {
    white-space: normal;
  }
}
.ds-w15 {
  width: 15rem !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-practice-card-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;
}
.ds-practice-card-header.ds--column-direction {
  margin-bottom: 0;
  position: relative;
}
.ds-practice-card-header.ds--column-direction .ds-practice-card-header-container {
  -ms-flex-direction: column;
      flex-direction: column;
}
.ds-practice-card-header.ds--column-direction .ds-practice-card-header-info {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  margin-left: 0;
}
.ds-practice-card-header.ds--column-direction .ds-practice-card-status-box {
  position: absolute;
  right: 0;
}
.ds-practice-card-header.ds--column-direction .ds-practice-card-line {
  margin-top: -20px;
}
.ds-practice-card-header-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ds-practice-card-header-info:not( :first-child ) {
  margin-left: 5%;
}
.ds-practice-card-header-info-label {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  min-width: 120px;
}
.ds-practice-card-header-info-text {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin-left: 15px;
  min-width: 150px;
}
.ds-practice-card-container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 3%;
  width: 100%;
}
.ds-practice-card-body {
  margin-left: -3%;
}
.ds-practice-card-body .ds-practice-card-body-address-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
.ds-practice-card-body-button {
  background: Transparent no-repeat;
  border: none;
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 21px;
  outline: none;
  overflow: hidden;
}
.ds-practice-card-body-button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 31px;
  margin-top: 16px;
  width: 100%;
}
.ds-practice-card-body-button-svg {
  height: 14px;
  margin-bottom: 2px;
  width: 20px;
}
.ds-practice-card-body-info {
  color: #fff;
  margin-bottom: 4px;
  height: 12px;
  width: 12px;
}
.ds-practice-card-body-address-container {
  border-radius: 2px 2px 0 0;
  -ms-flex-pack: start;
      justify-content: start;
  margin-bottom: 15px;
}
.ds-practice-card-body-addresses {
  margin-left: 3%;
  margin-top: 23px;
  width: 22%;
}
.ds-practice-card-body-address-info {
  display: inline-block;
  width: 100%;
}
.ds-practice-card-status-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 5%;
  text-align: center;
}
.ds-practice-card-status-box.ds--display-none {
  display: none;
}
.ds-practice-card-status-box.ds--mobile-view {
  display: none;
}
.ds-practice-card-status-box.ds--desktop-view {
  display: -ms-flexbox;
  display: flex;
}
.ds-practice-card-line {
  border-top: 1px solid #e7e7e7;
}
.ds-status {
  background-color: #18b14a;
  border-radius: 21px;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  width: 95px;
}
.ds-status-active {
  background-color: #18b14a;
}
.ds-status-pending {
  background-color: #c0c9ce;
}
.ds-status-in-active {
  background-color: #e4002b;
}
.ds-status .ds-hint-text {
  padding-left: 0;
}
@media only screen and (max-width: 1439px) {
  .ds-practice-card-header.ds--column-direction .ds-practice-card-header-container .ds-practice-card-header-info-text {
    width: 60%;
  }
  .ds-practice-card-body-addresses {
    margin-left: 3%;
    width: 30%;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-practice-card-container {
    padding: 0 5%;
  }
  .ds-practice-card-container .ds-practice-card-header {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .ds-practice-card-container .ds-practice-card-header-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ds-practice-card-container .ds-practice-card-header-info,
  .ds-practice-card-container .ds-practice-card-status-box {
    margin-left: 0;
  }
  .ds-practice-card-status-box {
    margin-bottom: 15px;
  }
  .ds-practice-card-header {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 15px;
  }
  .ds-practice-card-header.ds--column-direction .ds-practice-card-status-box {
    position: unset;
  }
  .ds-practice-card-header.ds--column-direction .ds-practice-card-header-container .ds-practice-card-header-info-text {
    width: 100%;
  }
  .ds-practice-card-header-info {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
  }
  .ds-practice-card-header-info:not( :first-child ) {
    margin-top: 5px;
  }
  .ds-practice-card-header-info-label {
    display: block;
    height: auto;
    min-width: 0;
    width: 33%;
  }
  .ds-practice-card-header-info-text {
    min-width: 0;
    padding-left: 15px;
    width: 66%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-status-pending {
    padding-right: 10px;
  }
  .ds-hint-text {
    display: block;
    padding-right: 0;
  }
  .ds-practice-card .ds-practice-card-header-info-text {
    width: 100%;
  }
  .ds-practice-card .ds-namedGroup-header .ds-namedGroup-header-practice-button-link {
    float: right;
    font-size: 18px;
    height: 40px;
    margin-right: 0;
    overflow: hidden;
    position: unset;
    width: 60px;
    word-spacing: 40px;
  }
  .ds-practice-card .ds-namedGroup-header .ds-button:not( .ds-button-small ) + .ds-namedGroup-header-text {
    padding-bottom: 0;
  }
  .ds-practice-card .ds-namedGroup-header-text {
    font-size: 16px;
  }
  .ds-practice-card-body-info {
    color: #fff;
    height: 12px;
    width: 12px;
  }
}
@media only screen and (max-width: 739px) {
  .ds-practice-card-body-addresses {
    width: 47%;
  }
}

.ds-badge {
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  padding: 5px 12px;
  vertical-align: top;
}
.ds-badge-left-icon {
  color: #fff;
  display: inline-block;
  fill: #fff;
  height: 14px;
  margin-right: 8px;
  position: relative;
  vertical-align: top;
  width: 14px;
}
.ds-badge.ds--info {
  background-color: #44a9ee;
}
.ds-badge.ds--yellow {
  background-color: #ffd375;
  color: #272727;
}
.ds-badge.ds--yellow .ds-badge-left-icon {
  color: #272727;
  fill: #272727;
}

.ds-radio-input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
.ds-radio-input + .ds-radio-label .ds-radio-span {
  background: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/circle.svg") no-repeat;
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  margin-bottom: 5px;
  margin-right: 10px;
  vertical-align: middle;
  width: 20px;
}
.ds-radio-input:checked + .ds-radio-label .ds-radio-span {
  background: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/dot-circle.svg") no-repeat;
}
.ds-ship-location {
  margin: 15px;
}
.ds-ship-location-buttons {
  white-space: nowrap;
}
.ds-ship-location-edit {
  margin-left: 20px;
  margin-right: 13px;
}
.ds-ship-location-radio {
  color: #53585b;
  float: right;
  font-size: 14px;
  margin-top: 10px;
  white-space: nowrap;
}
@media only screen and (max-width: 1379px) {
  .ds-ship-location-buttons {
    margin-left: -25px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-ship-location-buttons {
    margin-left: 0;
  }
  .ds-ship-location-edit,
  .ds-ship-location-remove {
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
    width: 45%;
  }
  .ds-ship-location-radio {
    float: none;
    margin: 20px auto;
  }
}
.account-location-edit-button,
.account-location-remove-button {
  color: #106ac5;
}
.account-location_edit_block:hover .account-location_edit_icon_hover {
  display: block;
}
@media (min-width: 834px) {
  .account-location-edit-panel .account-location-flex .account-location-inner-flex {
    padding-left: 0 !important;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-arrow-link {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 15px;
}
.ds-account-card-arrow-link-icon {
  fill: #0077c8;
  margin-left: 6px;
  max-height: 14px;
  max-width: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-caption {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-account-card-caption-badge.ds-badge {
  background-color: #18b14a;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  padding: 4px 8px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-links {
  margin-bottom: 0;
  padding-left: 0;
}
.ds-account-card-links-item {
  list-style-type: none;
  margin-bottom: 15px;
}
.ds-account-card-links-item:last-of-type {
  margin-bottom: 0;
}

.ds-user-access-management-sort-by {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 15px;
  padding: 0;
}
.ds-user-remove-block {
  font-size: 20px;
  text-align: center;
}
.ds-user-remove-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  height: 30px;
  margin-bottom: 7px;
  width: 30px;
}
.ds-user-update-block {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-user-update-block-field {
  min-width: 300px;
}
.ds-user-update-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  height: 21px;
  margin-right: 10px;
  width: 21px;
}
@media only screen and (max-width: 833px) {
  .ds-user-access-management-sort-by {
    font-size: 14px;
    -ms-flex-pack: normal;
        justify-content: normal;
  }
  .ds-user-access-management-email {
    word-break: break-word;
  }
  .ds-user-update-block {
    display: block;
  }
  .ds-user-update-name {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
  }
  .ds-user-update-icon {
    left: 0;
    position: absolute;
  }
  .ds-user-update-block-field {
    min-width: auto;
    width: 100%;
  }
  .ds-user-remove-block {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: left;
  }
  .ds-user-remove-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 21px;
    margin-right: 15px;
    width: 20px;
  }
  -name {
    display: inline;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-user-list-search {
  padding-bottom: 25px;
  width: 60%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-user-list-search input.form-control {
    position: absolute;
    right: 100%;
    width: 350px;
  }
}
.ds-user-list-search .form-control:focus,
.ds-user-list-search .btn:focus {
  border-color: #c0c9ce;
  box-shadow: none;
}
.ds-user-list-search .form-control {
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  max-width: 400px;
}
@media only screen and (max-width: 833px) {
  .ds-user-list-search .form-control {
    border-radius: 4px !important;
    left: -1px;
    max-width: none;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .ds-user-list-search .form-control:focus {
    z-index: 1;
  }
}
.ds-user-list-search .ds-button {
  background-color: #fbfbfb;
  border-radius: 0 4px 4px 0;
  height: 38px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
}
@media only screen and (max-width: 833px) {
  .ds-user-list-search .ds-button {
    border-radius: 4px;
  }
}
.ds-user-list-search .ds-button-icon {
  height: 14px;
}
.ds-user-list-search-icon {
  margin-left: 10px;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-user-list-search-icon {
    left: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    position: absolute;
    top: 50%;
  }
}
.ds-user-list-search-close-btn {
  cursor: pointer;
  right: 10px;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.ds-user-list-search-close-icon {
  fill: #53585b;
  height: 10px;
  width: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-sort {
  color: #80898e;
  font-size: 14px;
  position: relative;
}
.ds-sort-link-w {
  text-align: right;
}
.ds-sort-link {
  color: #53585b;
  font-weight: 500;
  white-space: nowrap;
}
.ds-sort-link:hover {
  color: #53585b;
  text-decoration: underline;
}
.ds-sort-icon {
  color: #0077c8;
  display: inline-block;
  fill: #0077c8;
  height: 14px;
  margin-left: 7px;
  width: 14px;
}
.ds-sort-radio {
  background: #fff;
  border: 1px solid #53585b;
  border-radius: 100%;
  box-sizing: border-box;
  height: 18px;
  position: relative;
  top: 1px;
  width: 18px;
}
.ds-sort-radio.ds--selected {
  border: 6px solid #0077c8;
}
.ds-sort-select-w {
  height: 0;
  position: absolute;
  right: 0;
  width: 210px;
  z-index: 2;
}
.ds-sort-select {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 15px 0 rgba(83, 88, 91, 0.15);
  box-sizing: border-box;
  font-size: 12px;
  min-width: 120px;
  padding: 15px;
  position: absolute;
  right: 0;
}
.ds-sort-option {
  cursor: pointer;
  text-align: left;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ds-sort-option:not( :first-child ) {
  margin-top: 5px;
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-sort-option:hover {
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-sort-option:hover {
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-sort-option:hover {
    text-decoration: underline;
  }
}
.ds-sort-option:active {
  text-decoration: underline;
}

.ds-my-account-breadcrumb {
  margin-bottom: 20px;
}
.ds-my-account-breadcrumb-arrow {
  display: inline-block;
  fill: #0077c8;
  margin-top: -1px;
  max-height: 12px;
  max-width: 4%;
  padding: 0 1px;
  vertical-align: middle;
  white-space: nowrap;
}
.ds-my-account-breadcrumb-link {
  color: #53585b;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
  white-space: nowrap;
}
.ds-my-account-breadcrumb-link.ds--link {
  color: #0077c8;
}
.ds-my-account-breadcrumb-link.expand {
  background: none;
  border: none;
  color: #0077c8;
}
.ds-my-account-breadcrumb-link:focus {
  outline: 0 !important;
}
.ds-my-account-breadcrumb-icon {
  display: inline-block;
  fill: #80898e;
  max-height: 10px;
  max-width: 20px;
  white-space: nowrap;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-address {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}
.ds-account-card-address-name {
  color: #80898e;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-arrow-links {
  margin-bottom: 0;
  padding-left: 0;
}
.ds-account-card-arrow-links-item {
  list-style-type: none;
  margin-bottom: 15px;
}
.ds-account-card-arrow-links-item:last-of-type,
.ds-account-card-arrow-links-item .ds-account-card-arrow-link {
  margin-bottom: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  margin-bottom: 32px;
  max-width: 25%;
  padding: 0 16px;
}
@media only screen and (max-width: 833px) {
  .ds-account-card {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: none;
  }
}
.ds-account-card-container {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 10px -3px #7d8081;
  height: 100%;
  padding: 32px 22px 23px 32px;
}
@media only screen and (max-width: 833px) {
  .ds-account-card-container .ds-loader-wrap {
    height: auto;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-header {
  margin-bottom: 18px;
}
.ds-account-card-header-icon {
  color: #c0c9ce;
  fill: #c0c9ce;
  margin-right: 7px;
  max-height: 18px;
  max-width: 18px;
}
.ds-account-card-header-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.ds-account-card-header-icon,
.ds-account-card-header-title {
  vertical-align: middle;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-line {
  background-color: #e7e7e7;
  height: 1px;
  margin: 23px -23px 26px -32px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-account-card-recent-info .ds-account-card-link {
  color: #53585b;
  display: block;
  font-weight: 300;
  margin-bottom: 15px;
}

.ds-education-card {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 0 10px -3px #7d8081;
  color: #53585b;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  vertical-align: top;
  width: 100%;
}
.ds-education-card.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
  padding: 0;
}
.ds-education-card-recent-courses-view-all {
  color: #0077c8;
  font-weight: 500;
  line-height: 33px;
}
.ds-education-card-recent-courses-view-all-arrow-icon {
  display: inline-block;
  fill: #0077c8;
  margin: auto auto auto 8px;
  max-height: 14px;
  max-width: 10px;
  vertical-align: text-bottom;
}
.ds-education-card-recent-courses-view-all:hover,
.ds-education-card-recent-courses-view-all:focus {
  color: #0077c8;
}
.ds-education-card-recent-courses-course {
  color: #53585b;
  display: inline-block;
  font-weight: 300;
  line-height: 21px;
  margin: auto auto 11px auto;
  width: 100%;
}
.ds-education-card-recent-courses-course:hover {
  color: #53585b;
}
.ds-education-card-recent-courses-course.hide-recent-courses {
  display: none;
}
.ds-education-card-links {
  margin: auto 30px 32px 30px;
}
.ds-education-card-links-link {
  color: #0077c8;
  display: inherit;
  font-weight: 500;
  line-height: 30px;
}
.ds-education-card-links-link:hover,
.ds-education-card-links-link:focus {
  color: #0077c8;
}
@media only screen and (max-width: 833px) {
  .ds-education-card-links {
    margin-right: 0;
  }
  .ds-education-card-links-link {
    color: #53585b;
    line-height: 15px;
  }
  .ds-education-card-links-arrow {
    fill: #d5d5d5;
    float: right;
    margin: auto 30px auto auto;
    max-height: 12px;
    max-width: 12px;
  }
}

.switch-practice-modal .dialogue_header {
  border: none;
}
.switch-practice-modal .dialogue_header button {
  display: none;
}
.switch-practice-modal .dialogue_header .modal-title {
  margin: 0;
}
.myprofile-account-selected .account-panel-options {
  margin-right: 0;
}
.modal {
  border: none !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-points-logo .ds--titled {
  height: 36px;
  width: 132px;
}

.admin-home__header .ds-loader-wrap {
  height: 100%;
}
.admin-home__header .ds_point_inner {
  height: 100%;
}
.ds_point_status {
  font-size: 26px;
  color: #ffffff;
}
.ds_point_tier {
  text-align: left;
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .ds_point_tier {
    font-size: 20px;
  }
}
.ds_point_tier.cobalt {
  color: #25A3E4 !important;
}
.ds_point_tier.gold {
  color: #FED229 !important;
}
.ds_point_tier.titanium {
  color: #C6C7CB !important;
}
.pill_override .cobalt {
  background-color: #25A3E4 !important;
  color: #FFFFFF;
}
.pill_override .gold {
  background-color: #FED229 !important;
  color: #3b4043;
}
.pill_override .titanium {
  background-color: #C6C7CB !important;
  color: #3b4043;
}
.ds_point_tier1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: left;
      justify-content: left;
  gap: 10px;
}
.ds_point_tier_member {
  text-align: left;
  font-size: 36px;
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .ds_point_tier_member {
    font-size: 20px;
  }
}
.ds_points_partician {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-grid-column-align: center;
      justify-items: center;
  height: 80px;
  padding-bottom: -25px;
}
.ds_points_partician_left {
  color: #FFFFFF;
  padding-right: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 767px) {
  .ds_points_partician_left {
    padding-right: 16px;
  }
}
.ds_points_partician_right {
  color: #FFFFFF;
  border-left: 2px solid white;
  padding-left: 50px;
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 767px) {
  .ds_points_partician_right {
    padding-left: 16px;
  }
}
.ds_points_partician_inner_left {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .ds_points_partician_inner_left {
    font-size: 20px;
  }
}
.ds_points_partician_inner_right {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  margin-top: -10px;
}
@media only screen and (max-width: 767px) {
  .ds_points_partician_inner_right {
    font-size: 24px;
  }
}
.ds_points_partician_inner_text {
  font-size: 16px;
  width: 110px;
  text-align: center;
  margin-top: 8px;
}
.ds_points_partician_button_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 36px;
}
.color_orange {
  color: #F49025;
}
@media only screen and (max-width: 767px) {
  .color_orange {
    font-size: 12px;
  }
}
.ds_points_partician_infoText {
  color: #ffffff;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .ds_points_partician_infoText {
    margin: 0;
  }
}
.ds_points_partician_infoText p {
  margin: 0;
  text-align: right;
}
.padding_lr_10 {
  padding: 0 10%;
}
.center_btn_50 {
  width: 50%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.pill_override {
  padding: 1rem !important;
}
@media only screen and (max-width: 767px) {
  .pill_override {
    padding: 0 !important;
    margin-top: 7px;
  }
}
.pill_wrapper_override {
  font-size: 0.75rem !important;
  padding: 2px 5px !important;
}
@media only screen and (max-width: 767px) {
  .pill_wrapper_override {
    font-size: 0.5rem !important;
  }
}
.enrolledState-logo {
  height: 3.938rem !important;
  width: 14.438rem !important;
}
.unEnrolledState-logo {
  height: 3.938rem !important;
  width: 14.438rem !important;
}

.ds-my-account-cards-container {
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 1379px) {
  .ds-my-account-card-box {
    margin: 0 20px 0 20px;
  }
  .ds-my-account-card-box-sm {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-my-account-card-box {
    margin: 0 20px 0 20px;
  }
  .ds-my-account-card-box-sm {
    margin-bottom: 30px;
  }
}

.myprofile-account-personal .activate {
  display: block !important;
}
.myprofile-account-personal.accordion-activate .profile-personal-payment-divider,
.myprofile-account-personal.accordion-activate .profile-personal-body,
.myprofile-account-personal.accordion-activate .account-panel-body {
  display: block !important;
}

.ds-order-history-wrapper .ds-order-history-table-container .ds-dt-table-head-tr {
  border: 1px solid #C0C9CE;
}
.ds-order-history-wrapper .ds-order-history-table-container .ds-order-history-status-pending {
  color: #1DB24C;
  font-weight: 500;
}
.ds-order-history-wrapper .ds-order-history-table-container .ds-order-history-status-denied {
  color: #FF463A;
  font-weight: 500;
}
.ds-order-history-wrapper .ds-order-history-table-container .ds-order-history-details-button {
  color: #0077C7;
  font-weight: 500;
}
.ds-order-history-wrapper .ds-order-history-table-container .ds-dt-table-icon {
  fill: #0077C8;
  width: 12px;
}
.ds-order-history-wrapper .ds-order-history-table-container .ds-dt-table-icon .ds-practice-table-left-btn {
  margin: 0px 12px;
}
.ds-order-history-wrapper .ds-order-history-table-container .ds-dt-table-cell.ds--td:last-child {
  padding-right: 35px;
}
.ds-order-history-wrapper .nav li {
  text-align: left;
  font-size: 16px;
  font-family: "Montserrat";
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
  font-weight: 500;
  padding: 8px 20px;
}
.ds-order-history-wrapper .nav .active {
  border-bottom: 3px solid #0077C7;
}
.ds-order-history-wrapper ul {
  border-bottom: 1px solid #D8D8D8;
  opacity: 1;
  margin-bottom: 20px;
}
.ds-order-history-wrapper .outlet {
  font-size: 16px;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
  font-family: 'Montserrat';
  margin-bottom: 40px;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-status {
  width: 84px !important;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-status .custom-style-svg-rulefilters {
  margin-left: 55px !important;
  margin-top: -30px;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-status--selected {
  width: 110px !important;
  border: 1px solid #0077C8 !important;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-status--selected .custom-style-svg-rulefilters {
  margin-left: 80px !important;
  margin-top: -30px;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-order-status {
  width: 129px !important;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-order-status .custom-style-svg-rulefilters {
  margin-left: 98px !important;
  margin-top: -30px;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-order-status--selected {
  width: 155px !important;
  border: 1px solid #0077C8 !important;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-order-status--selected .custom-style-svg-rulefilters {
  margin-left: 125px !important;
  margin-top: -30px;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-payment {
  width: 101px !important;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-payment .custom-style-svg-rulefilters {
  margin-left: 70px !important;
  margin-top: -30px;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-payment--selected {
  width: 130px !important;
  border: 1px solid #0077C8 !important;
}
.ds-order-history-wrapper .ds-order-approval-list--checkbox-payment--selected .custom-style-svg-rulefilters {
  margin-left: 100px !important;
  margin-top: -30px;
}

.ds-approver-status-block {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 20px 15px;
  margin-bottom: 20px;
}
.ds-approver-status-block ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ds-approver-status-block .custom-padding {
  padding-left: 71px;
}
.ds-approver-status-block .custom-approver-status-style {
  font-size: 14px;
}
.ds-pending-order-details-cancel-icon {
  fill: red;
  height: 14px;
  width: 14px;
}
.ds-cancel-order-text {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #E4002B;
  opacity: 1;
}
.cancel-btn-style {
  float: right;
  position: relative;
  top: -44px;
}
.cancel-btn-style-below {
  position: relative;
  top: -26px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-table-row:not( :last-child) {
  border-bottom: 1px solid #D8D8D8;
}
.ds-product-table-row .note-container {
  color: #0077c8;
}
.ds-product-table-row .note-icon {
  margin-right: 10px;
  margin-top: -3px;
  width: 15px;
}
.ds-product-table-row .ds-product-table-row-img {
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  width: 100%;
  max-width: 216px;
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row .ds-product-table-row-img {
    height: 100%;
    max-height: 137px;
  }
}
.ds-product-table-row .ds-product-table-row-img-container {
  padding-left: 0;
}
.ds-product-table-row .ds-product-table-row-info-container {
  padding-left: 0;
}
.ds-product-table-row .ds-product-table-row-fulfilled {
  color: #80898e;
  font-weight: 300;
  margin: 5px 0;
}
.ds-product-table-row .ds-product-table-row-variants {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.ds-product-table-row .ds-product-table-row-btn .ds-button,
.ds-product-table-row .ds-product-table-row-btn .ds-a {
  max-width: 100px;
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row .ds-product-table-row-btn .ds-button,
  .ds-product-table-row .ds-product-table-row-btn .ds-a {
    max-width: none;
  }
}
.ds-product-table-row .ds-product-table-row-btn .ds-button {
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row .ds-product-table-row-btn .ds-tooltip {
    -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
  }
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row .ds-product-table-row-btn.col-12 .ds-tooltip {
    -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
  }
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row .ds-product-table-row-btn.col-12 .ds-tooltip-cnt {
    margin: 0 auto;
  }
}
.ds-product-table-row .badge {
  float: right;
  position: relative;
  right: -17px;
  top: -20px;
  z-index: 5;
}
.ds-product-table-row .ds-product-table-row-price-current {
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.ds-product-table-row .ds-product-table-row-price-original {
  color: #80898e;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: -20px;
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row .ds-product-table-row-price {
    line-height: 26px;
  }
}
@media only screen and (max-width: 739px) {
  .ds-product-table-row .ds-product-table-row-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 10px;
  }
  .ds-product-table-row .ds-product-table-row-price-original {
    margin-left: 10px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 739px) {
  .ds-product-table-row .ds-loyalty-points-entry.ds--product {
    margin-left: -10px;
    margin-top: -15px;
  }
}
.ds-product-table-row .ds-product-table-row-sku {
  color: #80898e;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row .ds-product-table-row-sku {
    font-size: 12px;
  }
}
.ds-product-table-row .ds-product-table-row-name {
  color: #0077c8;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row .ds-product-table-row-name {
    font-size: 14px;
    line-height: 19px;
  }
}
.ds-product-table-row-no-purchasable {
  color: #e4002b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row-no-purchasable .ds-hint-text-by-click .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip {
    -ms-transform: scale(1) translateX(-100%) translateY(calc(-100% - 15px));
        transform: scale(1) translateX(-100%) translateY(calc(-100% - 15px));
  }
}
@media only screen and (max-width: 833px) {
  .ds-product-table-row-no-purchasable .ds-hint-text-by-click .ds-hint-text-tooltip-w.ds--right .ds-hint-text-tooltip:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #fff;
    bottom: -16px;
    left: calc(100% - 20px);
  }
}
.ds-product-table-row-track-package {
  margin-top: 10px;
  width: 100%;
}
.ds-product-table-row .ds-product-table-row-price-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ds-product-table-row .ds-product-table-row-price-container-formulary {
  color: #6200EA;
  text-align: left;
  font: normal normal normal 14px/16px 'Montserrat';
  letter-spacing: 0px;
  opacity: 1;
}
.ds-note-button {
  margin-top: 0;
}
@media only screen and (max-width: 739px) {
  .ds-note-button {
    margin: 0;
    width: 100%;
  }
}
.border-bottom-gray4 {
  border-bottom: 1px solid #D8D8D8;
}
.purchase_cart_note_label a button {
  color: #106ac5;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.order-details {
  margin-top: -21px;
}
@media (min-width: 1440px) {
  .order-details {
    margin-top: -28px;
  }
}
.ds-order-details {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.ds-order-details-return-policy-block {
  margin-top: 12px;
}
.ds-order-details-link-distributor-button {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.ds-order-details-reorder-button {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  width: 200px !important;
}
.ds-order-details-card {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}
.ds-order-details-card .card-body {
  padding: 20px 30px;
}
@media only screen and (max-width: 833px) {
  .ds-order-details-card .card-body {
    padding: 20px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-order-details-card .card-body .ds-note-button {
    margin-left: 15px;
  }
}
.ds-order-details-card .card-body .ds-note-button.ds--up .ds-tooltip {
  -ms-transform: translate(-25%, -100%);
      transform: translate(-25%, -100%);
}
@media only screen and (max-width: 833px) {
  .ds-order-details-card .card-body .ds-note-button.ds--up .ds-tooltip {
    -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
  }
}
.ds-order-details-card p {
  font-size: 14px;
  line-height: 15px;
}
.ds-order-details-card .popover-link {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.ds-order-details-card .ds-button-icon {
  height: 18px;
}
.ds-order-details-card-icon {
  color: #53585b;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  width: 21px;
}
.ds-order-details-subtitle-text {
  color: #80898e;
  font-size: 11px;
  font-weight: bold;
  line-height: 25px;
  text-transform: uppercase;
}
.ds-order-details-summary-text-left {
  float: left;
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .ds-order-details-summary-text-left {
    white-space: normal;
  }
}
.ds-order-details-summary-text-right {
  float: right;
  text-align: right;
}
.ds-order-details-summary-text-right-total {
  float: right;
  line-height: 40px;
}
.ds-order-details-title-text {
  color: #53585b;
  font-size: 14px;
  font-weight: 400;
  line-height: 35px;
}
.ds-order-details-title-text-total {
  color: #53585b;
  float: left;
  font-weight: 400;
  line-height: 40px;
}
.ds-order-details-justify-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ds-order-details-grand-total {
  font-size: 20px;
  font-weight: 500;
  margin-top: 24px;
}
.ds-order-details-grand-total-price {
  font-weight: 500;
}
.ds-order-details-points-earned {
  color: #18b14a;
}
.ds-order-details-order-summary-section .ds-order-details-summary-text-left,
.ds-order-details-order-summary-section .ds-order-details-summary-text-right,
.ds-order-details-order-summary-section .ds-order-details-title-text-left,
.ds-order-details-order-summary-section .ds-order-details-title-text-right {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 10px;
  margin-top: 0;
}
.ds-order-details-title-text-left,
.ds-order-details-title-text-right {
  color: #53585b;
  font-weight: 400;
  line-height: 35px;
}
.ds-order-details-title-text-right {
  text-align: right;
}
.ds-order-details-price-currency {
  color: #aaa;
  font-size: 12px;
  font-weight: 300;
  margin-top: -5px;
  text-align: right;
}
.ds-order-details-free-shipping {
  color: #18b14a;
  text-transform: uppercase;
}
.ds-order-details-body-separator {
  padding: 5px 0;
  position: relative;
}
.ds-order-details-body-separator:after {
  background: #e7e7e7;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  right: 0;
}
.ds-order-details-payment-container {
  margin: 2rem 0;
}
.ds-order-details-payment-container .ds-button.ds-checkout-info-action,
.ds-order-details-shipping-container .ds-button.ds-checkout-info-action {
  display: none;
}
.ds-order-details-shipping-option .panel .ds-button.ds-checkout-info-action {
  display: none;
}
.ds-order-details-order-billed {
  line-height: 16px;
  text-align: right;
  font-weight: 500;
  font-size: 14px;
}
.ds-order-details-total-value-text {
  font-size: 20px !important;
  font-weight: 500;
  line-height: 26px !important;
  text-align: right;
}
.ds-order-details-total-value {
  color: #18b14a;
}
.ds-order-details-dealer-title {
  color: #53585b;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 9px;
}
.ds-order-details-order-number {
  line-height: 18px !important;
  margin-bottom: 8px;
  margin-top: 22px;
}
.section-title {
  border-bottom: 2px solid #e7e7e7;
}
.order_bill_caption--right_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.order_bill_caption .order_bill_caption--right_wrapper .order_bill_caption--right {
  width: 45%;
}
.order-details_shipping2 {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}
.order-details .address_method_btnRight,
.order-details .ds-order-details-shipping-container .panel__header .button {
  display: none !important;
}
.order-details .payment_method_btnRight,
.order-details .ds-order-details-payment-container .ds-checkout-payment-method-header button {
  display: none !important;
}
@media only screen and (max-width: 739px) {
  .ds-mobile-card {
    width: 100%;
  }
  .ds-order-details-card {
    border: none;
  }
  .ds-mobile-card-shipping {
    margin-top: 20px;
  }
  .order_bill_caption--right_wrapper {
    display: block;
  }
  .order_bill_caption .order_bill_caption--right_wrapper .order_bill_caption--right {
    width: 100%;
  }
}
.order-details .order-details_bill {
  margin-bottom: 20px;
}
.order-details .ds-order-details-payment-container {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.order-details .order-details_review .products-ordered {
  margin-bottom: 20px;
}
.order-details .orderdetails-rebateRibbon {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.order-details .ribbon-heading-left {
  gap: 5px;
}
@media (min-width: 1440px) {
  .order-details .rebate-label {
    margin-top: 15px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-checkout-shipping-table .ds-input-components-radio-input {
  position: static;
}
.ds-checkout-shipping-list .ds-note-button .ds-tooltip {
  -ms-transform: translate(25%, -50%);
      transform: translate(25%, -50%);
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-add {
    margin-top: 10px;
  }
}
.ds-checkout-shipping-cell-edit {
  text-align: center;
  width: 5%;
}
.ds-checkout-shipping-row-header .ds-checkout-shipping-cell-edit {
  border-bottom: 1px solid #c0c9ce;
}
.ds-checkout-shipping-container {
  margin-top: 20px;
}
.ds-checkout-shipping-container-header {
  background-color: #fbfbfb;
  border: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 23px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-container-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.ds-checkout-shipping-container-header h1 {
  font-size: 20px;
  margin: 0;
}
.ds-checkout-shipping-container-body {
  border: 1px solid #c0c9ce;
  border-bottom: none;
  border-top: none;
  padding: 0 40px 23px 40px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-container-body {
    padding: 0 25px 25px 25px;
  }
}
.ds-checkout-shipping-list {
  border-bottom: 1px solid #c0c9ce;
  padding-bottom: 22px;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-shipping-list {
    padding-top: 25px;
  }
}
.ds-checkout-shipping-list-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-list-header {
    padding: 0 17px;
  }
}
.ds-checkout-shipping-list-header .ds-button-icon {
  height: 15px;
  margin-left: 24px;
  width: 15px;
}
.ds-checkout-shipping-table .ds-checkout-shipping-cell:first-child {
  font-weight: 500;
}
.ds-checkout-shipping-table:not( :last-child) {
  margin-bottom: 20px;
}
.ds-checkout-shipping-row {
  display: table-row;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-row {
    display: block;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-row:first-child .ds-checkout-shipping-cell {
    background: none;
    border: none;
    padding: 0;
  }
  .ds-checkout-shipping-row:first-child .ds-checkout-shipping-cell:not( :first-child) {
    padding-left: 31px;
    text-align: left;
  }
  .ds-checkout-shipping-row:first-child .ds-checkout-shipping-cell:first-child {
    padding: 10px 0 0 0;
  }
}
.ds-checkout-shipping-row:not( :first-child) .ds-checkout-shipping-cell {
  padding-top: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-row:not( :first-child) .ds-checkout-shipping-cell {
    padding: 0;
  }
  .ds-checkout-shipping-row:not( :first-child) .ds-checkout-shipping-cell:not( :first-child) {
    padding-left: 31px;
    text-align: left;
  }
  .ds-checkout-shipping-row:not( :first-child) .ds-checkout-shipping-cell:first-child {
    padding-left: 0;
    padding-top: 20px;
  }
  .ds-checkout-shipping-row:not( :first-child) .ds-checkout-shipping-cell:last-child {
    padding-right: 0;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-row:not( :first-child) {
    padding-right: 20px;
  }
}
.ds-checkout-shipping-row:nth-child(2) .ds-checkout-shipping-cell {
  padding-top: 25px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-row:nth-child(2) .ds-checkout-shipping-cell {
    padding: 0;
  }
}
.ds-checkout-shipping-cell {
  font-size: 14px;
  word-break: break-word;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-cell {
    display: block;
  }
}
.ds-checkout-shipping-cell .ds-input-components-radio {
  margin: 0;
}
.ds-checkout-shipping-cell .ds-input-components-radio label {
  margin: 0;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-cell:nth-child(1) {
    width: 100%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-cell:nth-child(2) {
    padding-left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-cell:nth-child(3) {
    padding-left: 0;
    width: 100%;
  }
}
.ds-checkout-shipping-actions {
  background: #fbfbfb;
  border: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 13px 32px 15px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-actions {
    border-bottom: 1px solid #c0c9ce;
    border-left: none;
    border-right: none;
    border-top: 1px solid #c0c9ce;
    display: block;
    text-align: center;
    padding: 13px;
  }
  .ds-checkout-shipping-actions .ds-button {
    white-space: normal;
    width: 100%;
  }
  .ds-checkout-shipping-actions .ds-checkout-info-action {
    padding: 20px 0 15px;
  }
}
.ds-checkout-shipping-form-w {
  padding-bottom: 11px;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-shipping-form-w {
    padding-top: 25px;
  }
}
.ds-checkout-shipping-form-w .ds-checkout-shipping-list-header .ds-button-icon {
  height: 13px;
  margin-right: 5px;
  width: 13px;
}
.ds-checkout-shipping-form {
  border: 1px solid #c0c9ce;
  margin-top: 22px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-form {
    border-left: none;
    border-right: none;
  }
}
.ds-checkout-shipping-form-header {
  background: #fbfbfb;
  font-size: 16px;
  padding: 23px;
}
.ds-checkout-shipping-form-cnt {
  border-bottom: 1px solid #c0c9ce;
  border-top: 1px solid #c0c9ce;
  padding: 30px;
}
.ds-checkout-shipping-form-cnt .form-group-radiobuttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
.ds-checkout-shipping-form-cnt .form-group-radiobuttons .ds-input-components-radio {
  padding-right: 30px;
  width: 50%;
}
@media only screen and (max-width: 1379px) {
  .ds-checkout-shipping-form-cnt .form-group-radiobuttons .ds-input-components-radio {
    margin-top: 5px;
    padding-right: 0;
    width: 100%;
  }
  .ds-checkout-shipping-form-cnt .form-group-radiobuttons .ds-input-components-radio:first-child {
    margin-top: 0;
  }
}
.ds-checkout-shipping-form-cnt .form-group-radiobuttons .ds-input-components-radio .ds-input-components-radio-label p {
  margin: 2px 0 0 0;
}
@media only screen and (max-width: 1379px) {
  .ds-checkout-shipping-form-cnt {
    padding: 25px;
  }
}
.ds-checkout-shipping-form-cnt .ds-address-form {
  max-width: 83%;
}
@media only screen and (max-width: 1379px) {
  .ds-checkout-shipping-form-cnt .ds-address-form {
    max-width: none;
  }
}
.ds-checkout-shipping-form-bottom {
  background: #fbfbfb;
  padding: 13px 31px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-form-bottom .ds-button {
    width: 100%;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-checkout-shipping-form-cnt .ds-radiobutton-hint-text {
    -ms-flex-align: baseline;
        align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    width: auto;
  }
  .ds-checkout-shipping-form-cnt .form-group-radiobuttons .ds-input-components-radio:last-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-row {
    position: relative;
  }
  .ds-checkout-shipping-row-header.ds-checkout-shipping-row:first-child .ds-checkout-shipping-cell:first-child {
    border-top: none;
    padding-left: 0;
    padding-right: 0;
  }
  .ds-checkout-shipping-cell-edit {
    position: absolute;
    right: 100px;
    top: 20px;
  }
  .ds-checkout-shipping-form-cnt .form-group-radiobuttons {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ds-checkout-shipping-row-header .ds-checkout-shipping-cell-edit {
    border-bottom: none;
  }
}
@media only screen and (max-width: 739px) {
  .ds-checkout-shipping-cell-edit {
    right: 15px;
  }
}
.ds-shipping-address,
.ds-checkout-shipping-list {
  border: 1px solid #D0D0D0;
}
.ds-shipping-address .ds-checkout-info-action,
.ds-checkout-shipping-list .ds-checkout-info-action {
  color: #0676C5;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.ds-shipping-address .ds-checkout-info-action .ds-button-icon,
.ds-checkout-shipping-list .ds-checkout-info-action .ds-button-icon {
  fill: #0676C5;
  height: 16px;
  width: 16px;
  line-height: 16px;
  margin-left: 8px;
}
.ds-shipping-address .ds-checkout-indirect-shipping-address-and-note,
.ds-checkout-shipping-list .ds-checkout-indirect-shipping-address-and-note {
  vertical-align: top;
}
.ds-shipping-address .ds-checkout-direct-shipping-address-and-note .ds-checkout-info-line,
.ds-checkout-shipping-list .ds-checkout-direct-shipping-address-and-note .ds-checkout-info-line,
.ds-shipping-address .ds-checkout-indirect-shipping-address-and-note .ds-checkout-info-line,
.ds-checkout-shipping-list .ds-checkout-indirect-shipping-address-and-note .ds-checkout-info-line {
  font-weight: 300;
  font-size: 14px;
  color: #53585b;
}
.ds-shipping-address .ds-checkout-direct-shipping-address,
.ds-checkout-shipping-list .ds-checkout-direct-shipping-address,
.ds-shipping-address .ds-checkout-indirect-shipping-address,
.ds-checkout-shipping-list .ds-checkout-indirect-shipping-address {
  display: inline-block;
  width: 85%;
  vertical-align: top;
}
.ds-shipping-address .ds-checkout-direct-note,
.ds-checkout-shipping-list .ds-checkout-direct-note,
.ds-shipping-address .ds-checkout-indirect-note,
.ds-checkout-shipping-list .ds-checkout-indirect-note {
  width: 15%;
  display: inline-block;
  word-break: break-all;
}
@media only screen and (max-width: 833px) {
  .ds-shipping-address .ds-checkout-direct-note,
  .ds-checkout-shipping-list .ds-checkout-direct-note,
  .ds-shipping-address .ds-checkout-indirect-note,
  .ds-checkout-shipping-list .ds-checkout-indirect-note {
    word-break: normal;
  }
}
.ds-shipping-address .ds-checkout-shipping-add,
.ds-checkout-shipping-list .ds-checkout-shipping-add {
  margin-bottom: 15px;
}
.ds-shipping-address .ds-checkout-indirect-shipping-address-and-note .ds-checkout-info-action,
.ds-checkout-shipping-list .ds-checkout-indirect-shipping-address-and-note .ds-checkout-info-action {
  color: #0077c8;
  font-size: 14px;
}
.bg-grey10 {
  background: #eaeaea;
}
.label-flex label {
  display: -ms-flexbox;
  display: flex;
}
.in-two-lines {
  max-height: 4.5rem !important;
  overflow: hidden !important;
  text-wrap: wrap !important;
  word-break: break-all !important;
}
.see-more-div {
  text-align: right !important;
  margin-top: -2rem !important;
}
.see-more-span {
  background-color: #fff !important;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-shipping-row .ds-button,
  .ds-checkout-shipping-row .ds-checkout-info-action {
    white-space: pre-wrap;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-checkout-item {
  border-bottom: 1px solid #D8D8D8;
  padding: 20px 0;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item {
    padding: 15px 0;
    position: relative;
  }
}
.ds-checkout-item:first-child {
  padding-top: 0;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item:first-child {
    padding-top: 15px;
  }
}
.ds-checkout-item:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item:last-child {
    border-bottom: 1px solid #c0c9ce;
    padding-bottom: 15px;
  }
}
.ds-checkout-item-inner {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-inner {
    -ms-flex-flow: column;
        flex-flow: column;
    position: relative;
  }
}
.ds-checkout-item-image {
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #eee;
  box-sizing: content-box;
  display: -ms-flexbox;
  display: flex;
  height: 61px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 18px;
  text-align: center;
  width: 96px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-image {
    -ms-flex: none;
        flex: none;
    height: 53px;
    left: 0;
    margin-right: 0;
    position: absolute;
    top: 0;
    width: 74px;
  }
}
.ds-checkout-item-img {
  max-height: 100%;
  max-width: 100%;
}
.ds-checkout-item-info {
  -ms-flex-preferred-size: 36%;
      flex-basis: 36%;
  font-size: 14px;
  max-width: 280px;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-item-info {
    -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
    max-width: none;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-info {
    -ms-flex: none;
        flex: none;
    padding: 0 0 0 88px;
  }
}
.ds-checkout-item-info-title {
  color: #80898e;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-info-title {
    font-size: 12px;
  }
}
.ds-checkout-item-info-sold-by {
  color: #aaa;
  padding-top: 4px;
}
.ds-checkout-item-info-fulfilled-by {
  color: #aaa;
  padding-top: 4px;
}
.ds-checkout-item-info-subtitle {
  color: #0077c8;
  display: block;
  font-size: 16px;
  padding-top: 1px;
  word-break: break-word;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-info-subtitle {
    font-size: 14px;
  }
}
.ds-checkout-item-info-desc {
  padding-top: 3px;
}
.ds-checkout-item-message {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}
.ds-checkout-item-message-start {
  color: #b17b12;
  padding: 0 9px;
}
.ds-checkout-item-message-icon {
  fill: #b17b12;
  position: relative;
  top: -2px;
  height: 17px;
  width: 19px;
}
.ds-checkout-item-price {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 5%;
  text-align: left;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-item-price {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-price {
    -ms-flex: none;
        flex: none;
    margin-left: 0;
    margin-top: 10px;
    padding: 0 0 0 88px;
  }
  .ds-checkout-item-price .ds-loyalty-points-entry.ds--product {
    padding-left: 0;
  }
}
.ds-checkout-item-price-old {
  color: #80898e;
  font-size: 12px;
  font-weight: 300;
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-price-old {
    margin: 5px 0;
  }
}
.ds-checkout-item-controls {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
        flex: none;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 15px 0 0 0;
  }
}
.ds-checkout-item-controls-count-button {
  display: inline-block;
  width: 108px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-controls-count-button {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-right: 18px;
    width: 40%;
  }
}
.ds-checkout-item-controls-count-button + .ds-note-button {
  margin-top: 20px;
}
.ds-checkout-item-controls-count {
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 36px;
  width: 106px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-item-controls-count {
    width: 100%;
  }
}
.ds-checkout-item-controls-count-minus,
.ds-checkout-item-controls-count-value,
.ds-checkout-item-controls-count-plus {
  line-height: 34px;
  text-align: center;
  width: 33.33%;
}
.ds-checkout-item-controls-count-minus,
.ds-checkout-item-controls-count-plus {
  cursor: pointer;
}
.ds-checkout-item-minus,
.ds-checkout-item-plus {
  fill: #53585b;
  height: 11px;
  width: 11px;
}
.ds-loyalty-modal-note-block-disabled {
  height: 84px;
  background-color: #8F989B;
  padding-top: 30px;
}
.ds-loyalty-modal-note-ds-points-description {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  color: #fff;
}
.ds-add-dspoint-popup {
  width: 663px;
  border: none;
  margin: 0 auto;
}
.line-height-16 {
  line-height: 16px;
}
.font-12 {
  font-size: 12px;
}
.line-height-15 {
  line-height: 15px;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-300 {
  font-weight: 300;
}
.line-height-26 {
  line-height: 26px;
}
.line-height-22 {
  line-height: 22px;
}
.ds-checkout-item-price .ds-orderproduct-permission-results-wrap svg.ds-notify-icon {
  color: #FFA726;
  fill: #FFA726;
  margin-right: 4px;
  margin-top: 4px;
}
.insufficient-points-modal .ds-loyalty-agree-modal-agree-button {
  width: auto;
  float: right;
}
.insufficient-points-modal .ds-loyalty-agree-modal-agree-button button {
  height: 2.5rem;
  padding: 0.875rem 1.5rem !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.font-14 {
  font-size: 14px;
}
.order-details .order-details_shipping2 .shipping_method_header .ds-checkout-info-action {
  display: none;
}
.order-details .order-details_shipping2 .shipping_method_btnRight {
  display: none;
}
.customSeprator {
  margin: 12px 0;
}
.shipping_method_content--editsection .selection-group .input__selector {
  left: -20px !important;
}
.shipping_method_content--note .date-picker .form-control.calendar-input {
  width: 125px;
  height: 50px;
  font-family: "Arial", sans-serif;
  font-weight: 400;
  line-height: 32px;
  width: calc(100% - 2px);
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #212b36 !important;
  margin: 0;
  outline: none !important;
  padding: 8px 16px;
  transition: 0.25s;
}
.ds-delivery-options-notification .alert_dark .alert_wrapper {
  z-index: 0 !important;
}
.ds-delivery-options-notification {
  background-color: #037D61;
  color: #FFFFFF;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  column-gap: 10px;
}

.ds-tooltip {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ds-tooltip.ds--open {
  display: block;
}
.ds-tooltip-arrow-bg {
  background: #fff;
  border: 1px solid #c0c9ce;
  box-shadow: 0 0 25px 0 #c0c9ce;
  height: 25px;
  position: absolute;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 25px;
  z-index: 0;
}
.ds-tooltip-cnt {
  background: #fff;
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  box-shadow: 0 0 25px 0 #c0c9ce;
  font-size: 14px;
  padding: 15px;
  position: relative;
  text-align: left;
  width: 304px;
}
.ds-tooltip-cnt:after {
  position: absolute;
}
@media only screen and (max-width: 833px) {
  .ds-tooltip-cnt {
    margin-right: 14px;
    width: calc(100vw - 54px);
  }
}
.ds-tooltip-label {
  font-weight: 400;
  padding: 13px 0 3px 0;
}
.ds-tooltip-field {
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  font-weight: 100;
  height: 122px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 12px 0;
  resize: none;
  width: 100%;
}
.ds-tooltip-field:focus,
.ds-tooltip-field:active {
  outline: none;
}
.ds-tooltip-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 10px;
}
.ds-tooltip-button {
  max-width: 126px;
  min-width: 126px;
}
@media only screen and (max-width: 833px) {
  .ds-tooltip-button {
    min-width: 48%;
  }
}
.ds-tooltip-title {
  word-wrap: break-word;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-tooltip {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ds-tooltip.ds--open {
  display: block;
}
.ds-tooltip-arrow-bg {
  background: #fff;
  border: 1px solid #c0c9ce;
  box-shadow: 0 0 25px 0 #c0c9ce;
  height: 25px;
  position: absolute;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 25px;
  z-index: 0;
}
.ds-tooltip-cnt {
  background: #fff;
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  box-shadow: 0 0 25px 0 #c0c9ce;
  font-size: 14px;
  padding: 15px;
  position: relative;
  text-align: left;
  width: 304px;
}
.ds-tooltip-cnt:after {
  position: absolute;
}
@media only screen and (max-width: 833px) {
  .ds-tooltip-cnt {
    margin-right: 14px;
    width: calc(100vw - 54px);
  }
}
.ds-tooltip-label {
  font-weight: 400;
  padding: 13px 0 3px 0;
}
.ds-tooltip-field {
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  font-weight: 100;
  height: 122px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 12px 0;
  resize: none;
  width: 100%;
}
.ds-tooltip-field:focus,
.ds-tooltip-field:active {
  outline: none;
}
.ds-tooltip-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 10px;
}
.ds-tooltip-button {
  max-width: 126px;
  min-width: 126px;
}
@media only screen and (max-width: 833px) {
  .ds-tooltip-button {
    min-width: 48%;
  }
}
.ds-tooltip-title {
  word-wrap: break-word;
}
.ds-note-button {
  border: none !important;
  color: #0077c8;
  margin-top: 24px;
  position: relative;
}
@media only screen and (max-width: 833px) {
  .ds-note-button {
    margin: 0 0 0 15px;
    width: 60%;
  }
}
.ds-note-button-desktop {
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3px;
  padding: 0;
}
.ds-note-button-desktop .ds-button-icon {
  fill: #0077c8;
  height: 13px;
  margin-right: 5px;
  width: 13px;
}
@media only screen and (max-width: 833px) {
  .ds-note-button-mobile {
    border-color: #c0c9ce;
    position: relative;
    width: 100%;
  }
  .ds-note-button-mobile .ds-button-icon {
    height: 11px;
    width: 11px;
  }
}
.ds-note-button .ds-tooltip {
  margin-top: 15px;
  padding-left: 20px;
  -ms-transform: translate(100%, -50%);
      transform: translate(100%, -50%);
  width: 100%;
  z-index: 3;
}
.ds-note-button .ds-tooltip .ds-tooltip-arrow-bg {
  left: 10px;
  margin-top: 3px;
  top: 50%;
  -ms-transform: rotate(45deg) translate(-50%, -50%);
      transform: rotate(45deg) translate(-50%, -50%);
}
.ds-note-button .ds-tooltip .ds-tooltip-cnt:after {
  border-bottom: 15px solid transparent;
  border-right: 15px solid #fff;
  border-top: 15px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -15px;
  top: 50%;
  -ms-transform: translateY(-58%);
      transform: translateY(-58%);
  width: 0;
}
@media only screen and (max-width: 1439px) {
  .ds-note-button .ds-tooltip {
    margin: 0;
    padding: 0 0 15px 0;
    -ms-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%);
  }
  .ds-note-button .ds-tooltip .ds-tooltip-cnt:after {
    background: #fff;
    border: 1px solid #c0c9ce;
    border-width: 1px 0 0 1px;
    bottom: -11px;
    height: 20px;
    left: auto;
    right: 76px;
    top: auto;
    -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    width: 20px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-note-button .ds-tooltip {
    margin: 0;
    padding: 0 0 15px 0;
    -ms-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%);
    -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
    width: auto;
  }
  .ds-note-button .ds-tooltip .ds-tooltip-cnt:after {
    background: #fff;
    border: 1px solid #c0c9ce;
    border-width: 1px 0 0 1px;
    bottom: -11px;
    height: 20px;
    left: auto;
    right: 76px;
    top: auto;
    -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    width: 20px;
  }
}
.ds-note-button.ds--up .ds-tooltip {
  margin: 0;
  padding: 0 0 15px 0;
  -ms-transform: translate(-100%, -100%);
      transform: translate(-100%, -100%);
}
.ds-note-button.ds--up .ds-tooltip .ds-tooltip-cnt:after {
  background: #fff;
  border: 1px solid #c0c9ce;
  border-width: 1px 0 0 1px;
  bottom: -11px;
  height: 20px;
  left: auto;
  right: 76px;
  top: auto;
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
  width: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-note-button.ds--up .ds-tooltip {
    margin: 0;
    padding: 0 0 15px 0;
    -ms-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%);
    -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
    width: auto;
    width: 100%;
  }
  .ds-note-button.ds--up .ds-tooltip .ds-tooltip-cnt:after {
    background: #fff;
    border: 1px solid #c0c9ce;
    border-width: 1px 0 0 1px;
    bottom: -11px;
    height: 20px;
    left: auto;
    right: 76px;
    top: auto;
    -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    width: 20px;
  }
  .ds-note-button.ds--up .ds-tooltip .ds-tooltip-cnt:after {
    left: 40px;
  }
}
.ds-note-button.ds--small .ds-tooltip-cnt {
  width: 200px;
}
@media only screen and (max-width: 833px) {
  .ds-note-button.ds--small .ds-tooltip-cnt {
    width: auto;
  }
}
@media only screen and (max-width: 833px) {
  .ds-note-button.ds--delivery .ds-tooltip {
    -ms-transform: translate(6%, -100%);
        transform: translate(6%, -100%);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-group-details-collapse {
  border: none !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #3C40434D;
  opacity: 1;
  margin-bottom: 20px;
  max-height: none;
}
@media only screen and (max-width: 833px) {
  .ds-group-details-collapse {
    border-left: 0;
    border-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.ds-group-details-collapse-content-inner {
  padding: 20px !important;
  height: 247px;
  background: #F7F7F7 0% 0% no-repeat padding-box;
  opacity: 1;
}
.ds-group-details-collapse-title {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 1px 3px #3C40434D;
  padding: 20px !important;
  -ms-flex-align: center;
      align-items: center;
  border: none;
  color: #53585b;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  opacity: 1;
}
.ds-group-details-collapse-title .switch-container {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.ds-group-details-collapse-title .group-name {
  text-align: left;
  font: normal normal normal 16px/19px Montserrat;
  letter-spacing: 0px;
  color: #53575A;
  opacity: 1;
  font-weight: 500;
  margin-left: 12px;
}
.ds-group-details-collapse-title .practices-count-container {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.ds-group-details-collapse-icon {
  color: #53585b;
  fill: #53585b;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 5px;
  height: 14px;
  width: 14px;
}
.ds-group-details-collapse-left-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  vertical-align: top;
  height: 22px;
  width: 22px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 33px;
  margin: 0px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.SelectedStyle {
  font: normal normal 600 16px/22px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  height: 30px;
  padding: 0px 10px;
  background: #106AC5 0% 0% no-repeat padding-box;
  border-radius: 50px;
  opacity: 1;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 10px;
}
.practices-selected {
  text-align: right;
  font: normal normal normal 16px/22px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53575A;
  opacity: 1;
  margin-right: 20px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-search-bar .ds-practice-list-search input.form-control {
    position: absolute;
    right: 100%;
    width: 350px;
  }
}
.ds-search-add-practice-list-wrapper {
  margin-bottom: -24px;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search {
  width: 100%;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search .form-control:focus,
.ds-search-add-practice-list-wrapper .ds-practice-list-search .btn:focus {
  border-color: #c0c9ce;
  box-shadow: none;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search .form-control {
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  max-width: 400px;
}
@media only screen and (max-width: 833px) {
  .ds-search-add-practice-list-wrapper .ds-practice-list-search .form-control {
    border-radius: 4px !important;
    left: -1px;
    max-width: none;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .ds-search-add-practice-list-wrapper .ds-practice-list-search .form-control:focus {
    z-index: 1;
  }
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search .ds-button {
  background-color: #fbfbfb;
  border-radius: 0 4px 4px 0;
  height: 38px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
  color: #53585b;
}
@media only screen and (max-width: 833px) {
  .ds-search-add-practice-list-wrapper .ds-practice-list-search .ds-button {
    border-radius: 4px;
  }
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search .ds-button-icon {
  height: 14px;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search-icon {
  margin-left: 10px;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-search-add-practice-list-wrapper .ds-practice-list-search-icon {
    left: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    position: absolute;
    top: 50%;
  }
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search-close-btn {
  cursor: pointer;
  right: 10px;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.ds-search-add-practice-list-wrapper .ds-practice-list-search-close-icon {
  fill: #53585b;
  height: 10px;
  width: 10px;
}
.ds-group-search-container .input-group {
  margin-bottom: 20px;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ds-group-search-container .input-group .form-control {
  max-width: 49%;
  height: 40px;
  color: #212B3699;
  text-align: left;
  font: normal normal normal 14px/21px 'Arial', sans-serif;
  letter-spacing: 0px;
  opacity: 1;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
}
.ds-group-search-container .input-group .ds-order-list-search-close-btn {
  cursor: pointer;
  right: 0px;
  -ms-transform: translateY(0);
  transform: translateX(-350%);
  position: absolute;
  top: 16%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.ds-group-search-container .input-group .ds-order-list-search-close-btn .ds-order-list-search-close-icon {
  fill: #394656;
  height: 13px;
  width: 13px;
}
.ds-group-search-container .input-group .ds-button.ds--blue {
  background-color: #106AC5;
  border: none;
  color: #FFFFFFDE;
  border-radius: 0px 3px 3px 0px;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin-bottom: 0px;
}
.ds-group-search-container .input-group .ds-button.ds--blue .ds-button-icon {
  fill: #FFFFFFDE;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.ds-group-search-container .input-group .ds-button-icon.ds--right {
  margin-left: 0px;
}

.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-flex-row {
  display: -ms-flexbox;
  display: flex;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-margin-top {
  margin-top: 20px;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-order-rules-triggered-title {
  text-align: left;
  font: normal normal 600 18px/32px 'Montserrat';
  letter-spacing: 0px;
  color: #53585B;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-order-rules-triggered-text {
  text-align: left;
  font: normal normal normal 18px/32px 'Montserrat';
  letter-spacing: 0px;
  color: #53585B;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-amount-remaining-title {
  text-align: left;
  font: normal normal 600 16px/16px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-amount-remaining-text {
  text-align: left;
  font: normal normal normal 16px/16px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-order-total-text {
  text-align: left;
  font: normal normal 600 16px/16px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #1AB14A;
  opacity: 1;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-USD-text {
  text-align: left;
  font: normal normal normal 12px/16px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #AAAAAA;
  opacity: 1;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .order-request-header {
  width: 195px;
  height: 21px;
  text-align: left;
  font: normal normal normal 18px/32px Montserrat;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-order-request-approve-deny-container {
  height: 274px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  opacity: 1;
  margin: 2rem 0;
  padding: 20px;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-order-request-approve-deny-container-selected {
  height: 410px;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-order-request-approve-deny-container-new {
  height: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  opacity: 1;
  margin: 2rem 0;
  padding: 20px;
}
.ds-order-rules-triggered-container .ds-order-rules-triggered .ds-order-request-approve-deny-container-new-selected {
  height: 410px;
}

.ds-order-request-card .ds-order-request-approve-deny-container {
  height: 274px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  opacity: 1;
  margin: 2rem 0;
  padding: 20px;
}
.ds-order-request-card .ds-order-request-approve-deny-container-selected {
  height: 410px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .order-request-header {
  width: 195px;
  height: 21px;
  text-align: left;
  font: normal normal normal 18px/32px Montserrat;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block {
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status-approve-block {
  width: 379px;
  height: 106px;
  background: #212B360D 0% 0% no-repeat padding-box;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  opacity: 1;
  margin-right: 20px;
  padding: 10px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status-approve-block:hover,
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status-approve-block:focus,
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status-approve-block-selected {
  border: 1px solid #1AB14A;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status-deny-block {
  width: 379px;
  height: 106px;
  background: #212B360D 0% 0% no-repeat padding-box;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  opacity: 1;
  margin-right: 20px;
  padding: 10px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status-deny-block-selected {
  height: 242px;
  border: 1px solid #E4002B;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status-deny-block:hover,
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status-deny-block:focus {
  border: 1px solid #E4002B;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-status {
  text-align: left;
  font: normal normal 600 14px/19px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53575A;
  opacity: 1;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-icon-info {
  height: 18px !important;
  width: 18px !important;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-message-block {
  margin: 0 30px 0 30px;
  width: 307px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-message-block .ds-order-request-status-message {
  text-align: left;
  font: normal normal normal 14px/20px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53575A;
  opacity: 1;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-reason-block {
  margin: 10px 30px 0 30px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-reason-block .ds-order-request-reason {
  text-align: left;
  font: normal normal normal 14px/20px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #53585B;
  opacity: 1;
  width: 306px !important;
  height: 72px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .ds-order-request-block .ds-order-request-reason-block .ds-order-deny-mesg {
  text-align: left;
  font: normal normal normal 10px/20px 'Arial', sans-serif;
  letter-spacing: 0px;
  color: #5A5F62;
  opacity: 1;
}
.ds-order-request-card .ds-order-request-approve-deny-container .approve-wrapper-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  padding-top: 35px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .approve-wrapper-buttons .order-request-orange-button {
  margin-left: 20px;
  width: 82px;
  height: 36px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .approve-wrapper-buttons .order-request-white-button {
  color: #106AC5;
  border: 1px solid #DDDDDD !important;
  background-color: #FFFFFF !important;
  height: 36px;
  width: 104px;
}
.ds-order-request-card .ds-order-request-approve-deny-container .approve-wrapper-buttons .order-request-white-button:hover {
  color: #106AC5;
  background-color: #e0dada !important;
}

.ds-review-order-deatils-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ds-review-order-deatils-card .ds-review-order-details-status {
  font: normal normal normal 14px/16px Montserrat;
  color: #0077C7;
  letter-spacing: 0;
  opacity: 1;
}
.ds-review-order-details-shipping-container .bg-grey10 {
  background-color: #FFFFFF !important;
  border-bottom: none;
}
.ds-review-order-details-shipping-container .ds-button.ds-checkout-info-action {
  display: none;
}
.ds-review-order-details-shipping-container .ds-delivery-options {
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: none !important;
}
.ds-review-order-delivery-options {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: none;
}
.ds-review-order-delivery-options p[aria-labelledby="shipmentQuantity"] {
  font-size: 14px;
}
.ds-review-order-delivery-options .ds-order-details-link-distributor-button {
  display: none;
}
.ds-review-shipping-address-heading {
  color: #53585b;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 23px;
  display: table-cell;
  padding-right: 4px;
}
.ds-review-order-checkout-title {
  font-size: 14px !important;
}

.no-reps-title {
  margin: auto;
  max-width: 720px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 26px;
  margin-bottom: 0.5rem;
}
.no-reps-message {
  margin: auto;
  max-width: 720px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 1rem;
}
.no-reps-message a {
  color: #0071d1;
  font-weight: bold;
}

.rep-list.no-results .rep-container {
  margin-left: auto;
  margin-right: auto;
}
.rep-list .rep-container {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 15px;
}
.rep-list .rep-container svg {
  margin-right: 15px;
  width: 72px;
  height: 70px;
  fill: lightgrey;
}
.rep-list .rep-container .title {
  color: #80898e;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
}
.rep-list .rep-container .name {
  color: #53585b;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 29px;
}
.rep-list .rep-container .phone {
  color: #53585b;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 21px;
  font-size: 14px;
}
.rep-list .rep-container .phone svg {
  width: 15px;
  height: 15px;
}
.rep-list .rep-container .email {
  color: #0077c8;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.rep-list .rep-container .email svg {
  width: 15px;
  height: 15px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.my-support-team-wrapper .zip__search .specialist_search_inner {
  min-height: 190px;
  height: auto;
}
.my-support-team-wrapper .zip__search .specialist_search_inner .place-icon .cmp-image .cmp-image__image {
  width: 2.3rem;
  margin: 0 auto;
  filter: invert(100%);
}
@media only screen and (max-width: 1379px) {
  .my-support-team-wrapper .zip__search .specialist_search_inner .place-icon .cmp-image .cmp-image__image {
    width: 1.3rem;
  }
}
.my-support-team-wrapper .zip__search .specialist_search_inner .cmp-title__text {
  margin-top: 6px;
}
.zipcode {
  width: 200px;
}
.zipcode__search {
  margin: 12px 0;
  width: 200px;
}
@media only screen and (max-width: 1379px) {
  .zipcode__search {
    margin: 25px 0 0;
    width: 100%;
  }
}
.zipcode__mt {
  margin-top: 7px;
  font-size: 14px;
}
.zipcode__tip {
  font-size: 14px;
}
.zipcode__error {
  color: red;
}
.zipcode__customer-service {
  background: var(---e8f7ff_light-blue) 0% 0% no-repeat padding-box;
  background: #E8F7FF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #3C40434D;
  border-radius: 6px;
  opacity: 1;
  padding: 24px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 40px auto;
  width: 55%;
}
@media only screen and (max-width: 1379px) {
  .zipcode__customer-service {
    width: 100%;
    padding: 20px;
    text-align: center;
  }
}
.zipcode__customer-service .cmp__title {
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(---394656_dark-grey);
  text-align: center;
  font: normal normal bold 24px/30px Montserrat;
  letter-spacing: 0px;
  color: #394656;
}
.zipcode__customer-service .cmp__desp {
  margin-top: 16px;
  font-weight: 600;
}
.zipcode__customer-service .cmp__desp span {
  display: block;
}

.specialty-list {
  max-width: 1155px;
  margin: 0 auto;
}
.specialty-list .active {
  color: #0077c8;
  fill: #0077c8;
}
.specialty-list .specialty-icon-container {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 142px;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 22px 15px;
  padding: 5px;
  padding-top: 22px;
  text-align: center;
  width: 200px;
}
.specialty-list .specialty-icon-container .specialty-icon-img {
  margin-bottom: 3px;
  height: 57px;
  width: 100%;
}
.specialty-list .specialty-icon-container .specialty-title {
  height: 60px;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-title-section {
  margin-bottom: 35px;
}
.ds-title-section-title {
  color: #53585b;
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
}
.ds-title-section-link-w {
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 10px;
}
.ds-title-section-link-arrow {
  font-size: 20px;
  font-weight: 500;
  padding-left: 5px;
}
.ds-title-section-button {
  border: 1px solid #0077c8;
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 15px;
}
.ds-title-section-button:hover,
.ds-title-section-button:focus {
  color: #0077c8;
}
.ds-title-section-icon {
  animation: fadeIn 0.75s linear forwards;
  border-radius: 100px;
  box-shadow: 0 0 9px 5px rgba(37, 95, 112, 0.04), 0 0 27px 0 rgba(28, 30, 54, 0.14);
  display: inline-block;
  margin-bottom: 15px;
  opacity: 0;
  padding: 14px;
}
.ds-title-section-icon-svg {
  fill: #0077c8;
  height: 30px;
  width: 30px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-support-team-title {
  text-align: center;
}
.ds-support-team-footer {
  margin-top: 54px;
  text-align: center;
}
.ds-support-team-footer p {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
  padding-bottom: 20px;
}
.backToSearchBtn {
  display: block;
  margin: auto;
  max-width: 720px;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 30px;
}
.sales-rep .accAlert {
  max-width: 900px;
  margin-bottom: 0;
  padding-bottom: 6px;
}
.sales-rep .accAlert .emailAlertBox {
  margin-left: 0;
  box-sizing: border-box;
  border: 1px solid #e4002b;
  border-radius: 2px;
  background-color: #fdedf0;
  max-width: none;
}
.sales-rep .accAlert .emailAlertBox .accAlertRight p {
  color: #53585b;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}
.sales-rep .accAlert .emailAlertBox .accAlertRight .close-block .ds-font-icon-cancel {
  position: relative;
  fill: #e4002b;
  float: right;
  height: 16px;
  width: 10px;
  bottom: 35px;
  cursor: pointer;
}
@media only screen and (max-width: 833px) {
  .sales-rep .accAlert .emailAlertBox .accAlertRight .close-block .ds-font-icon-cancel {
    top: 4px;
    right: 0;
  }
}
@media only screen and (max-width: 739px) {
  .sales-rep .accAlert .emailAlertBox .accAlertRight .close-block .ds-font-icon-cancel {
    top: 4px;
    right: 0;
  }
}
@media only screen and (max-width: 833px) {
  .sales-rep .accAlert .emailAlertBox .accAlertRight .close-block {
    display: inline-block;
    padding-left: 5px;
  }
}
@media only screen and (max-width: 739px) {
  .sales-rep .accAlert .emailAlertBox .accAlertRight .close-block {
    display: inline-block;
    padding-left: 5px;
  }
}
.sales-rep .accAlert .emailAlertBox .accAlertLeft {
  padding-right: 0;
  padding-left: 0;
  top: 0px !important;
}
.sales-rep .accAlert .emailAlertBox .accAlertLeft .exclamation-error-red {
  fill: #e4002b;
  position: relative;
  height: 17px;
  width: 19px;
}
.sales-rep .accAlert .emailAlertBox .accAlertLeft span {
  color: #e4002b;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  padding-left: 8px;
}
@media only screen and (max-width: 833px) {
  .sales-rep .accAlert .emailAlertBox .accAlertLeft {
    top: unset;
    -ms-transform: unset;
        transform: unset;
    top: 34%;
  }
}
@media only screen and (max-width: 739px) {
  .sales-rep .accAlert .emailAlertBox .accAlertLeft {
    top: unset;
    -ms-transform: unset;
        transform: unset;
    top: 34%;
  }
}
@media only screen and (max-width: 833px) {
  .sales-rep .accAlert .emailAlertBox {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
@media only screen and (max-width: 739px) {
  .sales-rep .accAlert .emailAlertBox {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
@media only screen and (max-width: 833px) {
  .sales-rep .accAlert {
    margin: 16px 0 0 0;
  }
}
@media only screen and (max-width: 739px) {
  .sales-rep .accAlert {
    margin: 16px 0 0 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.emailVerificationContainer {
  width: 100%;
  margin-top: 10px;
  padding: 0 40px;
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer {
    padding: 0 18px;
  }
}
.emailVerificationContainer .accAlert {
  margin-bottom: 0;
  padding-bottom: 6px;
}
.emailVerificationContainer .accAlert .emailAlertBox {
  margin-left: 0;
  box-sizing: border-box;
  border: 1px solid #e4002b;
  border-radius: 2px;
  background-color: #fdedf0;
  max-width: none;
}
.emailVerificationContainer .accAlert .emailAlertBox .accAlertRight p {
  color: #53585b;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
}
.emailVerificationContainer .accAlert .emailAlertBox .accAlertRight .close-block .ds-font-icon-cancel {
  position: relative;
  fill: #e4002b;
  float: right;
  height: 16px;
  width: 10px;
  bottom: 19px;
  cursor: pointer;
}
@media only screen and (max-width: 833px) {
  .emailVerificationContainer .accAlert .emailAlertBox .accAlertRight .close-block .ds-font-icon-cancel {
    top: 4px;
    right: 0;
  }
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .accAlert .emailAlertBox .accAlertRight .close-block .ds-font-icon-cancel {
    top: 4px;
    right: 0;
  }
}
@media only screen and (max-width: 833px) {
  .emailVerificationContainer .accAlert .emailAlertBox .accAlertRight .close-block {
    display: inline-block;
    padding-left: 5px;
  }
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .accAlert .emailAlertBox .accAlertRight .close-block {
    display: inline-block;
    padding-left: 5px;
  }
}
.emailVerificationContainer .accAlert .emailAlertBox .accAlertLeft .exclamation-error-red {
  fill: #e4002b;
  position: relative;
  height: 17px;
  width: 19px;
}
.emailVerificationContainer .accAlert .emailAlertBox .accAlertLeft span {
  color: #e4002b;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  padding-left: 8px;
}
@media only screen and (max-width: 833px) {
  .emailVerificationContainer .accAlert .emailAlertBox .accAlertLeft {
    top: unset;
    -ms-transform: unset;
        transform: unset;
    top: 34%;
  }
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .accAlert .emailAlertBox .accAlertLeft {
    top: unset;
    -ms-transform: unset;
        transform: unset;
    top: 34%;
  }
}
@media only screen and (max-width: 833px) {
  .emailVerificationContainer .accAlert .emailAlertBox {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .accAlert .emailAlertBox {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
}
@media only screen and (max-width: 833px) {
  .emailVerificationContainer .accAlert {
    margin: 16px 0 0 0;
  }
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .accAlert {
    margin: 16px 0 0 0;
  }
}
.emailVerificationContainer .emailContent {
  margin-top: 10px;
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .emailContent {
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
  }
}
.emailVerificationContainer .emailContent .emailHeader h3 {
  color: #53585b;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}
.emailVerificationContainer .emailContent .emailBody p {
  color: #393939;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 19px;
  margin-top: -14px;
  word-wrap: break-word;
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .emailContent .emailBody p {
    margin-top: -16px;
  }
}
.emailVerificationContainer .emailContent .emailBody p .emailId,
.emailVerificationContainer .emailContent .emailBody p b,
.emailVerificationContainer .emailContent .emailBody p .accountName {
  color: #0077c8;
  font-weight: 500;
}
.emailVerificationContainer .emailContent .emailBody .line2successmsg {
  margin-top: 14px;
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .emailContent .emailBody .line2successmsg {
    margin-top: 16px;
  }
}
.emailVerificationContainer .emailContent .emailBody .line2successmsg-shop {
  font-weight: 500;
}
.emailVerificationContainer .emailContent .resendVerifyLink {
  background: none;
  border: none;
  color: #0077c8;
  padding-left: 0;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.emailVerificationContainer .emailContent .verifyCode {
  position: relative;
}
.emailVerificationContainer .emailContent .verifyCode .elementLabel {
  color: #53585b;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .emailContent .verifyCode .elementLabel {
    margin-bottom: 3px;
  }
}
.emailVerificationContainer .emailContent .verifyCode .elementInput {
  box-sizing: border-box;
  height: 38px;
  width: 100%;
  border: 1px solid #bec0c5;
  border-radius: 4px;
  background-color: #ffffff;
}
.emailVerificationContainer .emailContent .verifyCode .elementLabelError {
  color: #e4002b;
}
.emailVerificationContainer .emailContent .verifyCode .elementInputError {
  border: 1px solid #e4002b;
}
.emailVerificationContainer .emailContent .verifyCode .ds-exclamation {
  color: #e4002b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  font-weight: bolder;
  display: inline;
}
.emailVerificationContainer .emailContent .verifyCode .ds-exclamation:before {
  content: '!';
  position: absolute;
  top: 46px;
  right: 20px;
  border: 1px solid #e4002b;
  border-radius: 50%;
  width: 16px;
  height: 17px;
}
.emailVerificationContainer .emailContent .ds-button.ds--blue {
  margin-top: 18px;
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .emailContent .w-100.ds-button.ds--blue.loginButton {
    margin-top: 4px;
  }
}
.emailVerificationContainer .emailVerifyImage {
  margin-top: 20px;
  padding: 10px 10px;
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .emailVerifyImage {
    text-align: center;
    padding-bottom: 0;
    margin-bottom: -4px;
  }
}
.emailVerificationContainer .emailVerifyImage img {
  width: 310px;
  height: 280px;
}
@media only screen and (max-width: 739px) {
  .emailVerificationContainer .emailVerifyImage img {
    height: 185px;
    width: 244px;
  }
}
.addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox {
  height: 67px;
  border: 1px solid #e4002b;
  background-color: #fdedf0;
}
.addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft {
  padding-left: 0;
}
.addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent {
  color: #e4002b;
}
.addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent span {
  color: #e4002b;
  line-height: 18px;
  font-size: 14px;
}
@media only screen and (max-width: 833px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent span {
    padding-left: 5px;
  }
}
@media only screen and (max-width: 739px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent span {
    padding-left: 5px;
  }
}
@media only screen and (max-width: 833px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent {
    text-align: left;
    display: inline-block;
  }
}
@media only screen and (max-width: 739px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent {
    text-align: left;
    display: inline-block;
  }
}
@media only screen and (max-width: 833px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (max-width: 739px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertLeft {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertRight {
  padding-left: 8px;
}
.addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertRight p {
  font-size: 14px;
  padding-top: 4px;
}
@media only screen and (max-width: 833px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertRight {
    left: 36%;
    width: 100%;
    overflow: hidden;
    max-width: 66%;
    float: left;
    font-size: 14px;
    padding: 0 !important;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 5px !important;
  }
}
@media only screen and (max-width: 739px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox .accAlertRight {
    left: 36%;
    width: 100%;
    overflow: hidden;
    max-width: 66%;
    float: left;
    font-size: 14px;
    padding: 0 !important;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 5px !important;
  }
}
@media only screen and (max-width: 833px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox {
    height: auto !important;
  }
}
@media only screen and (max-width: 739px) {
  .addressInfoContainer .emailVerificationContainer .accAlert .accAlertBox {
    height: auto !important;
  }
}
@media only screen and (max-width: 833px) {
  .addressInfoContainer .emailVerificationContainer {
    padding: 0;
  }
}
@media only screen and (max-width: 739px) {
  .addressInfoContainer .emailVerificationContainer {
    padding: 0;
  }
}

.ds-user-access-management-sort-by {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 15px;
  padding: 0;
}
.ds-user-remove-block {
  font-size: 20px;
  text-align: center;
}
.ds-user-remove-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  height: 30px;
  margin-bottom: 7px;
  width: 30px;
}
.ds-user-update-block {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-user-update-block-field {
  min-width: 300px;
}
.ds-user-update-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  height: 21px;
  margin-right: 10px;
  width: 21px;
}
@media only screen and (max-width: 833px) {
  .ds-user-access-management-sort-by {
    font-size: 14px;
    -ms-flex-pack: normal;
        justify-content: normal;
  }
  .ds-user-access-management-email {
    word-break: break-word;
  }
  .ds-user-update-block {
    display: block;
  }
  .ds-user-update-name {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
  }
  .ds-user-update-icon {
    left: 0;
    position: absolute;
  }
  .ds-user-update-block-field {
    min-width: auto;
    width: 100%;
  }
  .ds-user-remove-block {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: left;
  }
  .ds-user-remove-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 21px;
    margin-right: 15px;
    width: 20px;
  }
  -name {
    display: inline;
  }
}
.dialogue_header--user-access-mng.modal-header {
  padding: 0;
  border: 0;
}
.dialogue-user-access-mng .dialogue_perpay_wrapper {
  display: none;
}
.modal--user-access-mng.modal {
  border: 0;
}
.modal--user-access-mng .modal-body {
  padding: 0;
  max-height: 100%;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-coordinator-details {
  border: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 35px;
}
@media only screen and (min-width: 833px) and (max-width: 1379px) {
  .ds-course-coordinator-details {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-coordinator-details {
    display: block;
  }
}
.ds-course-coordinator-details-block {
  display: -ms-flexbox;
  display: flex;
  max-width: 300px;
}
@media only screen and (min-width: 833px) and (max-width: 1379px) {
  .ds-course-coordinator-details-block {
    max-width: 270px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-coordinator-details-block {
    max-width: none;
  }
}
.ds-course-coordinator-details-block:not( :first-child ) {
  margin-left: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-course-coordinator-details-block:not( :first-child ) {
    margin-left: 0;
    margin-top: 20px;
  }
}
.ds-course-coordinator-details-icon {
  color: #c0c9ce;
  -ms-flex-preferred-size: 19px;
      flex-basis: 19px;
  height: 20px;
  margin-right: 15px;
  min-height: 20px;
  min-width: 19px;
}
.ds-course-coordinator-details-info {
  font-size: 14px;
}
.ds-course-coordinator-details-title {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}
.ds-course-coordinator-details-email {
  word-break: break-all;
}
.ds-course-coordinator-details-phone {
  margin-top: 10px;
}
.ds-course-coordinator-details-link {
  font-weight: 500;
  white-space: nowrap;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-registration-list {
  border: 1px solid #c0c9ce;
  margin-top: 20px;
  padding: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-registration-list {
    border-left: none;
    border-right: none;
    padding: 25px 0;
  }
}
.ds-registration-list-total {
  font-size: 20px;
  margin-bottom: 70px;
  margin-top: 10px;
  text-align: right;
}
@media only screen and (max-width: 833px) {
  .ds-registration-list-total {
    margin-bottom: 35px;
    margin-top: 10px;
    text-align: center;
  }
}
.ds-registration-list-total-sum {
  font-weight: normal;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-attendee-registration-header {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 20px;
  padding-top: 25px;
}
@media only screen and (max-width: 833px) {
  .ds-attendee-registration-header {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-attendee-registration-header-btn {
    margin-top: 15px;
  }
}
.ds-attendee-registration-header-btn .ds-button-icon {
  height: 14px;
  width: 16px;
}
.ds-attendee-registration-block {
  border: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 15px;
}
.ds-attendee-registration-user-icon {
  color: #d5d5d5;
  margin-right: 15px;
  height: 28px;
  width: 28px;
}
.ds-attendee-registration-table {
  font-size: 14px;
}
.ds-attendee-registration-table tr + tr > * {
  padding-top: 15px;
}
.ds-attendee-registration-table th {
  font-weight: 500;
  padding-right: 30px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-checkout {
  text-align: right;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout {
    padding: 0;
    margin-bottom: 30px;
  }
}
.ds-checkout-content {
  display: inline-block;
  max-width: 895px;
  text-align: left;
  vertical-align: top;
  width: calc(100% - 347px);
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-content {
    max-width: none;
    width: 100%;
  }
}
.ds-checkout-info {
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info {
    display: block;
  }
}
.ds-checkout-info-action {
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
}
.ds-checkout-info-action.ds--mobile {
  display: none;
  text-align: right;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-action.ds--mobile {
    display: block;
  }
}
.ds-checkout-info-action .ds-button-icon {
  fill: #0077c8;
  height: 10px;
  margin-left: 3px;
  width: 11px;
}
.ds-checkout-info-row {
  border-bottom: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 22px;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-info-row {
    padding: 0 17px 22px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-row {
    border-bottom: 1px solid #c0c9ce;
    display: block;
    padding: 25px 17px 22px;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-info-row:first-child {
    padding-top: 25px;
  }
}
.ds-checkout-info-row:not( :first-child ) {
  padding-top: 25px;
}
.ds-checkout-info-cell:first-child {
  -ms-flex: 0 0 235px;
      flex: 0 0 235px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-cell:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.ds-checkout-info-cell:nth-child( 2 ) {
  -ms-flex: 0 100%;
      flex: 0 100%;
  font-size: 14px;
  padding-right: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-cell:nth-child( 2 ) {
    padding: 16px 0 0;
  }
}
.ds-checkout-info-cell:last-child {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-cell:last-child {
    display: none;
  }
}
.ds-checkout-info-title {
  font-weight: 400;
}
.ds-checkout-info-subtitle {
  color: #7d8081;
  font-size: 11px;
  font-weight: 400;
  padding: 8px 0 7px;
  text-transform: uppercase;
}
.ds-checkout-info-delivery-note {
  max-width: 123px;
  font-weight: 300;
  font-size: 14px;
  color: #53585b;
}
.ds-checkout-info-title-delivery-note {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
.ds-checkout-info-card-icon {
  height: 13px;
  margin-right: 12px;
  width: 16px;
}
.ds-checkout-heading {
  color: #53585b;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 23px;
  display: table-cell;
  padding-right: 4px;
}
.ds-checkout-subtitle {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-subtitle {
    font-size: 16px;
  }
}
.ds-checkout-parsys {
  padding-top: 0;
  text-align: right;
}
.ds-checkout-parsys-inner {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.ds-checkout-parsys-inner a {
  font-weight: bold;
}
.ds-checkout-parsys-inner-right {
  display: inline-block;
  margin-left: 33px;
  width: 307px;
}
@media only screen and (max-width: 1379px) {
  .ds-checkout-parsys-inner-right {
    margin: 0;
    width: 100%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-enrolled-course-item {
  display: -ms-flexbox;
  display: flex;
}
.ds-enrolled-course-item + .ds-enrolled-course-item {
  border-top: 1px solid #c0c9ce;
  margin-top: 15px;
  padding-top: 15px;
}
.ds-enrolled-course-item-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  padding-top: 63%;
  height: 135px;
  width: 215px;
}
@media only screen and (max-width: 833px) {
  .ds-enrolled-course-item-image {
    min-width: 75px;
    padding-top: 73%;
    height: 55px;
    width: 75px;
  }
}
.ds-enrolled-course-item-image-thumbnail {
  display: block;
  margin-right: 15px;
  position: relative;
  height: 135px;
  width: 215px;
}
@media only screen and (max-width: 833px) {
  .ds-enrolled-course-item-image-thumbnail {
    min-width: 75px;
    height: 55px;
    width: 75px;
  }
}
.ds-enrolled-course-item-badge {
  position: absolute;
  left: 4px;
  top: 10px;
}
.ds-enrolled-course-item-info {
  font-size: 14px;
  margin-right: 15px;
  min-width: 355px;
}
@media only screen and (max-width: 833px) {
  .ds-enrolled-course-item-info {
    font-size: 12px;
    min-width: auto;
  }
}
.ds-enrolled-course-item-info-w {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-enrolled-course-item-info-w {
    display: block;
  }
}
.ds-enrolled-course-item-info-location {
  color: #80898e;
  margin-bottom: 5px;
}
.ds-enrolled-course-item-info-location > * {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.ds-enrolled-course-item-info-location-icon {
  margin-right: 5px;
  height: 14px;
  width: 11px;
}
@media only screen and (max-width: 833px) {
  .ds-enrolled-course-item-info-location-icon {
    height: 12px;
    width: 9px;
  }
}
.ds-enrolled-course-item-info-name {
  color: #0077c8;
  font-size: 16px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 833px) {
  .ds-enrolled-course-item-info-name {
    font-size: 14px;
  }
}
.ds-enrolled-course-item-info-text {
  margin-bottom: 3px;
}
.ds-enrolled-course-item-price {
  font-size: 18px;
  font-weight: normal;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-thanks-for-enrollment-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-thanks-for-enrollment-title {
    display: block;
    margin-bottom: 25px;
  }
}
.ds-thanks-for-enrollment-print {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ds-thanks-for-enrollment-print-icon {
  color: #0077c8;
  cursor: pointer;
  height: 18px;
  width: 18px;
}
@media only screen and (max-width: 833px) {
  .ds-thanks-for-enrollment-print-icon {
    margin-top: 20px;
  }
}
.ds-thanks-for-enrollment .ds-notify-w {
  margin-bottom: 40px;
  padding: 0;
}
@media only screen and (max-width: 833px) {
  .ds-thanks-for-enrollment .ds-notify-w {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 2*15px);
  }
}
.ds-thanks-for-enrollment .ds-notify-w .ds-button-icon {
  height: 15px;
  width: 15px;
}
.ds-thanks-for-enrollment .ds-course-coordinator-details-block {
  max-width: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-checkout {
  text-align: right;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout {
    padding: 0;
    margin-bottom: 30px;
  }
}
.ds-checkout-content {
  display: inline-block;
  max-width: 895px;
  text-align: left;
  vertical-align: top;
  width: calc(100% - 347px);
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-content {
    max-width: none;
    width: 100%;
  }
}
.ds-checkout-total-free-shipping {
  color: #18b14a;
  text-transform: uppercase;
}
.ds-checkout-total {
  border: 1px solid #d5d5d5;
  box-shadow: 0 0 25px 0 #c0c9ce;
  display: inline-block;
  margin-left: 33px;
  padding: 15px;
  text-align: left;
  vertical-align: top;
  width: 314px;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-total {
    margin: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-total {
    box-shadow: 0 7px 23px -6px #d5d5d5;
  }
}
.ds-checkout-total-header {
  padding-bottom: 16px;
  text-align: center;
}
.ds-checkout-total-header-desc {
  color: #aaa;
  font-size: 12px;
  letter-spacing: normal;
  padding-bottom: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-total-header-desc {
    letter-spacing: 0.3px;
  }
}
.ds-checkout-total-header-link {
  color: #0077c8;
  font-weight: 400;
  margin-left: 4px;
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-total-header-link {
    display: block;
  }
}
.ds-checkout-total-header-button {
  background: #f6a800;
  border-radius: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 0;
  width: 100%;
}
.ds-checkout-total-body {
  border-bottom: 1px solid #c0c9ce;
  border-top: 1px solid #c0c9ce;
  padding: 15px 6px;
}
.ds-checkout-total-body-title {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 5px;
}
.ds-checkout-total-body-line {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 6px;
}
.ds-checkout-total-body-line-key {
  padding-right: 20px;
  text-transform: capitalize;
  word-wrap: break-word;
}
.ds-checkout-total-body-separator {
  padding: 6px 0 5px 0;
  position: relative;
}
.ds-checkout-total-body-separator:after {
  background: #e7e7e7;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 6px;
  width: 88px;
}
.ds-checkout-total-price {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 13px 6px 14px;
}
.ds-checkout-total-price-value {
  color: #18b14a;
}
.ds-checkout-total-bottom {
  padding: 15px 0 6px;
  text-align: center;
}
.ds-checkout-total-bottom-points {
  font-size: 12px;
}
.ds-checkout-total-bottom-promo {
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding-top: 5px;
}
.ds-checkout-info {
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info {
    display: block;
  }
}
.ds-checkout-info-action {
  color: #0077c8;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
}
.ds-checkout-info-action.ds--mobile {
  display: none;
  text-align: right;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-action.ds--mobile {
    display: block;
  }
}
.ds-checkout-info-action .ds-button-icon {
  fill: #0077c8;
  height: 10px;
  margin-left: 3px;
  width: 11px;
}
.ds-checkout-info-row {
  border-bottom: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 22px;
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-info-row {
    padding: 0 17px 22px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-row {
    border-bottom: 1px solid #c0c9ce;
    display: block;
    padding: 25px 17px 22px;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-checkout-info-row:first-child {
    padding-top: 25px;
  }
}
.ds-checkout-info-row:not( :first-child ) {
  padding-top: 25px;
}
.ds-checkout-info-cell:first-child {
  -ms-flex: 0 0 235px;
      flex: 0 0 235px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-cell:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.ds-checkout-info-cell:nth-child( 2 ) {
  -ms-flex: 0 100%;
      flex: 0 100%;
  font-size: 14px;
  padding-right: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-cell:nth-child( 2 ) {
    padding: 16px 0 0;
  }
}
.ds-checkout-info-cell:last-child {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-info-cell:last-child {
    display: none;
  }
}
.ds-checkout-info-title {
  font-weight: 400;
}
.ds-checkout-info-subtitle {
  color: #7d8081;
  font-size: 11px;
  font-weight: 400;
  padding: 8px 0 7px;
  text-transform: uppercase;
}
.ds-checkout-info-card-icon {
  height: 13px;
  margin-right: 12px;
  width: 16px;
}
.ds-checkout-subtitle {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-subtitle {
    font-size: 16px;
  }
}
.ds-checkout-large-total {
  border: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  margin-top: 33px;
  padding: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total {
    border-left: none;
    border-right: none;
    border-top: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    margin: 0;
    padding: 15px 15px 23px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total-button-cnt {
    width: 100%;
  }
}
.ds-checkout-large-total-button {
  background: #f6a800;
  border-radius: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 0;
  padding: 12px 20px;
  vertical-align: top;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total-button {
    width: 100%;
  }
}
.ds-checkout-large-total-cnt {
  margin-left: 15px;
  vertical-align: top;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total-cnt {
    margin: 0;
    text-align: center;
  }
}
.ds-checkout-large-total-cnt-title {
  font-size: 20px;
  font-weight: 400;
}
.ds-checkout-large-total-cnt-price {
  color: #18b14a;
  padding-left: 9px;
}
.ds-checkout-large-total-cnt-desc {
  color: #aaa;
  font-size: 11px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-large-total-cnt-desc {
    padding: 13px 38px 22px;
  }
}
.ds-checkout-large-total-cnt-link {
  color: #0077c8;
  font-weight: 400;
  padding-left: 4px;
  white-space: nowrap;
}
.ds-checkout-parsys {
  padding-top: 0;
  text-align: right;
}
.ds-checkout-parsys-inner {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.ds-checkout-parsys-inner a {
  font-weight: bold;
}
.ds-checkout-parsys-inner-right {
  display: inline-block;
  margin-left: 33px;
  width: 307px;
}
@media only screen and (max-width: 1379px) {
  .ds-checkout-parsys-inner-right {
    margin: 0;
    width: 100%;
  }
}

.ds-loyalty-field-attestation .ds-notify-w {
  margin-top: 20px;
  padding: 0;
}
.ds-loyalty-field-attestation.ds--disabled .ds-notify-w {
  opacity: 0.5;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-checkout-header {
  font-size: 14px;
  text-align: center;
}
.ds-checkout-header-w {
  position: relative;
}
.ds-checkout-header-w .ds-notifications-abs {
  position: static;
}
.ds-checkout-header-border {
  background-image: linear-gradient(90deg, #0077c8, rgba(91, 83, 88, 0.5) 51%, #f6a800);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0077c8', endColorstr='#fff6a800', GradientType='1');
  height: 5px;
}
.ds-checkout-header-cnt {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 93px;
  padding: 15px 44px 18px;
}
@media only screen and (max-width: 1379px) {
  .ds-checkout-header-cnt {
    min-height: auto;
  }
}
@media only screen and (max-width: 833px) {
  .ds-checkout-header-cnt {
    padding: 7px 16px;
  }
}
.ds-checkout-header-logo {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.ds-checkout-header-logo-link {
  display: block;
  width: 140px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-header-logo-link {
    width: 62px;
  }
}
.ds-checkout-header-logo-img {
  height: 40px;
  max-width: 100%;
  vertical-align: top;
}
.ds-checkout-header-logo-country {
  -ms-flex-align: center;
      align-items: center;
  border-left: 1px solid #80898e;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 57px;
  margin-left: 16px;
  padding-left: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-header-logo-country {
    margin-left: 7px;
    height: 20px;
    padding-left: 7px;
  }
}
.ds-checkout-header-title {
  font-size: 24px;
  font-weight: 400;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-header-title {
    font-size: 16px;
  }
}
.ds-checkout-header-contact {
  text-align: right;
  width: 140px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-header-contact {
    width: 85px;
  }
}
.ds-checkout-header .ds-tooltip {
  z-index: 11;
}
.ds-checkout-header .ds-tooltip-cnt {
  line-height: 22px;
}
.ds-checkout-header-payment-img {
  height: 53px;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-header-payment-img {
    height: 32px;
  }
}
.ds-checkout-header-with-impersonation-banner {
  padding-top: 42px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-tooltip {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ds-tooltip.ds--open {
  display: block;
}
.ds-tooltip-arrow-bg {
  background: #fff;
  border: 1px solid #c0c9ce;
  box-shadow: 0 0 25px 0 #c0c9ce;
  height: 25px;
  position: absolute;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 25px;
  z-index: 0;
}
.ds-tooltip-cnt {
  background: #fff;
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  box-shadow: 0 0 25px 0 #c0c9ce;
  font-size: 14px;
  padding: 15px;
  position: relative;
  text-align: left;
  width: 304px;
}
.ds-tooltip-cnt:after {
  position: absolute;
}
@media only screen and (max-width: 833px) {
  .ds-tooltip-cnt {
    margin-right: 14px;
    width: calc(100vw - 54px);
  }
}
.ds-tooltip-label {
  font-weight: 400;
  padding: 13px 0 3px 0;
}
.ds-tooltip-field {
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  font-weight: 100;
  height: 122px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 12px 0;
  resize: none;
  width: 100%;
}
.ds-tooltip-field:focus,
.ds-tooltip-field:active {
  outline: none;
}
.ds-tooltip-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 10px;
}
.ds-tooltip-button {
  max-width: 126px;
  min-width: 126px;
}
@media only screen and (max-width: 833px) {
  .ds-tooltip-button {
    min-width: 48%;
  }
}
.ds-tooltip-title {
  word-wrap: break-word;
}
.ds-checkout-header-return {
  position: relative;
}
@media only screen and (max-width: 833px) {
  .ds-checkout-header-return {
    line-height: 14px;
  }
}
.ds-checkout-header-return .ds-tooltip-cnt {
  min-width: 320px;
  width: auto;
}
.ds-checkout-header-return .ds-tooltip {
  padding-top: 15px;
  right: 50%;
  top: 100%;
  transform: translate3d(50%, 0, 0);
}
.ds-checkout-header-return .ds-tooltip .ds-tooltip-arrow-bg {
  left: 50%;
  top: 2px;
  -ms-transform: rotate(45deg) translate(-29%, 41%);
      transform: rotate(45deg) translate(-29%, 41%);
}
.ds-checkout-header-return .ds-tooltip .ds-tooltip-cnt:after {
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  top: -15px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 0;
}
.ds-checkout-header-return .ds-tooltip-button {
  max-width: initial;
  min-width: 139px;
  overflow: hidden;
  padding: 8px 9px;
  white-space: nowrap;
}
.ds-checkout-header-return .ds-tooltip-button:first-of-type {
  margin-left: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-previous-page-checkout-academy-link {
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.ds-previous-page-checkout-academy-link-icon {
  margin-left: 0;
  margin-right: 10px;
  height: 12px;
  width: 12px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-block-order-header {
  border-top: 1px solid #c0c9ce;
  font-size: 20px;
  font-weight: 500;
}
.ds-block-order-title {
  padding: 22px 0;
}
.ds-block-order-cnt {
  border: 1px solid #c0c9ce;
  min-height: 78px;
  padding: 0 30px 30px;
}
.ds-block-order-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 30px;
}
.ds-block-order-items .ds-input-components-checkbox {
  margin: 12px 28px 0 0;
}

.ds-loyalty-points-checkout {
  color: #aaa;
  font-size: 14px;
  padding-top: 10px;
  text-align: center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-payment-provider {
  padding-top: 0;
  text-align: left;
}
.ds-payment-provider-cnt {
  min-height: 1500px;
}
.ds-payment-provider-cnt--resize-explain-text {
  text-align: left;
}
.ds-payment-provider-cnt,
.ds-payment-provider-cnt--resize {
  display: inline-block;
  max-width: 1241px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-payment-provider-cnt,
  .ds-payment-provider-cnt--resize {
    min-height: 1600px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-alert-on-top {
  width: 100%;
}
.ds-alert-on-top .ds-notify-w {
  max-width: none;
  padding: 0;
}
.ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning {
  margin: 0;
}
.ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-content {
  margin: auto;
  max-width: 1440px;
}
@media only screen and (max-width: 833px) {
  .ds-alert-on-top .ds-notify-w.ds--scrolled .ds-notify-content-text > * {
    display: none;
  }
  .ds-alert-on-top .ds-notify-w.ds--scrolled .ds-notify-content-text .ds-notify-title {
    display: block;
    margin-bottom: 0;
    max-height: 20px;
    overflow: hidden;
  }
  .ds-alert-on-top .ds-notify-w.ds--scrolled .ds-notify-buttons {
    display: none;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning {
    min-height: 46px;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-content-inner {
    display: block;
    width: 100%;
    position: relative;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-icon-span {
    position: absolute;
    left: 0;
    top: 0;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-icon {
    max-height: 20px;
    max-width: 20px;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-content-text {
    display: block;
    line-height: 1.6;
    overflow: hidden;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-content-text .ds-a {
    font-weight: 500;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-text {
    line-height: 1.6;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-title {
    margin-left: 32px;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-buttons {
    width: 100%;
  }
  .ds-alert-on-top .ds-notify-w .ds-notify.ds--orange-warning .ds-notify-button {
    display: inline-block;
    width: 100%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-details-enroll-button {
  display: block;
  position: relative;
  width: 315px;
}
@media only screen and (max-width: 833px) {
  .ds-details-enroll-button {
    width: 100%;
  }
}
.ds-details-enroll-button.ds--blue {
  margin-top: 9px;
}
.ds-details-enroll-button-cnt {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: relative;
}
.ds-details-enroll-button.ds--disabled {
  color: #272727;
}
.ds-details-enroll-button-w {
  position: relative;
}
.ds-details-enroll-button-w.ds--sticky {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
@media only screen and (max-width: 833px) {
  .ds-details-enroll-button-w.ds--sticky {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-top: 16px;
  }
}
.ds-details-enroll-button-w.ds--sticky .ds-details-enroll-button-text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-right: 20px;
  position: static;
  -ms-transform: none;
      transform: none;
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .ds-details-enroll-button-w.ds--sticky .ds-details-enroll-button-text {
    padding-right: 0;
  }
}
.ds-details-enroll-button-w.ds--sticky .ds-details-enroll-button-eternal {
  top: 6px;
}
.ds-details-enroll-button .ds-button-icon.ds--right {
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 13px;
  height: 25px;
  width: 22px;
}
.ds-details-enroll-button .ds-button-icon.ds--left {
  margin-right: 20px;
}
.ds-details-enroll-button-eternal {
  position: absolute;
  right: 16px;
  top: 13px;
  height: 23px;
  width: 23px;
}
.ds-details-enroll-button-text {
  bottom: -7px;
  color: #80898e;
  font-size: 14px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
}
@media only screen and (max-width: 833px) {
  .ds-details-enroll-button-text {
    line-height: 12px;
    padding-right: 0;
    padding-top: 12px;
    position: static;
    -ms-transform: none;
        transform: none;
  }
}
.ds-details-enroll-button-agreement {
  color: #18b14a;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 15px;
  text-align: center;
}
.ds-details-enroll-button-agreement-icon {
  fill: #18b14a;
  margin-right: 8px;
  position: relative;
  top: -2px;
  height: 17px;
  width: 17px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-details-info-price {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 24px;
}
.ds-details-info-price-icon {
  color: #0077c8;
  margin-right: 9px;
  vertical-align: top;
  height: 20px;
  width: 20px;
}
.ds-details-info-price-currency {
  color: #53585b;
  font-size: 12px;
  font-weight: 300;
  margin-left: 3px;
}
.ds-details-info-free {
  text-transform: uppercase;
}
.ds-details-info-credits {
  line-height: 20px;
  margin-top: 18px;
}
.ds-details-info-credits-text {
  white-space: nowrap;
}
.ds-details-info-credits-desc {
  color: #53585b;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  margin-left: 5px;
  text-transform: uppercase;
  vertical-align: top;
}
.ds-details-info-credits-desc * {
  vertical-align: top;
}
.ds-details-info-provider {
  background: none;
  border: none;
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0;
}
.ds-details-info-block {
  border-top: 1px solid #e7e7e7;
  font-size: 14px;
  line-height: 23px;
  margin-top: 22px;
  padding-top: 23px;
}
.ds-details-info-block-title {
  color: #53585b;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.ds-details-info-block-title.ds--registration {
  padding-bottom: 8px;
  padding-top: 2px;
}
.ds-details-info-block-line {
  display: -ms-flexbox;
  display: flex;
  padding-top: 11px;
  text-align: left;
}
.ds-details-info-block-line:first-child {
  padding-top: 2px;
}
.ds-details-info-block-name {
  color: #53585b;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  width: 50%;
}
.ds-details-info-block-data {
  width: 50%;
  word-break: break-word;
}
.ds-details-info-links {
  margin-top: 10px;
}
.ds-details-info-link {
  color: #0077c8 !important;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding-top: 12px;
}
.ds-details-info-link--coordinator {
  background: none;
  border: none;
}
.ds-details-info-links.ds--ondemand,
.ds-details-info-links.ds--ondemand .ds-details-info-link {
  margin-top: 0;
  padding-top: 0;
}
.ds-details-aside-block {
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 27px;
  padding: 30px;
}
.ds-details-aside-block-header {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
.ds-details-aside-block-icon {
  color: #c0c9ce;
  fill: #c0c9ce;
  margin-right: 9px;
  position: relative;
  top: -2px;
  height: 21px;
  width: 21px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-details-title {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e7e7e7;
  padding: 50px 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 833px) {
  .ds-details-title {
    padding: 22px 16px 32px;
  }
}
.ds-details-title.ds--registered {
  padding: 30px 40px;
}
@media only screen and (max-width: 833px) {
  .ds-details-title.ds--registered {
    padding: 22px 16px 32px;
  }
}
.ds-details-title.ds--registered .ds-details-title-cnt {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.ds-details-title-w {
  max-width: 1125px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-w {
    display: block;
  }
}
.ds-details-title .ds-seats-loader {
  min-height: 23px;
}
@media only screen and (max-width: 833px) {
  .ds-details-title .ds-seats-loader {
    height: auto;
  }
}
.ds-details-title-cnt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 810px;
  padding-right: 20px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-cnt {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    padding-right: 0;
  }
}
.ds-details-title-info {
  color: #80898e;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-info {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    font-size: 12px;
    margin-left: 10px;
    padding-left: 10px;
  }
}
.ds-details-title-location {
  border-right: 1px solid #80898e;
  margin-right: 12px;
  padding-right: 13px;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-location {
    border-right: none;
  }
}
.ds-details-title-location-icon {
  fill: #80898e;
  margin-right: 7px;
  vertical-align: top;
  height: 23px;
  width: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-location-icon {
    position: relative;
    top: 2px;
    height: 12px;
    width: 12px;
  }
}
.ds-details-title-duration {
  color: #53585b;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-duration {
    display: block;
  }
}
@media only screen and (max-width: 833px) {
  .ds-details-title-date-w {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 22px;
    padding-top: 16px;
  }
}
.ds-details-title-date {
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  margin-right: 42px;
  min-width: 71px;
  padding: 7px;
  text-align: center;
  text-transform: uppercase;
  height: 71px;
  width: auto;
  position: absolute;
  left: -113px;
  top: 0;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-date {
    font-size: 20px;
    height: auto;
    line-height: 26px;
    margin-right: 0;
    min-height: 50px;
    min-width: 50px;
    position: static;
  }
}
.ds-details-title-date-month {
  color: #0077c8;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 0;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-date-month {
    font-size: 12px;
    line-height: 12px;
  }
}
.ds-details-title-name {
  font-size: 40px;
  font-weight: 300;
  line-height: 49px;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-name {
    font-size: 32px;
    line-height: 42px;
    margin-left: 0;
  }
}
.ds-details-title-sticky-active .ds-details-title-cnt {
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-sticky-active .ds-details-title-cnt {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.ds-details-title-sticky-active .ds-details-title {
  min-height: 64px;
  padding: 10px 40px;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-sticky-active .ds-details-title {
    padding: 15px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-details-title-sticky-active .ds-details-title-date-w {
    padding: 0;
  }
}
.ds-details-title-sticky-active .ds-details-title-date {
  box-sizing: content-box;
  font-size: 20px;
  line-height: 20px;
  width: 100%;
  left: 10px;
  top: -7px;
  height: 45px;
  width: 45px;
}
.ds-details-title-sticky-active .ds-details-title-date-month {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 5px;
}
.ds-details-title-sticky-active .ds-details-title-info {
  display: none;
}
.ds-details-title-sticky-active .ds-details-title-name {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 140px;
}
@media only screen and (max-width: 833px) {
  .ds-details-title-sticky-active .ds-details-title-name {
    font-size: 20px;
    margin-left: 25px;
    padding-left: 17px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-details-title-sticky-active .ds-details-title-button {
    padding-top: 15px;
  }
}

.ds-dropdown-search {
  height: 100%;
}
.ds-dropdown-search-title {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  font-size: 14px;
  font-weight: 300;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 0;
  text-transform: capitalize;
}
.ds-dropdown-search-icon {
  height: 20px;
  padding-left: 10px;
  width: 20px;
}
.ds-dropdown-search-list {
  background-color: #fff;
  box-shadow: 0 10px 28px 2px #c0c9ce;
  list-style: none;
  margin-top: 2px;
  padding-bottom: 14px;
  padding-left: 0;
  padding-top: 10px;
  position: absolute;
  width: 150px;
  z-index: 10;
}
.ds-dropdown-search-list-item {
  cursor: pointer;
  font-size: 14px;
  list-style: none;
  padding: 5px 20px;
  text-align: left;
  text-transform: capitalize;
}
.ds-dropdown-search-list-item:hover {
  text-decoration: underline;
}
.ds-dropdown-search-list-item-selected {
  text-decoration: underline;
}

.ds-dropdown {
  background-color: #fff;
  border: none;
  height: 24px;
  text-align: right;
}
.ds-dropdown .dropdown-toggle {
  color: #53585b;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  margin: auto auto auto 6px;
  text-decoration: none;
}
.ds-dropdown .dropdown-toggle:after {
  border: none;
}
.ds-dropdown-chevron {
  display: -ms-inline-flexbox;
  display: inline-flex;
  fill: #0077c8;
  height: 11px;
  margin: 5px auto auto 10px;
  width: 11px;
}
.ds-dropdown-option {
  color: #53585b;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  margin: auto auto auto 6px;
  text-decoration: none;
}
.ds-dropdown-option:hover {
  color: #53585b;
  text-decoration: none;
}

.ds-mobile-options-header {
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  height: 38px;
}
.ds-mobile-options-header:focus {
  outline: none;
}
.ds-mobile-options-header-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  margin: 11px auto 11px 16px;
  text-transform: capitalize;
}
.ds-mobile-options-header-icon {
  fill: #53585b;
  float: right;
  height: 16px;
  margin: 11px 16px 11px auto;
  width: 10px;
}
.ds-mobile-options-title {
  color: #80898e;
  font-size: 12px;
  font-weight: bold;
  margin: 22px auto auto auto;
  text-transform: uppercase;
}
.ds-mobile-options-sublinks-item-link {
  color: #53585b;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin: auto auto 10px auto;
}
.ds-mobile-options-sublinks-item-link:hover {
  color: #53585b;
  text-decoration: none;
}
.ds-mobile-options-sublinks-item-check {
  display: inline-block;
  fill: #0077c8;
  height: 22px;
  margin-left: 6px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-left-navigation-panel.col-lg-2.col-md-2.col-sm-12.col-xs-12 {
    background-color: #fff;
    padding: 0 29px;
  }
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

@media only screen and (max-width: 1379px) {
  .ds-form {
    max-width: none;
  }
}
.ds-form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 16px;
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (max-width: 1379px) {
  .ds-form-row {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 0;
  }
}
.ds-form-row-col {
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
}
@media only screen and (max-width: 1379px) {
  .ds-form-row-col {
    margin-bottom: 8px;
    width: 100%;
  }
}
@media only screen and (max-width: 1379px) and only screen and (max-width: 833px) {
  .ds-form-row-col .ds-input-components-label {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 1379px) and only screen and (max-width: 833px) {
  .ds-form-row-col .ds-a {
    margin-top: 15px;
  }
}
.ds-form-hr {
  color: #e7e7e7;
  margin-left: 0;
  margin-top: 32px;
  text-align: left;
}

.ds-global-communication-bar {
  height: auto;
  width: 100%;
  background-color: #0077c8;
  color: #fff;
  font-size: 12px;
  padding: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.ds-global-communication-bar a {
  color: #fff;
}
.ds-global-communication-bar p {
  margin: 0 !important;
}

.ds-product-limit {
  text-align: right;
}
.ds-product-limit-link-w {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-notify-w {
  margin: auto;
  max-width: 1440px;
  padding: 0 40px;
  width: 100%;
}
.ds-notify-w.ds--info {
  padding: 0;
}
.ds-notify-w.ds--approval-warning {
  padding: 0;
}
.ds-notify-w.ds--sign-in {
  padding: 0;
}
.ds-notify-w.ds--registration-success {
  padding: 0;
}
.ds-notify-w.ds--registration-warning {
  padding: 0;
}
.ds-notify {
  border-radius: 2px;
  min-height: 75px;
  position: relative;
  width: 100%;
}
.ds-notify-close-button {
  background: transparent no-repeat;
  border: none;
  cursor: pointer;
  float: right;
  position: absolute;
  top: 7px;
  right: 5px;
}
.ds-notify-close-button:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-notify-hidden-mock {
  height: 20px;
  width: 20px;
}
.ds-notify-content {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 20px;
  overflow: hidden;
  padding: 25px 25px 25px 20px;
  width: 100%;
}
.ds-notify-text {
  color: #53585b;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0;
  word-break: break-word;
}
.ds-notify-content-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.ds-notify-buttons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: -10px 0;
}
.ds-notify-button {
  margin-left: 20px;
}
.ds-notify-button:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-notify-button:first-child {
  margin: 0;
}
.ds-notify-close-icon {
  max-height: 16px;
  max-width: 10px;
}
.ds-notify-icon {
  display: inline-block;
  margin-top: 1px;
  max-height: 17px;
  max-width: 17px;
  min-width: 17px;
  vertical-align: top;
}
.ds-notify-title {
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 7px;
  margin-right: 5px;
}
.ds-notify-modal-button {
  position: absolute;
  right: 15px;
  top: 15px;
}
@media only screen and (max-width: 1439px) {
  .ds-notify-modal-button {
    position: static;
  }
}
.ds-notify.ds--info {
  background-color: #edf5fb;
  border: 1px solid #0077c8;
}
.ds-notify.ds--info .ds-notification-icon-span {
  margin: 0;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--info .ds-notification-icon-span {
    margin-right: 12px;
  }
}
.ds-notify.ds--info .ds-notification-content {
  display: block;
}
.ds-notify.ds--info .ds-notification-content-inner {
  display: block;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--info .ds-notification-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.ds-notify.ds--info .ds-notify-close-icon {
  fill: #0077c8;
}
.ds-notify.ds--info .ds-notify-icon {
  color: #0077c8;
  fill: #0077c8;
}
.ds-notify.ds--info .ds-notify-title {
  color: #0077c8;
}
.ds-notify.ds--approval-warning {
  background-color: #fffdfa;
  border: 1px solid #FABC2E;
}
.ds-notify.ds--approval-warning .ds-notification-icon-span {
  margin: 0;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--approval-warning .ds-notification-icon-span {
    margin-right: 12px;
  }
}
.ds-notify.ds--approval-warning .ds-notification-content {
  display: block;
}
.ds-notify.ds--approval-warning .ds-notification-content-inner {
  display: block;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--approval-warning .ds-notification-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.ds-notify.ds--approval-warning .ds-notify-close-icon {
  fill: #E69E22;
}
.ds-notify.ds--approval-warning .ds-notify-icon {
  color: #E69E22;
  fill: #E69E22;
  margin-right: 8px;
}
.ds-notify.ds--approval-warning .ds-notify-title {
  letter-spacing: 0px;
  color: #535858;
}
.ds-notify.ds--approval-warning .ds-notify-content-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ds-notify.ds--approval-warning .ds-notify-content-showMore {
  -ms-flex-direction: column;
      flex-direction: column;
}
.ds-notify.ds--approval-warning .ds-notify-subtitle {
  color: #212B36;
  margin-bottom: 16px;
}
.ds-notify.ds--approval-warning .ds-notify-buttons-showMore {
  padding-left: 90%;
}
.ds-notify.ds--approval-warning .ds-notify-content-text-description {
  font: normal normal normal 14px/20px 'Montserrat';
  font-weight: 600;
  letter-spacing: 0px;
  color: #212B36;
  opacity: 1;
  margin-bottom: 16px;
}
.ds-notify.ds--error {
  background-color: #fdedf0;
  border: 1px solid #e4002b;
}
.ds-notify.ds--error .ds-notify-close-icon {
  color: #e4002b;
  fill: #e4002b;
}
.ds-notify.ds--error .ds-notify-icon {
  color: #e4002b;
  fill: #e4002b;
}
.ds-notify.ds--error .ds-notify-title {
  color: #e4002b;
}
.ds-notify.ds--success {
  background-color: #ebf7f1;
  border: 1px solid #18b14a;
}
.ds-notify.ds--success .ds-notify-close-icon {
  fill: #18b14a;
}
.ds-notify.ds--success .ds-notify-icon {
  color: #18b14a;
  fill: #18b14a;
}
.ds-notify.ds--success .ds-notify-title {
  color: #18b14a;
}
.ds-notify.ds--standard {
  background-color: #fbfbfb;
  border: 1px solid #d5d5d5;
}
.ds-notify.ds--standard .ds-notify-close-icon {
  fill: #53585b;
}
.ds-notify.ds--standard .ds-notify-icon {
  color: #18b14a;
  fill: #18b14a;
}
.ds-notify.ds--standard .ds-notify-title {
  color: #18b14a;
}
.ds-notify.ds--standard .ds-notify-subtitle {
  font-weight: 500;
}
.ds-notify.ds--standard .ds-notify-text {
  font-weight: 300;
}
.ds-notify.ds--sign-in {
  background-color: #fffdfa;
  border: 1px solid #f6a800;
  margin-bottom: 30px;
}
.ds-notify.ds--sign-in .ds-notify-content {
  padding: 24px;
}
.ds-notify.ds--sign-in .ds-notify-content-text {
  margin-right: 14px;
}
.ds-notify.ds--sign-in .ds-notify-icon {
  color: #c0c9ce;
  fill: #c0c9ce;
  height: 20px;
  margin-right: 8px;
  width: 20px;
}
.ds-notify.ds--sign-in .ds-notify-icon-span {
  margin-right: 0;
}
.ds-notify.ds--sign-in .ds-notify-title {
  color: #53585b;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  margin: 0 10px 0 0;
}
.ds-notify.ds--sign-in .ds-notify-text {
  font-size: 13px;
  font-weight: 300;
  margin: 0 20px 0 0;
  text-align: left;
}
.ds-notify.ds--sign-in .ds-notify-buttons {
  text-align: left;
}
.ds-notify.ds--sign-in .ds-notify-buttons .ds-button {
  font-size: 14px;
  font-weight: 300;
  padding: 10px 24px;
}
.ds-notify.ds--sign-in .ds-notify-buttons .ds-button.ds--orange {
  font-weight: 500;
}
.ds-notify.ds--orange-warning {
  background-color: #fffdfa;
  border: 1px solid #f6a800;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}
.ds-notify.ds--orange-warning .ds-notify-icon {
  color: #b17b12;
  fill: #b17b12;
}
.ds-notify.ds--orange-warning .ds-notify-subtitle {
  font-weight: 500;
}
.ds-notify.ds--orange-warning .ds-notify-text {
  display: block;
  font-weight: 300;
}
.ds-notify.ds--orange-warning .ds-notify-title {
  color: #b17b12;
  display: inline-block;
  font-size: 14px;
  letter-spacing: normal;
  margin-right: 10px;
}
.ds-notify.ds--registration-success {
  background-color: #ebf7f1;
  border: 1px solid #18b14a;
}
.ds-notify.ds--registration-success .ds-notification-icon-span {
  margin: 0;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-success .ds-notification-icon-span {
    margin-right: 12px;
  }
}
.ds-notify.ds--registration-success .ds-notification-content {
  display: block;
}
.ds-notify.ds--registration-success .ds-notification-content-inner {
  display: block;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-success .ds-notification-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.ds-notify.ds--registration-success .ds-notify-content {
  padding: 20px 26px;
}
.ds-notify.ds--registration-success .ds-notify-content-text {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-success .ds-notify-content-text {
    -ms-flex-flow: column;
        flex-flow: column;
  }
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-success .ds-notify-content-text-description {
    font-size: 12px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-success .ds-notify-content-inner {
    -ms-flex-flow: column;
        flex-flow: column;
  }
}
.ds-notify.ds--registration-success .ds-notify-close-icon {
  fill: #18b14a;
}
.ds-notify.ds--registration-success .ds-notify-icon {
  color: #18b14a;
  fill: #18b14a;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-success .ds-notify-icon {
    position: absolute;
    top: 20px;
  }
}
.ds-notify.ds--registration-success .ds-notify-icon-span {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-success .ds-notify-icon-span {
    -ms-flex-item-align: initial;
        -ms-grid-row-align: initial;
        align-self: initial;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.ds-notify.ds--registration-success .ds-notify-title {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #18b14a;
  margin: 0 14px 0 0;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-success .ds-notify-title {
    padding-bottom: 11px;
    padding-left: 35px;
  }
}
.ds-notify.ds--registration-success .ds-notify-text {
  color: #53585b;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
.ds-notify.ds--registration-warning {
  background-color: #fffdfa;
  border: 1px solid #f6a800;
  margin-bottom: 20px;
  margin-top: 15px;
  padding: 0;
  width: 100%;
}
.ds-notify.ds--registration-warning .ds-notification-icon-span {
  margin: 0;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-warning .ds-notification-icon-span {
    margin-right: 12px;
  }
}
.ds-notify.ds--registration-warning .ds-notification-content {
  display: block;
}
.ds-notify.ds--registration-warning .ds-notification-content-inner {
  display: block;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-warning .ds-notification-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.ds-notify.ds--registration-warning .ds-notify-content {
  padding: 20px 26px;
}
.ds-notify.ds--registration-warning .ds-notify-content-text {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-warning .ds-notify-content-text {
    -ms-flex-flow: column;
        flex-flow: column;
  }
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-warning .ds-notify-content-text-description {
    font-size: 12px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-warning .ds-notify-content-inner {
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
  }
}
.ds-notify.ds--registration-warning .ds-notify-close-icon {
  fill: #b17b12;
}
.ds-notify.ds--registration-warning .ds-notify-icon {
  color: #b17b12;
  fill: #b17b12;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-warning .ds-notify-icon {
    position: absolute;
    top: 20px;
  }
}
.ds-notify.ds--registration-warning .ds-notify-icon-span {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 17px;
  min-height: 17px;
  max-width: 17px;
  max-height: 17px;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-warning .ds-notify-icon-span {
    -ms-flex-item-align: initial;
        -ms-grid-row-align: initial;
        align-self: initial;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.ds-notify.ds--registration-warning .ds-notify-title {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #b17b12;
  margin: 0 14px 0 0;
}
@media only screen and (max-width: 833px) {
  .ds-notify.ds--registration-warning .ds-notify-title {
    padding-bottom: 11px;
    padding-left: 35px;
  }
}
.ds-notify.ds--registration-warning .ds-notify-text {
  color: #53585b;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
.ds-notifications.ds--modal .ds-notify-w {
  padding: 0;
}
.ds-notifications.ds--modal .ds-notifications-collapse {
  margin: 30px 0 0;
}
.ds-notifications.ds--modal .ds-notifications-collapse:first-child {
  margin-top: 0;
}
.ds-notifications.ds--modal .ds-notify {
  margin: 0 auto;
}
.ds-notifications-collapse {
  margin: 10px auto;
}
@media only screen and (max-width: 1379px) {
  .ds-notify-w {
    padding: 0 15px;
  }
  .ds-notify-title {
    display: block;
    margin: 0;
    margin-bottom: 4px;
    width: 100%;
  }
  .ds-notify.ds--error,
  .ds-notify.ds--success {
    box-shadow: none;
    padding: 0;
  }
  .ds-notify.ds--error.ds-notify-title,
  .ds-notify.ds--success.ds-notify-title {
    margin: 0;
  }
  .ds-notify.ds--info {
    text-align: left;
  }
  .ds-notify.ds--sign-in {
    border-radius: 5px;
  }
  .ds-notify.ds--sign-in .ds-notify-content {
    padding: 15px;
  }
  .ds-notify.ds--sign-in .ds-notify-icon {
    margin: 0 12px 0 0;
    max-height: 24px;
    max-width: 24px;
    position: relative;
    top: -2px;
  }
  .ds-notify.ds--sign-in .ds-notify-title {
    margin-bottom: 10px;
  }
  .ds-notify.ds--sign-in .ds-notify-text {
    font-size: 14px;
  }
  .ds-notify-close-button {
    right: 9px;
    top: 5px;
  }
  .ds-notify-content {
    display: block;
    padding: 12px;
  }
  .ds-notify-content-text {
    width: 100%;
  }
  .ds-notify-buttons {
    margin: 15px 0 0 0;
  }
  .ds-notify-button {
    display: block;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  .ds-notify-button:first-child {
    margin-bottom: 15px;
  }
  .ds-notifications.ds--modal .ds-notifications-collapse:last-child {
    margin-bottom: 15px;
  }
}
@-moz-document url-prefix() {
  .ds-notify-icon-span-firefox {
    margin-right: 15px;
  }
}
.custom-space {
  position: relative;
  bottom: 0px;
}
@media only screen and (max-width: 1379px) {
  .custom-space {
    bottom: 30px;
  }
}
.custom-space-regular {
  position: relative;
  bottom: 0px;
}
@media only screen and (max-width: 1379px) {
  .custom-space-regular {
    bottom: 9px;
  }
}
@-moz-document url-prefix() {
  .custom-space {
    position: relative;
    bottom: 3px;
    margin-right: 5px;
  }
}
.inline-alert {
  color: red;
  margin-bottom: 10px;
}

.ds-notification {
  background-color: #fbfbfb;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
  max-width: 1125px;
}
.ds-notification-buttons {
  float: right;
  padding: 23px 0;
}
.ds-notification-buttons-mobile {
  display: none;
}
.ds-notification-close-button {
  background: transparent no-repeat;
  border: none;
  clear: both;
  float: right;
  padding-right: 16px;
  padding-top: 16px;
}
.ds-notification-close-button:focus {
  box-shadow: none !important;
  outline: 0 !important;
}
.ds-notification-close-icon {
  fill: #53585b;
  max-height: 16px;
  max-width: 10px;
}
.ds-notification-content {
  display: table;
  padding: 28px 20px 28px 20px;
}
.ds-notification-icon {
  fill: #18b14a;
  margin-right: 8px;
  max-height: 17px;
  max-width: 17px;
}
.ds-notification-icon-span {
  display: table-cell;
}
.ds-notification-message {
  padding: 28px 20px 28px 0;
}
.ds-notification-subtitle {
  color: #53585b;
  display: inline;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-right: 6px;
}
.ds-notification-text {
  color: #53585b;
  display: inline;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.ds-notification-text-fields {
  display: table-cell;
}
.ds-notification-title {
  color: #18b14a;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-right: 8px;
}
@media only screen and (max-width: 833px) {
  .ds-notification-buttons {
    display: none;
  }
  .ds-notification-buttons-mobile {
    display: block;
  }
  .ds-notification-close-button {
    padding-right: 12px;
    padding-top: 12px;
  }
  .ds-notification-content {
    padding: 12px;
  }
  .ds-notification-icon-span {
    padding-right: 10px;
  }
  .ds-notification-mobile-block {
    display: block;
  }
}

/* Pagination styles */
.ds-pager {
  border-radius: 2px;
  color: #53585b;
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  padding: 5px;
  vertical-align: top;
}
.ds-pager-w {
  text-align: center;
}
.ds-pager-arrow-icon {
  fill: #53585b;
  height: 20px;
  transition: fill 0.15s ease;
  width: 20px;
}
.ds-pager-arrow {
  border: 1px solid #c0c9ce;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  height: 34px;
  line-height: 30px;
  overflow: hidden;
  width: 40px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-pager-arrow:hover .ds-pager-arrow-icon {
    fill: #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-pager-arrow:hover .ds-pager-arrow-icon {
    fill: #0077c8;
  }
}
@media (hover) {
  .ds-pager-arrow:hover .ds-pager-arrow-icon {
    fill: #0077c8;
  }
}
.ds-pager-arrow:active .ds-pager-arrow-icon {
  fill: #0077c8;
}
.ds-pager-arrow.ds--disabled {
  cursor: default;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ds-pager-arrow.ds--disabled .ds-pager-arrow-icon {
  fill: #80898e;
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-pager-arrow.ds--disabled:hover .ds-pager-arrow-icon {
    fill: #80898e;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-pager-arrow.ds--disabled:hover .ds-pager-arrow-icon {
    fill: #80898e;
  }
}
@media (hover) {
  .ds-pager-arrow.ds--disabled:hover .ds-pager-arrow-icon {
    fill: #80898e;
  }
}
.ds-pager-arrow.ds--disabled:active .ds-pager-arrow-icon {
  fill: #80898e;
}
.ds-pager-pages {
  border-bottom: 1px solid #c0c9ce;
  border-top: 1px solid #c0c9ce;
  float: left;
  line-height: 20px;
  padding: 6px;
}
.ds-pager-pages.ds--last {
  border-right: 1px solid #c0c9ce;
}
.ds-pager-pages.ds--first {
  border-left: 1px solid #c0c9ce;
}
.ds-pager-item {
  border-radius: 2px;
  color: #53585b;
  cursor: pointer;
  display: inline-block;
  margin: 0 3px;
  position: relative;
  top: 1px;
  transition: color 0.15s ease;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-pager-item:hover {
    color: #0077c8;
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-pager-item:hover {
    color: #0077c8;
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-pager-item:hover {
    color: #0077c8;
    text-decoration: underline;
  }
}
.ds-pager-item:active {
  color: #0077c8;
  text-decoration: underline;
}
.ds-pager-item.ds--active {
  color: #0077c8;
  cursor: default;
  text-decoration: none;
}
.ds-pager-item.ds--more {
  cursor: default;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-pager-item.ds--more:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-pager-item.ds--more:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-pager-item.ds--more:hover {
    color: #53585b;
  }
}
.ds-pager-item.ds--more:active {
  color: #53585b;
}
.ds-pager-item.ds--hidden {
  display: none;
}
.ds-pager-page-info {
  display: none;
}
@media only screen and (max-width: 833px) {
  .ds-pager {
    border: none;
  }
  .ds-pager-w {
    margin-top: 50px;
  }
  .ds-pager-pages {
    display: none;
  }
  .ds-pager-arrow {
    border: 1px solid #c0c9ce;
    border-radius: 3px;
    box-sizing: border-box;
    height: 45px;
    line-height: 43px;
    margin-left: 20px;
    min-width: 110px;
    position: relative;
    transition: background-color 0.15s ease;
    width: auto;
    /* stylelint-disable */
    /* stylelint-enable */
  }
  .ds-pager-arrow-icon {
    height: 25px;
    position: absolute;
    top: 8px;
    width: 25px;
  }
  .ds-pager-arrow.ds--next {
    padding-left: 10px;
    padding-right: 20px;
  }
  .ds-pager-arrow.ds--next:before {
    content: attr(title);
    font-weight: 500;
  }
  .ds-pager-arrow.ds--next .ds-pager-arrow-icon {
    right: 0;
  }
  .ds-pager-arrow.ds--prev {
    padding-left: 20px;
    padding-right: 10px;
  }
  .ds-pager-arrow.ds--prev:after {
    content: attr(title);
    font-weight: 500;
  }
  .ds-pager-arrow.ds--prev .ds-pager-arrow-icon {
    left: 0;
  }
  .ds-pager-arrow:active {
    background: #f5f5f5;
  }
  .ds-pager-arrow:active .ds-pager-arrow-icon {
    fill: #53585b;
  }
  .ds-pager-arrow.ds--disabled {
    background: #d5d5d5;
    border-color: #d5d5d5;
    color: #80898e;
    /* stylelint-disable */
    /* stylelint-enable */
  }
  .ds-pager-arrow.ds--disabled .ds-pager-arrow-icon {
    fill: #80898e;
  }
  .ds-pager-arrow.ds--disabled:active {
    background: #d5d5d5;
  }
  .ds-pager-arrow.ds--disabled:active:after,
  .ds-pager-arrow.ds--disabled:active:before {
    color: #80898e;
  }
  .ds-pager-arrow.ds--disabled:active .ds-pager-arrow-icon {
    fill: #80898e;
  }
  .ds-pager-page-info {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) and (-moz-device-pixel-ratio: 0) {
  .ds-pager-arrow:hover {
    background: #f5f5f5;
  }
  .ds-pager-arrow:hover .ds-pager-arrow-icon {
    fill: #53585b;
  }
}
@media only screen and (max-width: 833px) and all and (-ms-high-contrast: none), only screen and (max-width: 833px) and (-ms-high-contrast: active) {
  .ds-pager-arrow:hover {
    background: #f5f5f5;
  }
  .ds-pager-arrow:hover .ds-pager-arrow-icon {
    fill: #53585b;
  }
}
@media only screen and (max-width: 833px) and (hover) {
  .ds-pager-arrow:hover {
    background: #f5f5f5;
  }
  .ds-pager-arrow:hover .ds-pager-arrow-icon {
    fill: #53585b;
  }
}
@media only screen and (max-width: 833px) and (-moz-device-pixel-ratio: 0) {
  .ds-pager-arrow.ds--disabled:hover {
    background: #d5d5d5;
  }
  .ds-pager-arrow.ds--disabled:hover:after,
  .ds-pager-arrow.ds--disabled:hover:before {
    color: #80898e;
  }
  .ds-pager-arrow.ds--disabled:hover .ds-pager-arrow-icon {
    fill: #80898e;
  }
}
@media only screen and (max-width: 833px) and all and (-ms-high-contrast: none), only screen and (max-width: 833px) and (-ms-high-contrast: active) {
  .ds-pager-arrow.ds--disabled:hover {
    background: #d5d5d5;
  }
  .ds-pager-arrow.ds--disabled:hover:after,
  .ds-pager-arrow.ds--disabled:hover:before {
    color: #80898e;
  }
  .ds-pager-arrow.ds--disabled:hover .ds-pager-arrow-icon {
    fill: #80898e;
  }
}
@media only screen and (max-width: 833px) and (hover) {
  .ds-pager-arrow.ds--disabled:hover {
    background: #d5d5d5;
  }
  .ds-pager-arrow.ds--disabled:hover:after,
  .ds-pager-arrow.ds--disabled:hover:before {
    color: #80898e;
  }
  .ds-pager-arrow.ds--disabled:hover .ds-pager-arrow-icon {
    fill: #80898e;
  }
}

.ds-previous-page-link {
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.ds-previous-page-link-icon {
  height: 12px;
  margin-left: 0;
  margin-right: 10px;
  width: 12px;
}

.searchable-select {
  position: relative;
}
.searchable-select-input-wrapper {
  position: relative;
  width: 293px;
}
.searchable-select-arrow {
  border-bottom: 5px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  cursor: pointer;
  height: 0;
  position: absolute;
  right: 8px;
  top: 19px;
  width: 0;
}
.searchable-select-arrow--down {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.searchable-select--opened .searchable-select-input {
  border-bottom: none;
}
.searchable-select-input {
  border: 1px solid #bec0c5;
  border-radius: 4px;
  color: #80898e;
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  line-height: 16px;
  padding-left: 16px;
  padding-right: 23px;
  width: 254px;
}
.searchable-select-input:focus {
  box-shadow: none;
  outline: none;
}
.searchable-select-input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
.searchable-select-input::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
.searchable-select-input::-webkit-search-decoration,
.searchable-select-input::-webkit-search-cancel-button,
.searchable-select-input::-webkit-search-results-button,
.searchable-select-input::-webkit-search-results-decoration {
  display: none;
}
.searchable-select-list,
.searchable-select-list-item {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.searchable-select-list {
  background-color: #fff;
  border: 1px solid #bec0c5;
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  max-height: 230px;
  overflow: auto;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-top: 11px;
  position: absolute;
  scrollbar-color: rgba(170, 170, 170, 0.32) #fff;
  scrollbar-width: thin;
  width: 573px;
}
.searchable-select-list::-webkit-scrollbar {
  width: 8px;
}
.searchable-select-list::-webkit-scrollbar-button {
  display: none;
}
.searchable-select-list::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.searchable-select-list::-webkit-scrollbar-thumb {
  background-color: rgba(170, 170, 170, 0.32);
}
@media only screen and (max-width: 833px) {
  .searchable-select-list {
    max-height: 230px;
    width: 293px;
  }
}
.searchable-select-list-item {
  cursor: pointer;
  margin-bottom: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchable-select-list-item:last-child {
  margin-bottom: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-share-buttons-focus .ds-share-buttons-list {
  display: block;
}
.ds-share-buttons-focus .ds-share-buttons-social-icon {
  color: #0077c8;
}
.ds-share-buttons {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
  width: 40%;
}
.ds-share-buttons-print {
  padding: 0;
}
.ds-share-buttons-icon {
  color: #0077c8;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  fill: #0077c8;
  list-style: none;
  margin-right: 20px;
  text-decoration: none;
  height: 22px;
  width: 24px;
}
.ds-share-buttons-icon:last-child {
  margin: 0;
}
.ds-share-buttons-icon.share-alt {
  margin: 0;
  position: relative;
  z-index: 1;
}
.ds-share-buttons-wrapper {
  background: none;
  border: none;
  margin-left: 20px;
  padding: 0;
  position: relative;
  z-index: 1;
}
.ds-share-buttons-wrapper:hover .ds-share-buttons-list,
.ds-share-buttons-wrapper:active .ds-share-buttons-list,
.ds-share-buttons-wrapper:focus .ds-share-buttons-list {
  display: block;
}
.ds-share-buttons-wrapper:hover .ds-share-buttons-social-icon,
.ds-share-buttons-wrapper:active .ds-share-buttons-social-icon,
.ds-share-buttons-wrapper:focus .ds-share-buttons-social-icon {
  color: #0077c8;
}
.ds-share-buttons-wrapper:focus-within .ds-share-buttons-list {
  display: block;
}
.ds-share-buttons-wrapper:focus-within .ds-share-buttons-social-icon {
  color: #0077c8;
}
.ds-share-buttons-wrapper.focus-visible .ds-share-buttons-popup {
  box-shadow: 0 0 3px 2px #0077c8;
}
.ds-share-buttons-list {
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  color: #0077c8;
  display: none;
  position: absolute;
  right: -8px;
  top: 26px;
  transition: opacity 0.2s ease-in-out;
  width: 180px;
}
.ds-share-buttons-list:last-child {
  border-bottom: none;
}
.ds-share-buttons-title {
  position: relative;
  z-index: 10;
}
.ds-share-buttons-social-icon {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #d5d5d5;
  border-radius: 0;
  color: #0077c8;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 300;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 10px;
  width: 100%;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-share-buttons-social-icon:hover {
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-share-buttons-social-icon:hover {
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-share-buttons-social-icon:hover {
    text-decoration: underline;
  }
}
.ds-share-buttons-social-icon:active {
  text-decoration: underline;
}
.ds-share-buttons-social-icon .ds-button-icon {
  fill: #0077c8;
}
.ds-share-buttons-popup {
  background: #fff;
  border: 1px solid #d5d5d5;
  border-bottom: 0;
  border-radius: 1px;
  display: block;
  position: absolute;
  right: -1px;
  top: -36px;
  height: 37px;
  width: 40px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-details-enroll-button {
  display: block;
  width: 315px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-enroll-button {
    width: 100%;
  }
}
.ds-course-details-enroll-button.ds--blue {
  margin-top: 9px;
}
.ds-course-details-enroll-button-cnt {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: relative;
}
.ds-course-details-enroll-button-cnt.ds--sticky-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-enroll-button-cnt.ds--sticky-text {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.ds-course-details-enroll-button-cnt.ds--sticky-text .ds-course-details-enroll-button-text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-right: 20px;
  position: static;
  -ms-transform: none;
      transform: none;
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-enroll-button-cnt.ds--sticky-text .ds-course-details-enroll-button-text {
    padding-right: 0;
  }
}
.ds-course-details-enroll-button.ds--disabled {
  color: #272727;
}
.ds-course-details-enroll-button-w {
  position: relative;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-enroll-button-w.ds--sticky {
    padding-top: 16px;
  }
}
.ds-course-details-enroll-button-w.ds--sticky .ds-course-details-enroll-button-eternal {
  top: 6px;
}
.ds-course-details-enroll-button-eternal {
  position: absolute;
  right: 16px;
  top: 13px;
  height: 23px;
  width: 23px;
}
.ds-course-details-enroll-button-text {
  bottom: -7px;
  color: #80898e;
  font-size: 14px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  -ms-transform: translateY(100%);
      transform: translateY(100%);
}
@media only screen and (max-width: 833px) {
  .ds-course-details-enroll-button-text {
    line-height: 12px;
    padding-right: 0;
    padding-top: 12px;
    position: static;
    -ms-transform: none;
        transform: none;
  }
}
.ds-course-details-enroll-button-agreement {
  color: #18b14a;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 15px;
  text-align: center;
}
.ds-course-details-enroll-button-agreement-icon {
  fill: #18b14a;
  margin-right: 8px;
  position: relative;
  top: -2px;
  height: 17px;
  width: 17px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-details-title {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e7e7e7;
  padding: 50px 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title {
    padding: 22px 16px 32px;
  }
}
.ds-course-details-title.ds--registered {
  padding: 30px 40px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title.ds--registered {
    padding: 22px 16px 32px;
  }
}
.ds-course-details-title.ds--registered .ds-course-details-title-cnt {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.ds-course-details-title-w {
  max-width: 1125px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-w {
    display: block;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title .ds-course-seats-loader {
    height: auto;
  }
}
.ds-course-details-title-cnt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 810px;
  padding-right: 20px;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-cnt {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    padding-right: 0;
  }
}
.ds-course-details-title-info {
  color: #80898e;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-info {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    font-size: 12px;
    padding-left: 10px;
  }
}
.ds-course-details-title-location {
  border-right: 1px solid #80898e;
  margin-right: 12px;
  padding-right: 13px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-location {
    border-right: none;
  }
}
.ds-course-details-title-location-icon {
  fill: #80898e;
  margin-right: 7px;
  vertical-align: top;
  height: 23px;
  width: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-location-icon {
    position: relative;
    top: 2px;
    height: 12px;
    width: 12px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-duration {
    display: block;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-date-w {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 22px;
    padding-top: 16px;
  }
}
.ds-course-details-title-date {
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  font-size: 28px;
  font-weight: 500;
  left: -113px;
  line-height: 36px;
  padding: 7px;
  text-align: center;
  text-transform: uppercase;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
  height: 71px;
  width: 71px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-date {
    font-size: 20px;
    line-height: 26px;
    position: static;
    -ms-transform: none;
        transform: none;
    height: 48px;
    width: 48px;
  }
}
.ds-course-details-title-date-month {
  color: #0077c8;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 0;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-date-month {
    font-size: 12px;
    line-height: 12px;
  }
}
.ds-course-details-title-name {
  font-size: 40px;
  font-weight: 300;
  line-height: 49px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-name {
    font-size: 32px;
    line-height: 42px;
  }
}
.ds-course-details-title-sticky-active .ds-course-details-title-cnt {
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-sticky-active .ds-course-details-title-cnt {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.ds-course-details-title-sticky-active .ds-course-details-title {
  min-height: 64px;
  padding: 10px 40px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-sticky-active .ds-course-details-title {
    padding: 15px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-sticky-active .ds-course-details-title-date-w {
    padding: 0;
  }
}
.ds-course-details-title-sticky-active .ds-course-details-title-date {
  font-size: 20px;
  left: -69px;
  line-height: 20px;
  height: 43px;
  width: 43px;
}
.ds-course-details-title-sticky-active .ds-course-details-title-date-month {
  font-size: 12px;
  line-height: 12px;
}
.ds-course-details-title-sticky-active .ds-course-details-title-info {
  display: none;
}
.ds-course-details-title-sticky-active .ds-course-details-title-name {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-sticky-active .ds-course-details-title-name {
    font-size: 20px;
    padding-left: 17px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-details-title-sticky-active .ds-course-details-title-button {
    padding-top: 15px;
  }
}

.ds-course-seats-available {
  color: #18b14a;
}
.ds-course-seats-full {
  color: #e4002b;
}
.ds-course-seats-loader.ds-loader-wrap {
  min-height: 23px;
}
.ds-course-seats-loader .ds-loader-icon {
  max-height: 23px;
  max-width: 23px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-details-info-price {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 24px;
}
.ds-course-details-info-price-icon {
  color: #0077c8;
  margin-right: 9px;
  vertical-align: top;
  height: 20px;
  width: 20px;
}
.ds-course-details-info-price-currency {
  color: #53585b;
  font-size: 12px;
  font-weight: 300;
  margin-left: 3px;
}
.ds-course-details-info-free {
  text-transform: uppercase;
}
.ds-course-details-info-credits {
  line-height: 20px;
  margin-top: 18px;
}
.ds-course-details-info-credits-text {
  white-space: nowrap;
}
.ds-course-details-info-credits-desc {
  color: #53585b;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  margin-left: 5px;
  text-transform: uppercase;
  vertical-align: top;
}
.ds-course-details-info-credits-desc * {
  vertical-align: top;
}
.ds-course-details-info-provider {
  background: none;
  border: none;
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0;
}
.ds-course-details-info-block {
  border-top: 1px solid #e7e7e7;
  font-size: 14px;
  line-height: 23px;
  margin-top: 22px;
  padding-top: 23px;
}
.ds-course-details-info-block-title {
  color: #80898e;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.ds-course-details-info-block-title.ds--registration {
  padding-bottom: 8px;
  padding-top: 2px;
}
.ds-course-details-info-block-line {
  display: -ms-flexbox;
  display: flex;
  padding-top: 11px;
  text-align: left;
}
.ds-course-details-info-block-line:first-child {
  padding-top: 2px;
}
.ds-course-details-info-block-name {
  color: #80898e;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  width: 50%;
}
.ds-course-details-info-block-data {
  width: 50%;
  word-break: break-all;
}
.ds-course-details-info-block-data-language {
  width: 50%;
}
.ds-course-details-info-links {
  margin-top: 10px;
}
.ds-course-details-info-link {
  color: #0077c8 !important;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding-top: 12px;
}
.ds-course-details-info-link--coordinator {
  background: none;
  border: none;
  padding-left: 0;
}
.ds-course-details-info-links.ds--ondemand,
.ds-course-details-info-links.ds--ondemand .ds-course-details-info-link {
  margin-top: 0;
  padding-top: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-details-speakers-item {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding-top: 17px;
}
.ds-course-details-speakers-info {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.ds-course-details-speakers-img {
  display: block;
  float: left;
  margin-right: 14px;
  min-width: 73px;
  height: 73px;
  width: 73px;
}
.ds-course-details-speakers-name {
  color: #0077c8;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  padding: 0;
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
.ds-course-details-speakers-name1 {
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  padding: 0;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  cursor: none !important;
}

.ds-course-details-venue-cnt {
  font-size: 14px;
  margin-top: 16px;
}
.ds-course-details-venue-name {
  font-weight: 500;
}
.ds-course-details-venue-link {
  background: none;
  border: 0;
  color: #0077c8;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-venue.ds-course-details-aside-block {
    margin-bottom: 27px;
  }
}

.ds-course-details-coordinator {
  font-size: 14px;
  font-weight: 300;
  min-width: 330px;
  padding-right: 20px;
  width: 330px;
}
.ds-course-details-coordinator-phone {
  margin-top: 8px;
}
.ds-course-details-coordinator-link {
  color: #53585b;
}
.ds-course-details-coordinator-name {
  word-break: break-word;
}
.ds-course-details-coordinator-email {
  word-break: break-all;
}

.ds-pdf-list {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 20px;
  padding-left: 0;
}
.ds-pdf-list-item:not( :first-child ) {
  margin-top: 20px;
}
.ds-pdf-list-link-img {
  height: 24px;
  margin-right: 5px;
}
.ds-pdf-list-link-title {
  font-size: 14px;
}
.ds-pdf-list-link,
.ds-pdf-list-link-title {
  font-weight: 500;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-details-provider {
  border-top: 1px solid #9b9b9b;
  font-size: 14px;
  padding-top: 62px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-provider {
    border: 0;
    padding: 0;
  }
}
.ds-course-details-provider-img {
  height: 24px;
  margin-bottom: 9px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-provider-img {
    margin-bottom: 15px;
    height: auto;
    width: 245px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-details-collapse {
  border: 1px solid #c0c9ce;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-collapse {
    border-left: 0;
    border-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.ds-product-details-collapse-content-inner {
  border-top: 1px solid #c0c9ce;
  padding: 15px;
}
.ds-product-details-collapse-title {
  -ms-flex-align: center;
      align-items: center;
  background: #fbfbfb;
  border: none;
  color: #53585b;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 15px;
  width: 100%;
}
.ds-product-details-collapse-icon {
  color: #53585b;
  fill: #53585b;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 5px;
  height: 14px;
  width: 14px;
}
.ds-product-details-collapse-left-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  vertical-align: top;
  height: 22px;
  width: 22px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-tag-list {
  display: -ms-flexbox;
  display: flex;
}
.ds-tag-list-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 15px;
}
.ds-tag-list-icon {
  fill: #c0c9ce;
  margin-right: 8px;
  margin-top: 2px;
  height: 20px;
  width: 20px;
}
.ds-tag-sublist {
  display: inline-block;
}
.ds-tag-sublist:not( :last-child ) {
  margin-right: 30px;
}
.ds-tag-sublist-title {
  color: #80898e;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 833px) {
  .ds-tag-sublist-title {
    margin-bottom: 10px;
  }
}
.ds-tag-sublist-tags-item {
  background-color: #e7e7e7;
  border: 1px solid #c0c9ce;
  border-radius: 12px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 15px;
  padding: 2px 12px;
  white-space: nowrap;
}
.ds-tag-sublist-tags-item:not( :last-child ) {
  margin-right: 15px;
}
.ds-tag-sublist.ds--role .ds-tag-sublist-tags-item {
  background-color: #fff;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-view-more-text {
  position: relative;
}
.ds-view-more-text-cnt-initial {
  height: 178px;
  position: absolute;
}
.ds-view-more-text-cnt.ds--fix-height {
  max-height: 178px;
  overflow: hidden;
}
.ds-view-more-text-cnt.ds--free-height {
  max-height: 100%;
}
.ds-view-more-text-controls {
  margin-top: 6px;
  text-align: center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-details-cnt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-cnt {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.ds-course-details-main {
  margin: auto;
  max-width: 1205px;
}
.ds-course-details-type {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.ds-course-details-h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.ds-course-details-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-right: 32px;
  max-width: 776px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-description {
    margin-right: 0;
  }
}
.ds-course-details-description-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin-bottom: 23px;
  padding-top: 45.105%;
  width: 100%;
}
.ds-course-details-description-cancellation-header {
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.ds-course-details-description-previous-line {
  margin-bottom: 20px;
}
.ds-course-details-image {
  margin-top: 23px;
}
.ds-course-details-image.d-none + .ds-course-details-description-text {
  margin-top: 20px;
}
.ds-course-details-description-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.ds-course-details-description-button {
  text-align: center;
}
.ds-course-details-description-button .ds-button-icon {
  margin-left: 5px;
  height: 15px;
  width: 15px;
}
.ds-course-details-description-link,
.ds-course-details-description-link:hover,
.ds-course-details-description-link:active {
  color: #0077c8;
}
.ds-course-details-description-cancellation {
  margin: 20px 0 40px;
}
.ds-course-details .ds-previous-page-link {
  float: left;
}
.ds-course-details-share-buttons {
  -ms-flex-align: center;
      align-items: center;
  width: auto;
}
.ds-course-details-share-buttons .ds-share-buttons-icon {
  height: 18px;
  width: 18px;
}
.ds-course-details-aside {
  min-width: 315px;
  width: 315px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-aside {
    margin-top: 30px;
    min-width: 0;
    width: 100%;
  }
}
.ds-course-details-aside-block {
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 27px;
  padding: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-aside-block {
    margin-bottom: 17px;
  }
}
.ds-course-details-aside-block-header {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
.ds-course-details-aside-block-icon {
  color: #c0c9ce;
  fill: #c0c9ce;
  margin-right: 9px;
  position: relative;
  top: -2px;
  height: 24px;
  width: 24px;
}
.ds-course-details-map {
  margin-bottom: 53px;
}
.ds-course-details-contacts {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
.ds-course-details-contacts-block {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-contacts-block {
    display: block;
  }
}
.ds-course-details-contacts-block-left {
  width: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-contacts-block-left {
    display: none;
  }
}
.ds-course-details-contacts-block-icon {
  color: #c0c9ce;
  fill: #c0c9ce;
  height: 20px;
  width: 20px;
}
.ds-course-details-contacts-block-right {
  width: 100%;
}
.ds-course-details-contacts-block-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-contacts-block-title {
    display: none;
  }
}
.ds-course-details-more-info {
  display: none;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-more-info {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
    padding-top: 10px;
  }
}
.ds-course-details-collapse:not( :first-child ) {
  border-top: none;
}
.ds-course-details-collapse .ds-product-details-collapse-content-inner {
  padding: 25px 15px;
}
.ds-course-details-collapse .ds-product-details-collapse-title {
  background: #f9f9f9;
}

.ds-course-details-venue-cnt {
  font-size: 14px;
  margin-top: 16px;
}
.ds-course-details-venue-name {
  font-weight: 500;
}
.ds-course-details-venue-link {
  background: none;
  border: 0;
  color: #0077c8;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 833px) {
  .ds-course-details-venue.ds-course-details-aside-block {
    margin-bottom: 27px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.slick-dots {
  line-height: 14px;
  list-style: none;
  margin-bottom: 15px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.slick-dots > li {
  display: inline-block;
  line-height: 14px;
}
.slick-dots > li button {
  background-color: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  font-size: 0;
  margin: 0 6.25px;
  padding: 0;
  height: 14px;
  width: 14px;
}
.slick-dots > li.slick-active button {
  background-color: #0077c8;
  border-color: #0077c8;
}
.ds-hero-slider .slick-arrow {
  background: rgba(255, 255, 255, 0.75);
  border: 0;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 4px 20px 0 #e7e7e7;
  cursor: pointer;
  font-size: 0;
  font-weight: 500;
  transition: all 0.6s ease 0s;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
  height: 115px;
  width: 45px;
}
.ds-hero-slider .slick-arrow:before {
  color: #0077c8;
  font-size: 36px;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.ds-hero-slider .slick-arrow.slick-disabled {
  opacity: 0;
  z-index: -1;
}
.ds-hero-slider .slick-arrow.slick-prev {
  left: -25px;
}
@media only screen and (max-width: 833px) {
  .ds-hero-slider .slick-arrow.slick-prev {
    left: 0;
  }
}
.ds-hero-slider .slick-arrow.slick-prev:before {
  content: "‹";
}
.ds-hero-slider .slick-arrow.slick-next {
  right: -25px;
}
@media only screen and (max-width: 833px) {
  .ds-hero-slider .slick-arrow.slick-next {
    right: 0;
  }
}
.ds-hero-slider .slick-arrow.slick-next:before {
  content: "›";
}
@media only screen and (max-width: 833px) {
  .ds-hero-slider .slick-arrow.slick-next {
    right: -30px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-hero-slider .slick-arrow.slick-prev {
    left: -30px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.slick-dots {
  line-height: 14px;
  list-style: none;
  margin-bottom: 15px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.slick-dots > li {
  display: inline-block;
  line-height: 14px;
}
.slick-dots > li button {
  background-color: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  font-size: 0;
  margin: 0 6.25px;
  padding: 0;
  height: 14px;
  width: 14px;
}
.slick-dots > li.slick-active button {
  background-color: #0077c8;
  border-color: #0077c8;
}
.ds-slider {
  padding: 50px 30px 30px;
  text-align: center;
}
@media only screen and (max-width: 833px) {
  .ds-slider {
    min-width: 100%;
    padding: 30px 0;
  }
}
.ds-slider.ds--align-left {
  text-align: left;
}
.ds-slider.ds-featured-slider {
  padding: 0;
}
.ds-slider.ds-featured-slider .ds-slider-title {
  font-size: 24px;
  line-height: 26px;
}
.ds-slider-parent {
  position: relative;
}
.ds-slider-inner {
  margin: 0;
  width: 100%;
}
.ds-slider .slick-list {
  padding: 5px 0;
}
.ds-slider .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.ds-slider .slick-arrow {
  background: rgba(255, 255, 255, 0.75);
  border: 0;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 4px 20px 0 #e7e7e7;
  cursor: pointer;
  font-size: 0;
  font-weight: 500;
  transition: all 0.6s ease 0s;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
  height: 115px;
  width: 45px;
}
.ds-slider .slick-arrow:before {
  color: #0077c8;
  font-size: 36px;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.ds-slider .slick-arrow.slick-disabled {
  opacity: 0;
  z-index: -1;
}
.ds-slider .slick-arrow.slick-prev {
  left: -25px;
}
@media only screen and (max-width: 833px) {
  .ds-slider .slick-arrow.slick-prev {
    left: 0;
  }
}
.ds-slider .slick-arrow.slick-prev:before {
  content: "‹";
}
.ds-slider .slick-arrow.slick-next {
  right: -25px;
}
@media only screen and (max-width: 833px) {
  .ds-slider .slick-arrow.slick-next {
    right: 0;
  }
}
.ds-slider .slick-arrow.slick-next:before {
  content: "›";
}
.ds-slider.ds--theme-dark {
  position: relative;
}
.ds-slider.ds--theme-dark:after,
.ds-slider.ds--theme-dark:before {
  background: #fbfbfb;
  border-top: 1px solid #c0c9ce;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 50vw;
  z-index: -1;
}
.ds-slider.ds--theme-dark:after {
  left: 50%;
}
.ds-slider.ds--theme-dark:before {
  right: 50%;
}
.ds-slider.ds--theme-light {
  background: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.slick-dots {
  line-height: 14px;
  list-style: none;
  margin-bottom: 15px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.slick-dots > li {
  display: inline-block;
  line-height: 14px;
}
.slick-dots > li button {
  background-color: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  font-size: 0;
  margin: 0 6.25px;
  padding: 0;
  height: 14px;
  width: 14px;
}
.slick-dots > li.slick-active button {
  background-color: #0077c8;
  border-color: #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.teaser {
  padding: 15px;
  z-index: 1;
}
.teaser-title {
  margin-bottom: 0.83em;
  color: #0077c8;
  font-size: 28px;
  font-weight: 300;
}
.teaser-text {
  font-size: 16px;
  margin-bottom: 1em;
}
.teaser-text a:not([href]) {
  cursor: text;
}
.teaser-text a:not([href]):hover {
  cursor: text;
  text-decoration: none;
  color: #f6a800;
}
.teaser .teaser-list {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.teaser .teaser-list.ds-row-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 1439px) {
  .teaser .teaser-list {
    margin: 36px 0 72px;
  }
}
.teaser .teaser-list.theme--dark,
.teaser .teaser-list.theme--bgimage {
  padding: 4.6875vw 0;
}
@media only screen and (max-width: 1439px) {
  .teaser .teaser-list.theme--dark,
  .teaser .teaser-list.theme--bgimage {
    padding: 54px 0;
  }
}
@media only screen and (max-width: 739px) {
  .teaser .teaser-list.vertical .ds-teaser-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .teaser .teaser-list.vertical .ds-teaser-list-item-image {
    -ms-flex-preferred-size: 31.7675%;
        flex-basis: 31.7675%;
    margin-bottom: 0;
  }
  .teaser .teaser-list.vertical .ds-teaser-list-item-body {
    -ms-flex-preferred-size: 65.0975%;
        flex-basis: 65.0975%;
  }
}
.teaser .teaser-list-title {
  margin-bottom: 0.83em;
  color: #0077c8;
}
.teaser .teaser-list-text {
  margin: 1em 0;
}
.teaser .teaser-list-text .ds-text {
  margin: 0;
}
.teaser .teaser-item {
  margin-bottom: 30px;
}
.teaser .teaser-item.three-in-row {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  max-width: 33%;
}
.teaser .teaser-item-image {
  margin-bottom: 15px;
  padding-left: 0;
  min-height: 150px;
}
.teaser .teaser-item-image img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.teaser .teaser-item-image img.fixed-height {
  height: 300px;
}
.teaser .teaser-item-image img[src^="/libs/cq/linkchecker/resources/"] {
  width: auto;
}
.teaser .teaser-item-image .ds-picture--svg {
  display: block;
  margin: 0 auto;
  width: 70%;
}
.teaser .teaser-item-image-link {
  display: block;
}
.teaser .teaser-item-title {
  margin-bottom: 10px;
  color: #0077c8;
  font-size: 19.2px;
  font-weight: 300;
}
.teaser .teaser-item-title-link {
  color: #0077c8;
}
.teaser .teaser-item-title-link:hover,
.teaser .teaser-item-title-link:focus {
  color: #0077c8;
}
.teaser .teaser-item-text {
  color: #0077c8;
}
.teaser .teaser-item-text-h2 {
  font-size: 30.4px;
  color: #0077c8;
}
.teaser .teaser-item-text-h4 {
  font-size: 22.4px;
  color: #0077c8;
}
.teaser .teaser-item-text-h6 {
  font-size: 16px;
  color: #0077c8;
}
.teaser .teaser-item-text a:not([href]) {
  cursor: text;
}
.teaser .teaser-item-text a:not([href]):hover {
  cursor: text;
  text-decoration: none;
  color: #f6a800;
}
.teaser .teaser-item .ds-text {
  margin: 0;
}
.teaser .teaser-item.ds-button {
  margin-top: 10px;
  border: 0;
  color: #fff;
}
.teaser .button {
  margin-top: 10px;
  border-radius: 0;
  color: #fff;
  line-height: 22px;
  font-size: 16px;
}
.teaser .ds-button-icon {
  fill: #fff !important;
}
.teaser.theme--dark {
  background: #eee;
}

.countryPopupContainer {
  background-color: rgba(213, 213, 213, 0.6);
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.countryPopupContainer .content {
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgb(83 88 6.06666667%);
  width: 802px;
  margin: 0;
  position: absolute;
  top: 30%;
  left: 22%;
  height: 253px;
}
@media only screen and (max-width: 833px) {
  .countryPopupContainer .content {
    width: 100%;
    height: 305px;
    top: 0;
    left: 0;
  }
}
.countryPopupContainer .content .header-content {
  display: block;
  font-size: 14px;
  color: #272727;
  padding: 20px 10px 0px 20px;
  font-weight: 500;
  border-bottom: 1px solid #aaa;
}
@media only screen and (max-width: 833px) {
  .countryPopupContainer .content .header-content {
    padding: 20px 20px 0px 25px;
  }
}
@media only screen and (max-width: 833px) {
  .countryPopupContainer .content .header-content .heading {
    font-size: 14px;
    font-weight: 400;
    margin-right: 10%;
  }
}
.countryPopupContainer .content .header-content .closeBlock .ds-font-icon-cancel {
  position: relative;
  fill: #aaa;
  float: right;
  height: 20px;
  width: 15px;
  bottom: 36px;
  cursor: pointer;
  margin-right: 10px;
}
@media only screen and (max-width: 833px) {
  .countryPopupContainer .content .header-content .closeBlock .ds-font-icon-cancel {
    bottom: 58px;
    margin-right: 0;
  }
}
.countryPopupContainer .content .text {
  font-size: 14px;
  color: #272727;
  padding: 20px 20px 80px 20px;
  border-bottom: 1px solid #aaa;
}
@media only screen and (max-width: 833px) {
  .countryPopupContainer .content .text {
    padding: 20px 20px 20px 25px;
  }
}
.countryPopupContainer .buttons {
  padding-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin-right: 4%;
}
@media only screen and (max-width: 833px) {
  .countryPopupContainer .buttons {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    text-align: center;
  }
}
.countryPopupContainer .buttons .stayBtn {
  color: #0077c8;
  background: none;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  outline: none;
  padding: 8px 20px;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  vertical-align: top;
  white-space: nowrap;
  border: 1px solid #0077c8;
}
@media only screen and (max-width: 833px) {
  .countryPopupContainer .buttons .stayBtn {
    width: 50%;
    margin: 0 0 5% 50%;
  }
}
.countryPopupContainer .buttons .redirectBtn {
  background-color: #FFCC00;
  margin-left: 5%;
  border-radius: 4px;
  border: none;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 20px;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  vertical-align: top;
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .countryPopupContainer .buttons .redirectBtn {
    margin: 5% 0 8% 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-line {
  -ms-flex-align: start;
      align-items: flex-start;
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 21px 19px 0;
}
@media only screen and (max-width: 1379px) {
  .ds-course-line {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 20px 0 12px;
  }
}
.ds-course-line:last-of-type {
  margin-bottom: 40px;
}
.ds-course-line-image-thumbnail {
  display: block;
  height: 149px;
  margin-right: 18px;
  min-width: 265px;
  position: relative;
}
@media only screen and (max-width: 1379px) {
  .ds-course-line-image-thumbnail {
    height: auto;
    width: 100%;
  }
}
.ds-course-line-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  padding-top: 56%;
  width: 100%;
}
.ds-course-line-badge {
  left: 8px;
  position: absolute;
  top: 8px;
}
.ds-course-line-button {
  display: block;
}
.ds-course-line-date {
  font-size: 13px;
  margin-top: 4px;
}
.ds-course-line-date-small {
  margin-left: 15px;
}
@media only screen and (max-width: 1379px) {
  .ds-course-line-date {
    display: none;
  }
}
.ds-course-line-small {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
}
.ds-course-line-text {
  padding-right: 20px;
  width: 100%;
}
.ds-course-line-title {
  color: #53585b;
  display: block;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 6px;
  margin-top: 5px;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ds-course-line-title-small {
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media only screen and (max-width: 1379px) {
  .ds-course-line-title {
    margin-top: 5px;
  }
}
.ds-course-line-title.ds--on-demand {
  margin-top: 10px;
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-course-line-title:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-course-line-title:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-course-line-title:hover {
    color: #53585b;
  }
}
.ds-course-line-title:active {
  color: #53585b;
}
.ds-course-line-description {
  font-size: 14px;
  margin-bottom: 7px;
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-course-line-description {
    margin-bottom: 5px;
    max-height: 63px;
    overflow: hidden;
    position: relative;
  }
}
.ds-course-line-link {
  display: inline-block;
  padding: 0;
  text-align: left;
}
.ds-course-line-info {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  color: #53585b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 13px;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 235px;
  min-height: 118px;
  min-width: 235px;
  padding: 13px 12px;
}
@media only screen and (max-width: 1379px) {
  .ds-course-line-info {
    display: none;
  }
}
.ds-course-line-info-mobile {
  color: #53585b;
  display: none;
  font-size: 13px;
  margin-bottom: 7px;
}
@media only screen and (max-width: 1379px) {
  .ds-course-line-info-mobile {
    display: block;
  }
}
.ds-course-line-info-row {
  display: -ms-flexbox;
  display: flex;
  word-wrap: break-word;
}
.ds-course-line-info-row:not( :last-child ) {
  padding-bottom: 4px;
}
.ds-course-line .ds-course-line-info-cnt {
  min-width: 20%;
}
.ds-course-line-info-title {
  margin-right: 3px;
  white-space: nowrap;
}
.ds-course-line-info-icon {
  margin-right: 5px;
  position: relative;
  top: -2px;
  height: 14px;
  width: 14px;
}

.ds-courses-completed {
  margin-bottom: 35px;
  margin-top: 15px;
}
.ds-courses-completed-controls.ds-list-controls {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 833px) {
  .ds-courses-completed-controls.ds-list-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.ds-courses-completed-qty {
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-courses-completed-qty {
    width: auto;
  }
}
.ds-courses-completed .ds-sort {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ds-courses-completed-sort-by {
  margin-left: 10px;
}
@media only screen and (max-width: 833px) {
  .ds-courses-completed-sort-by {
    margin-left: 0;
    width: 100%;
  }
}
.ds-courses-completed-title {
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1379px) {
  .ds-courses-completed-title {
    border-bottom: none;
  }
}
.ds-courses-completed-total {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.ds-courses-completed-sort-limit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ds-courses-completed-sort {
  font-size: 14px;
}
@media only screen and (max-width: 1379px) {
  .ds-courses-completed {
    margin: 20px;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-courses-completed-sort-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-left: -15px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-srp-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 40px;
  position: relative;
}
.ds-srp-product-list-w {
  margin: 0 auto;
}
.ds-srp-right-part {
  width: calc(100% - 240px);
}
@media only screen and (max-width: 833px) {
  .ds-srp-right-part {
    width: 100%;
  }
}
.ds-srp-static-block.ds--hidden {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  height: 0;
  width: 0;
}
.ds-srp-static-block-item .ds-srp-static-element {
  border-top: 1px solid #e7e7e7;
  margin-top: 50px;
  padding-top: 50px;
}
.ds-srp-static-block-item:first-child .ds-srp-static-element {
  border: none;
  margin: 0;
  padding: 0;
}
.ds-srp-static-content {
  padding: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-srp-static-content {
    padding: 15px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-tile {
  min-height: 328px;
  padding: 0 15px;
  height: auto;
  width: auto;
}
.ds-course-tile-img-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  height: 50%;
  width: 100%;
}
.ds-course-tile-img {
  height: 180px;
  max-width: 100%;
}
.ds-course-tile-img-w {
  text-align: center;
  width: 100%;
}
.ds-course-tile-img-w .ds-course-tile-img {
  display: inline-block;
}
.ds-course-tile-tag {
  left: 10px;
  position: absolute;
  top: 10px;
}
.ds-course-tile-title {
  color: #53585b;
  display: block;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  padding-bottom: 5px;
  text-transform: capitalize;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-course-tile-title:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-course-tile-title:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-course-tile-title:hover {
    color: #53585b;
  }
}
.ds-course-tile-title:active {
  color: #53585b;
}
.ds-course-tile-info {
  margin-top: 9px;
  text-align: left;
}
.ds-course-tile-info-cnt {
  font-weight: 300;
}
.ds-course-tile-location {
  padding-bottom: 2px;
}
.ds-course-tile-location,
.ds-course-tile-duration {
  font-size: 13px;
}
.ds-course-tile-location-icon {
  margin-right: 2px;
  position: relative;
  top: -2px;
  height: 14px;
  width: 14px;
}
.ds-course-tile-description {
  font-size: 14px;
  margin-top: 6px;
}
.ds-course-tile-link {
  border-radius: 0;
  margin-top: 3px;
  padding: 0;
}

.ds-courses-slider-slide-container {
  padding-bottom: 5px;
  padding-top: 5px;
}
.ds-static-courses-slider .slick-arrow.slick-prev {
  left: -30px;
}
@media only screen and (max-width: 833px) {
  .ds-static-courses-slider .slick-arrow.slick-prev {
    left: 0;
  }
}
.ds-static-courses-slider .slick-arrow.slick-next {
  right: -30px;
}
@media only screen and (max-width: 833px) {
  .ds-static-courses-slider .slick-arrow.slick-next {
    right: 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-course-map {
  margin-bottom: 50px;
  margin-top: 40px;
  max-width: 1125px;
  min-width: 360px;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media only screen and (max-width: 1379px) {
  .ds-course-map {
    width: 100%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-map {
    margin-top: 20px;
    min-width: 0;
  }
}
.ds-course-map-places {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  left: 40px;
  min-width: 330px;
  padding: 25px;
  position: absolute;
  top: 30px;
  word-wrap: break-word;
  z-index: 1;
  height: 90%;
  width: 40%;
}
@media only screen and (max-width: 1379px) {
  .ds-course-map-places {
    max-width: 450px;
    padding: 15px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-map-places {
    box-shadow: none;
    left: 0;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
  }
}
.ds-course-map-places-list-item-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  width: 100%;
}
.ds-course-map-container-loading-element {
  height: 100%;
}
.ds-course-map-container-element {
  height: 540px;
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-course-map-container-element {
    height: 500px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-course-map-container-element {
    height: 450px;
  }
}
@media only screen and (max-width: 739px) {
  .ds-course-map-container-element {
    height: 300px;
  }
}
.ds-course-map-container-map {
  height: 100%;
}
.ds-course-map-places-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  padding-left: 0;
  position: relative;
}
.ds-course-map-places-list-item {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: start;
      justify-content: start;
  list-style-type: none;
  margin-top: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-course-map-places-list-item {
    margin-top: 25px;
  }
}
.ds-course-map-places-list-item-link {
  color: #0077c8;
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.ds-course-map-places-title {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 833px) {
  .ds-course-map-places-title {
    font-size: 18px;
    margin-top: 10px;
  }
}
.ds-course-map-places-list-item-name {
  color: #53585b;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.ds-course-map-places-list-item-address {
  display: block;
  font-size: 14px;
}
.ds-course-map-marker {
  -ms-flex-line-pack: start;
      align-content: start;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 10px;
  position: relative;
  width: 40px;
}
.ds-course-map-marker-icon {
  height: 30px;
}
.ds-course-map-marker-label {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  left: 10px;
  position: absolute;
  top: 3px;
}
.ds-course-map-container {
  position: relative;
}
.ds-course-map-button {
  background-color: #0077c8;
  color: #fff;
  position: absolute;
  right: 40px;
  top: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-course-map-button {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: 95%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds--hide-documents {
  display: none;
}
.ds-srp-facets-w {
  background: #fbfbfb;
  border-right: 1px solid #c0c9ce;
  box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 240px;
}
.ds-srp-facets {
  width: 240px;
}
.ds-srp-facets-second {
  border-top: 1px solid #e7e7e7;
}
.ds-srp-facets-h {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
.ds-srp-facets-h2 {
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #53585b;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-align: left;
  width: 100%;
}
.ds-srp-facets-list {
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  padding: 0;
}
.ds-srp-facets-list-name {
  display: inline-block;
  min-width: 100px;
  -ms-word-break: break-word;
}
.ds-srp-facets-list.ds--level2 {
  font-weight: 300;
  padding-left: 10px;
}
.ds-srp-facets-list.ds--level2 .ds-srp-facets-list-line {
  font-weight: 300;
}
.ds-srp-facets-list.ds--second {
  padding-left: 10px;
}
.ds-srp-facets-list.ds--second wbr:after {
  content: "\00200B";
}
.ds-srp-facets-list-view-all {
  padding-bottom: 10px;
  padding-left: 10px;
}
.ds-srp-facets-block {
  padding-right: 20px;
}
.ds-srp-facets-list-item {
  margin-top: 10px;
}
.ds-srp-facets-list-title {
  cursor: pointer;
  min-width: 0;
  word-break: break-word;
  word-wrap: break-word;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-srp-facets-list-title:hover {
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-srp-facets-list-title:hover {
    text-decoration: underline;
  }
}
@media (hover) {
  .ds-srp-facets-list-title:hover {
    text-decoration: underline;
  }
}
.ds-srp-facets-list-title:active {
  text-decoration: underline;
}
.ds--disabled .ds-srp-facets-list-title {
  cursor: default;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds--disabled .ds-srp-facets-list-title:hover {
    text-decoration: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds--disabled .ds-srp-facets-list-title:hover {
    text-decoration: none;
  }
}
@media (hover) {
  .ds--disabled .ds-srp-facets-list-title:hover {
    text-decoration: none;
  }
}
.ds--disabled .ds-srp-facets-list-title:active {
  text-decoration: none;
}
.ds-srp-facets-list-title.ds--second {
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  word-break: break-word;
  word-wrap: break-word;
}
.ds-srp-facets-list-title.ds--selected {
  font-weight: bold;
}
.ds-srp-facets-list-title.ds--selected .ds-srp-facets-list-check {
  display: block;
}
.ds-srp-facets-list-title.ds--selected .ds-srp-facets-list-radio {
  border: 6px solid #0077c8;
}
.ds-srp-facets-list-line {
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #53585b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.ds-srp-facets-list-count {
  color: #80898e;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  font-weight: 300;
  margin-left: 30px;
  position: relative;
  top: 1px;
}
.ds-srp-facets-list-checkbox,
.ds-srp-facets-list-radio {
  background: #fff;
  border: 1px solid #80898e;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  position: relative;
  height: 18px;
  width: 18px;
}
.ds-srp-facets-list-checkbox {
  border-radius: 2px;
}
.ds-srp-facets-list-radio {
  border-radius: 50%;
}
.ds-srp-facets-list-check {
  display: none;
  fill: #0077c8;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  height: 12px;
  width: 12px;
}
.ds-srp-facets-item {
  border-bottom: 1px solid #e7e7e7;
}
.ds-srp-facets-item .ds-srp-facets-h2 {
  cursor: pointer;
  padding: 10px 0;
}
.ds-srp-facets-view-all {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
.ds-srp-facets-view-all-icon {
  margin-left: 0;
  margin-right: 7px;
  top: 3px;
  width: 12px;
}
.ds-srp-facets-view-all-icon.ds--right {
  margin-left: 7px;
  margin-right: 0;
}
.ds-srp-facets-sign {
  fill: #0077c8;
  height: 9px;
  margin-top: 7px;
  width: 9px;
}
@media only screen and (max-width: 833px) {
  .ds-srp-facets {
    display: none;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-srp-product-list-w {
  padding: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-srp-product-list-w {
    padding: 15px;
  }
}
.ds-srp-product-list-w .ds-pager-w {
  margin-top: 30px;
}
.ds-srp-product-list-filter {
  margin-bottom: 20px;
}

.ds-srp-top-line-w {
  width: 100%;
}
.ds-srp-top-line {
  background: #fbfbfb;
  border-bottom: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
}
.ds-srp-top-line-right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ds-srp-top-line-breadcrumb {
  font-weight: bold;
  margin-left: 10px;
}
.ds-srp-top-line-breadcrumb-icon {
  display: inline-block;
  fill: #53585b;
  height: 15px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: -3px;
  width: 15px;
}
.ds-srp-top-line-breadcrumb-query {
  color: #b17b12;
}
.ds-srp-top-line-breadcrumb-item {
  background: none;
  border: none;
}
.ds-srp-top-line-button {
  display: none;
}
.ds-srp-top-line-results-for-mobile {
  display: none;
}
@media only screen and (max-width: 833px) {
  .ds-srp-top-line .ds-select {
    display: inline-block;
    margin-left: 10px;
  }
  .ds-srp-top-line .ds-select .ds-button {
    padding-left: 7px;
    padding-right: 7px;
  }
  .ds-srp-top-line .ds-select .ds-button-icon {
    height: 16px;
    margin-left: 5px;
    width: 16px;
  }
  .ds-srp-top-line-left {
    line-height: 19px;
  }
  .ds-srp-top-line-button {
    display: inline-block;
    margin-left: 10px;
    padding-left: 7px;
    padding-right: 7px;
  }
  .ds-srp-top-line-button .ds-button-icon {
    height: 16px;
    margin-left: 5px;
    width: 16px;
  }
  .ds-srp-top-line-results-for {
    display: none;
  }
  .ds-srp-top-line-results-for-mobile {
    display: block;
  }
  .ds-srp-top-line-breadcrumb {
    margin-left: 0;
  }
  .ds-srp-top-line-breadcrumb-icon {
    display: none;
  }
  .ds-srp-top-line-breadcrumb-item {
    display: none;
  }
  .ds-srp-top-line-breadcrumb-item:last-child {
    display: block;
  }
}

.ds-srp-filter-mobile.ds-popup-overlay {
  background: rgb(0 0 0%);
}
.ds-srp-filter-mobile-title {
  line-height: 16px;
  margin-top: 40px;
  padding: 0 16px;
  text-transform: uppercase;
}
.ds-srp-filter-mobile-title.ds--sub-head {
  margin-top: 16px;
}
.ds-srp-filter-mobile-title,
.ds-srp-filter-mobile-management-title {
  color: #80898e;
  font-size: 12px;
  font-weight: bolder;
  line-height: 20px;
  position: relative;
  top: 1px;
}
.ds-srp-filter-mobile-management {
  background-color: #fbfbfb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 20px;
  padding: 10px 15px;
}
.ds-srp-filter-mobile-management-clear {
  padding: 0;
}
.ds-srp-filter-mobile-management-clear-icon {
  margin-right: 6px;
  width: 12px;
}
.ds-srp-filter-mobile-management + .ds-srp-filter-mobile-list {
  margin-top: 0;
}
.ds-srp-filter-mobile-checkboxes .ds-srp-filter-mobile-list {
  margin-top: 0;
}
.ds-srp-filter-mobile-list:nth-of-type( n+2 ) {
  margin-top: 16px;
}
.ds-srp-filter-mobile-management + .ds-srp-filter-mobile-list:nth-of-type( n+2 ) {
  margin-top: 0;
}
.ds-srp-filter-mobile-list-item {
  padding: 15px 15px 15px 0;
}
.ds-srp-filter-mobile-list-item:last-of-type {
  border-bottom: none;
}
.ds-srp-filter-mobile-list-line {
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.ds-srp-filter-mobile-list-title {
  line-height: 20px;
}
.ds-srp-filter-mobile-list-amount {
  color: #7d8081;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  position: static;
}
.ds-srp-filter-mobile-list-link {
  margin-left: 7px;
  position: relative;
  top: 1px;
}
.ds-srp-filter-mobile-list-link svg {
  height: 25px;
  margin-right: -7px;
  margin-top: -5px;
  width: 21px;
}
.ds-srp-filter-mobile-list-link svg use {
  fill: #c0c9ce;
}
.ds-srp-filter-mobile-buttons {
  padding: 16px;
}
.ds-srp-filter-mobile-button {
  font-size: 15px;
  padding: 13px;
}

.ds-course-enrollment-title {
  color: #53585b;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}
.ds-course-enrollment-subtitle {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.ds-course-enrollment-subtitle-bold {
  font-weight: 500;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-speaker-courses-list-w {
  background: #fbfbfb;
  border-top: 1px solid #d5d5d5;
  margin: 0 -160px -45px;
  padding: 60px 160px;
}
@media only screen and (max-width: 1439px) {
  .ds-speaker-courses-list-w {
    margin-left: -80px;
    margin-right: -80px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-speaker-courses-list-w {
    margin: 0 -15px -20px;
    padding: 45px 15px;
  }
}
.ds-speaker-courses-list-title {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
@media only screen and (max-width: 833px) {
  .ds-speaker-courses-list-title {
    margin-bottom: 25px;
  }
}
.ds-speaker-courses-list-title .ds-title {
  margin-bottom: 0;
}
.ds-speaker-courses-list-icon {
  color: #aaa;
  margin-right: 10px;
  height: 23px;
  width: 33px;
}
@media only screen and (max-width: 833px) {
  .ds-speaker-courses-list-icon {
    height: 20px;
    width: 30px;
  }
}
.ds-speaker-courses-list-controls {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #d5d5d5;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-speaker-courses-list-controls {
    padding-bottom: 10px;
  }
}
.ds-speaker-courses-list-courses-qty {
  font-weight: 500;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-speaker-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 55px;
  margin-top: 35px;
}
@media only screen and (max-width: 833px) {
  .ds-speaker-info {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
.ds-speaker-info-text .ds-title {
  line-height: 0.8;
  margin-bottom: 25px;
}
@media only screen and (max-width: 833px) {
  .ds-speaker-info-text .ds-title {
    margin-bottom: 20px;
  }
}
.ds-speaker-info-text .ds-description {
  line-height: 22px;
}
.ds-speaker-info-text .ds-description p:last-child {
  margin-bottom: 0;
}
.ds-speaker-info-img {
  margin-left: 35px;
}
@media only screen and (max-width: 833px) {
  .ds-speaker-info-img {
    margin-bottom: 25px;
    margin-left: 0;
  }
}
.ds-speaker-info-img img {
  width: 319px;
}
@media only screen and (max-width: 1439px) {
  .ds-speaker-info-img img {
    width: 255px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-speaker-info-img img {
    width: 100%;
  }
}
.ds-speaker-info-more-button {
  font-size: 14px;
  font-weight: 500;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-regular-title {
  -ms-flex-align: center;
      align-items: center;
  background: #fbfbfb;
  border-bottom: 1px solid #d5d5d5;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 40px;
}
@media only screen and (max-width: 833px) {
  .ds-regular-title {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 26px 10px;
  }
}
.ds-regular-title-icon-cnt {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 20px 0 #d5d5d5;
  line-height: 60px;
  text-align: center;
  height: 60px;
  width: 60px;
}
.ds-regular-title-icon {
  fill: #7d8081;
  height: 35px;
  width: 35px;
}
.ds-regular-title-text {
  line-height: normal;
  padding-left: 26px;
}
@media only screen and (max-width: 833px) {
  .ds-regular-title-text {
    padding-left: 0;
    padding-top: 8px;
    text-align: center;
  }
}
.ds-regular-title-main-title,
.ds-regular-title-second-title {
  font-weight: 300;
  margin-bottom: 0;
}
.ds-regular-title-main-title {
  font-size: 40px;
}
@media only screen and (max-width: 833px) {
  .ds-regular-title-main-title {
    font-size: 32px;
  }
}
.ds-regular-title-second-title {
  font-size: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-regular-title-second-title {
    font-size: 16px;
  }
}
.ds-regular-title-third-title {
  color: #aaa;
  font-size: 20px;
  font-weight: normal;
  margin-left: 15px;
}
@media only screen and (max-width: 833px) {
  .ds-regular-title-third-title {
    display: block;
    font-size: 16px;
    margin-left: 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-impersonation-banner {
  font-size: 13px;
  margin: auto;
  max-width: 1440px;
}
.ds-impersonation-banner-mode {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 15px;
}
.ds-impersonation-banner-mode-icon {
  margin-right: 10px;
  height: 22px;
  width: 22px;
}
.ds-impersonation-banner-mode-employee {
  padding: 10px 0;
  white-space: nowrap;
}
.ds-impersonation-banner-mode-customer {
  border-left: 1px solid #e7e7e7;
  margin-left: 10px;
  padding: 10px 0 10px 15px;
}
@media only screen and (max-width: 833px) {
  .ds-impersonation-banner-mode-customer {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.ds-impersonation-banner-loader {
  background-color: #fff;
  min-height: 42px;
}
.ds-impersonation-banner-on-checkout {
  z-index: 15;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
}

.discoverSearchArticleContainer {
  padding: 0px 40px 0;
  font-family: 'Montserrat';
}
.discoverSearchArticleContainer a {
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
}
.discoverSearchArticleContainer .description {
  font-size: 12px;
}
.discoverSearchArticleContainer .articles {
  padding: 30px;
  border-bottom: 1px solid #C7CFD4;
  display: -ms-flexbox;
  display: flex;
}
.discoverSearchArticleContainer .article-info {
  -ms-flex: 1;
      flex: 1;
}
.discoverSearchArticleContainer .article-image {
  margin-right: 30px;
  width: 140px;
  text-align: center;
}
.discoverSearchArticleContainer .article-desktop {
  max-width: 140px;
}
.discoverSearchArticleContainer .viewmore {
  text-align: center;
  padding: 25px 0;
  line-height: 14px;
}
.discoverSearchArticleContainer .viewmore button {
  font-weight: 500;
  font-size: 14px;
  background: transparent;
  border: none;
  color: #0077c8;
}
.discoverSearchArticleContainer .viewmore button:hover {
  color: #0056b3;
}
@media only screen and (max-width: 833px) {
  .discoverSearchArticleContainer {
    padding: 0px;
  }
  .discoverSearchArticleContainer .articles {
    padding: 10px;
  }
  .discoverSearchArticleContainer .article-mobile-image {
    width: 107px;
    margin-right: 10px;
  }
  .discoverSearchArticleContainer .article-mobile {
    width: 107px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.searchInfoHeaderContainer .spacing {
  padding: 0 5px;
}
@media only screen and (max-width: 833px) {
  .searchInfoHeaderContainer .spacing {
    padding-left: 0px;
  }
}
.searchInfoHeaderContainer .mobile-view {
  display: none;
}
.searchInfoHeaderContainer .discover-ds-select {
  color: #80898e;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  width: auto;
}
.searchInfoHeaderContainer .discover-ds-select .dropdown {
  display: inline-block;
}
.searchInfoHeaderContainer .discover-ds-select .dropdown.show .discover-ds-select-toggle {
  background: none;
  border: none;
  box-shadow: none;
  color: #53585b;
}
.searchInfoHeaderContainer .discover-ds-select .dropdown.show .discover-ds-select-toggle:focus {
  box-shadow: none;
}
.searchInfoHeaderContainer .discover-ds-select .discover-ds-select-toggle,
.searchInfoHeaderContainer .discover-ds-select .discover-ds-select-toggle.btn-secondary:active {
  background: none;
  border: none;
  color: #53585b;
  font-weight: bold;
}
.searchInfoHeaderContainer .discover-ds-select .discover-ds-select-toggle:not( .focus-visible ):focus,
.searchInfoHeaderContainer .discover-ds-select .discover-ds-select-toggle:not( .focus-visible ):active:focus {
  box-shadow: none;
}
.searchInfoHeaderContainer .discover-ds-select .dropdown-menu {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 15px 0 rgba(83, 88, 91, 0.15);
  font-size: 12px;
  left: auto !important;
  min-width: auto;
  padding: 15px;
  right: 0;
  z-index: 1;
}
.searchInfoHeaderContainer .discover-ds-select .dropdown-item {
  color: #80898e;
  cursor: pointer;
  font-weight: 300;
  padding: 0;
  /* stylelint-disable */
  /* stylelint-enable */
}
.searchInfoHeaderContainer .discover-ds-select .dropdown-item:not( :first-child ) {
  margin-top: 5px;
}
@media (-moz-device-pixel-ratio: 0) {
  .searchInfoHeaderContainer .discover-ds-select .dropdown-item:hover {
    background: none;
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .searchInfoHeaderContainer .discover-ds-select .dropdown-item:hover {
    background: none;
    text-decoration: underline;
  }
}
@media (hover) {
  .searchInfoHeaderContainer .discover-ds-select .dropdown-item:hover {
    background: none;
    text-decoration: underline;
  }
}
.searchInfoHeaderContainer .discover-ds-select .dropdown-item:active {
  background: none;
  text-decoration: underline;
}
.searchInfoHeaderContainer .discover-ds-select .dropdown-item:active {
  color: #80898e;
}
.searchInfoHeaderContainer .discover-ds-select .dropdown-item:focus {
  background: none;
}
@media only screen and (max-width: 833px) {
  .searchInfoHeaderContainer .discover-ds-select .ds-button {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media only screen and (max-width: 833px) {
  .searchInfoHeaderContainer .discover-ds-select .ds-button-icon {
    margin-left: 5px;
    height: 16px;
    width: 16px;
  }
}
.searchInfoHeaderContainer .discover-ds-select-toggle {
  font-size: 14px;
  margin-left: 4px;
  padding: 0;
  vertical-align: top;
}
.searchInfoHeaderContainer .discover-ds-select-toggle span {
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .searchInfoHeaderContainer .discover-ds-select-toggle span:hover {
    text-decoration: underline;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .searchInfoHeaderContainer .discover-ds-select-toggle span:hover {
    text-decoration: underline;
  }
}
@media (hover) {
  .searchInfoHeaderContainer .discover-ds-select-toggle span:hover {
    text-decoration: underline;
  }
}
.searchInfoHeaderContainer .discover-ds-select-toggle span:active {
  text-decoration: underline;
}
.searchInfoHeaderContainer .infoHeader {
  background: #FBFBFB;
  border-bottom: 1px solid #C7CFD4;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Montserrat-Book';
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 15px 25px 15px 40px;
  width: 100%;
}
.searchInfoHeaderContainer .infoHeader .rightInfoHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.searchInfoHeaderContainer .infoHeader .searchQuery {
  font-weight: bold;
  margin-left: 5px;
  color: #B58320;
  font-family: 'Montserrat';
}
.searchInfoHeaderContainer .infoHeader .top-line-breadcrumb-icon {
  display: inline-block;
  fill: #53585b;
  height: 15px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: -3px;
  width: 15px;
}
.searchInfoHeaderContainer .infoHeader .sortDropdown {
  width: auto;
  margin-left: 5px;
  border: 0;
  background: none;
  padding: 0;
  display: inline-block;
  height: auto;
  font-size: inherit;
}
.searchInfoHeaderContainer .infoHeader .sortDropdown:focus {
  box-shadow: none;
}
.searchInfoHeaderContainer .infoHeader .sort-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
}
.searchInfoHeaderContainer .infoHeader .ds-select-item {
  font-size: 14px;
}
.searchInfoHeaderContainer .infoHeader .leftInfoHeader b {
  font-family: 'Montserrat';
}
@media only screen and (max-width: 833px) {
  .searchInfoHeaderContainer .desktop-view {
    display: none !important;
  }
  .searchInfoHeaderContainer .mobile-view {
    display: block;
  }
  .searchInfoHeaderContainer .infoHeader {
    padding-left: 20px;
    padding-right: 20px;
  }
  .searchInfoHeaderContainer .infoHeader .ds-select {
    display: inline-block;
    margin-left: 10px;
  }
  .searchInfoHeaderContainer .leftInfoHeader {
    line-height: 19px;
  }
  .searchInfoHeaderContainer .leftInfoHeader .searchQuery {
    margin-left: 0;
  }
  .searchInfoHeaderContainer .mobileSize {
    padding-left: 3px;
  }
  .searchInfoHeaderContainer .leftInfoHeaderText {
    display: none;
  }
  .searchInfoHeaderContainer .rightInfoHeader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .searchInfoHeaderContainer .sort-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
  .searchInfoHeaderContainer .discover-ds-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .searchInfoHeaderContainer .ds-select-item {
    font-size: 12px;
  }
}

.noSearchResultsContainer {
  text-align: center;
  padding: 60px 0;
}
.noSearchResultsContainer .search-icon {
  width: 40px;
  height: 40px;
  fill: #C1C9CD;
}
.noSearchResultsContainer h5 {
  font-size: 18px;
  color: #81898D;
  margin: 0;
  padding: 17px 0;
}
.noSearchResultsContainer h5 + p {
  font-size: 12px;
  color: #53585B;
  margin-bottom: 20px;
}
.noSearchResultsContainer .noResultsButton {
  display: inline-block;
}
.noSearchResultsContainer .noResultsButton a {
  background-color: #f6a800;
  border: 1px solid #f6a800;
  color: #241e0e;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 16px 15px 20px;
  border-radius: 4px;
  text-decoration: none;
  display: block;
  line-height: 15px;
}
.noSearchResultsContainer .noResultsButton a:hover {
  background-color: #e29a00;
}
@media only screen and (max-width: 833px) {
  .noSearchResultsContainer {
    padding: 60px 30px;
  }
  .noSearchResultsContainer h5 {
    padding: 17px 10px;
  }
  .noSearchResultsContainer .noResultsButton a {
    padding: 12px 10px 12px 15px;
    font-size: 12px;
    line-height: 12px;
  }
}

.addDentalContainer {
  font-family: "Montserrat";
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  background-color: #FFFFFF;
  box-shadow: 0 4px 20px 0 #53585b;
  padding: 10px 0 25px 0;
  width: 600px;
  margin: auto;
  position: absolute;
  top: 0;
  height: 320px;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 833px) {
  .addDentalContainer {
    width: 100%;
    height: 480px;
  }
}
.addDentalContainer .closeBlock {
  position: absolute;
  right: 15px;
  top: 5px;
}
.addDentalContainer .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem;
  color: #53585B;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  text-align: left;
  height: 130px;
}
.addDentalContainer .ds-orange {
  background-color: #FFCC00;
  border: 1px solid #FFCC00;
  color: #272727;
}
.addDentalContainer .ds-largeText {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0px;
  color: #272727;
  opacity: 1;
  line-height: 30px;
}
.addDentalContainer .ds-middleText {
  font-size: 20px;
  font-weight: medium;
}
.addDentalContainer .ds-smallText {
  font-size: 12px;
  font-weight: small;
}
.addDentalContainer .mobilePopup {
  width: 100%;
  height: 450px;
}

.addressInvalid .title {
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.3px;
}
.addressInvalid .text {
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
}
.addressInvalid .ds-radio {
  margin-top: 40px;
}
.addressInvalid .ds-row {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.addressInvalid .selected-address {
  margin-top: 35px;
}
.addressInvalid .card-section {
  margin: 40px 0 0 10px;
}
.addressInvalid .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  margin: 0px 10px 20px 30px;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid #eee;
  border-radius: 2px;
}
.addressInvalid .card-header-address {
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  padding: 0 5px;
  margin-bottom: 0;
  border-bottom: none;
}
.addressInvalid .card-header-address-text {
  color: #aaa;
  font-weight: 600;
  font-size: 13px;
}
.addressInvalid .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 270px;
  background-color: #fcfcfc;
  padding: 7px 5px 7px 7px;
}
.addressInvalid .card-text {
  font-weight: 400;
  margin-bottom: 0;
  padding: 0 5px;
  font-size: 14px;
  letter-spacing: 0;
}
.addressInvalid .alignRight {
  margin-left: 108px;
}
.addressInvalid .ds-edit {
  fill: #707070;
}
.addressInvalid .useSelectedBtn {
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin: 100px 0 0 0;
  padding: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.addressInvalid .continueBtn {
  margin-top: 10%;
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin-top: 150px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  font-family: "Montserrat";
  border: 1px solid transparent;
}
@media only screen and (max-width: 833px) {
  .addressInvalid .continueBtn {
    margin-top: 80px;
  }
}
.addressInvalid .continueBtn-disabled {
  background-color: #D8D8D8;
  border-color: #D8D8D8;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  margin: 50px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.addressInvalid .continueBtn-disabled-stickBottom {
  margin-top: 40%;
  background-color: #D8D8D8;
  border-color: #D8D8D8;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
@media only screen and (max-width: 833px) {
  .addressInvalid .continueBtn-disabled-stickBottom {
    margin-left: 35%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}
.addressVerification .title {
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0px;
  min-height: 58px;
  width: 416px;
  font-family: "Montserrat-Bold";
}
.addressVerification .text {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  color: #53575A;
  font-family: "Montserrat-Book";
  height: 52px;
  width: 367px;
}
@media only screen and (max-width: 833px) {
  .addressVerification .text {
    height: 70px;
    width: 341px;
  }
}
.addressVerification .ds-radio {
  margin-top: 40px;
}
.addressVerification .ds-row {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.addressVerification .selected-address {
  margin-top: 35px;
}
.addressVerification .card-section {
  margin: 40px 0 0 10px;
}
.addressVerification .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  margin: 0px 10px 20px 30px;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid #eee;
  border-radius: 2px;
}
.addressVerification .card-header-address {
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  padding: 0 5px;
  margin-bottom: 0;
  border-bottom: none;
}
.addressVerification .card-header-address-text {
  color: #80888D;
  font-size: 14px;
  font-family: "Montserrat-Bold";
}
.addressVerification .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 270px;
  background-color: #fcfcfc;
  padding: 7px 5px 7px 7px;
}
.addressVerification .card-text {
  font-weight: 400;
  margin-bottom: 0;
  padding: 0 5px;
  font-size: 14px;
  letter-spacing: 0;
}
.addressVerification .alignRight {
  margin-left: 125px;
}
.addressVerification .useSelectedBtn {
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin: 100px 0 0 0;
  padding: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.addressVerification .practiceAddress {
  margin: 35px 0 70px 0px;
}
.addressVerification .practiceAddress .radio-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.addressVerification .practiceAddress .radio-row .ds-radio {
  margin-top: 3px;
}
.addressVerification .practiceAddress .radio-row .ds-radio-label {
  padding: 0;
  margin-left: 5px;
  margin-right: 5px;
  letter-spacing: 0;
  font-family: "Montserrat-Book";
}
@-moz-document url-prefix() {
  .addressVerification .practiceAddress .radio-row .ds-radio-label {
    padding: 10px 0 0 0;
    margin-left: 5px;
    margin-right: 5px;
    letter-spacing: 0;
    font-family: "Montserrat-Book";
  }
}
.addressVerification .ds-edit {
  fill: #707070;
}
.addressVerification .continueBtnSpace {
  margin-top: 175px;
}
.addressVerification .continueBtn {
  margin-top: 10%;
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin-top: 70px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.addressVerification .continueBtn-disabled {
  background-color: #D8D8D8;
  border-color: #D8D8D8;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  margin-top: 70px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.addressVerification .continueBtn-disabled-stickBottom {
  margin-top: 40%;
  background-color: #D8D8D8;
  border-color: #D8D8D8;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
@media only screen and (max-width: 833px) {
  .addressVerification .continueBtn-disabled-stickBottom {
    margin-left: 35%;
  }
}
.addressVerification .ds-notify {
  border-radius: 2px;
  min-height: 75px;
  position: relative;
  width: 100%;
}
.addressVerification .ds-notify.ds--registration-warning {
  background-color: #fffdfa;
  border: 1px solid #f6a800;
  margin-bottom: 20px;
  margin-top: 15px;
  padding: 0;
  width: 416px !important;
}
@media only screen and (max-width: 833px) {
  .addressVerification .ds-notify.ds--registration-warning {
    width: 100% !important;
  }
}
.addressVerification .ds-notify.ds--registration-warning .ds-notify-title {
  color: #e29500 !important;
}
@media only screen and (max-width: 991.98px) {
  .addressVerification .ds-notify.ds--registration-warning .ds-notify-title {
    padding-left: 23px !important;
  }
}
.addressVerification .ds-notify.ds--registration-warning .ds-notify-content {
  padding: 20px 26px;
}
.addressVerification .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .addressVerification .ds-notify.ds--registration-warning .ds-notify-content-text {
    -ms-flex-flow: column;
        flex-flow: column;
  }
}
@media only screen and (max-width: 833px) {
  .addressVerification .ds-notify.ds--registration-warning .ds-notify-content-text-description {
    font-size: 12px;
    line-height: 20px;
    height: 55px !important;
    width: 311px !important;
  }
}
.addressVerification .ds-notify.ds--registration-warning .ds-notify-close-icon {
  fill: #e29500 !important;
}
.addressVerification .ds-notify.ds--registration-warning .ds-notify-icon {
  color: #e29500 !important;
  fill: #e29500 !important;
}
@media only screen and (max-width: 833px) {
  .addressVerification .ds-notify.ds--registration-warning .ds-notify-icon {
    position: absolute;
    top: 20px;
  }
}
@-moz-document url-prefix() {
  .addressVerification .ds-notify.ds--registration-warning .custom-space {
    position: relative !important;
    bottom: 0px !important;
    margin-right: 0px !important;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.progress-tracker-wrapper {
  background-color: #0077c8;
  border-left: none;
  /* height: 100%;
  width: 40%; */
  padding: 40px 0 40px 40px;
  position: relative;
}
@media only screen and (max-width: 833px) {
  .progress-tracker-wrapper {
    display: none;
  }
}
.progress-tracker-wrapper .return-link {
  position: absolute;
  bottom: 20px;
  text-align: center;
  display: block;
  left: 22%;
}
.progress-tracker-wrapper .return-link a {
  font-size: 14px;
  text-transform: initial;
  color: #fff;
  text-align: center;
  line-height: 16px;
  font-family: 'Montserrat';
  margin: 0;
  font-weight: 500;
  text-decoration: underline;
}
.progress-tracker-wrapper .return-link a:hover {
  text-decoration: underline;
  color: #fff;
}
.progress-tracker-wrapper .ds-register-data {
  margin-top: 30px;
  color: #fff;
  text-align: left;
  letter-spacing: 0px;
  font-size: 40px;
  padding-right: 19px;
  line-height: 48px;
  height: 60px;
  width: 90% !important;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  font-family: "Montserrat-Bold";
}
@media only screen and (max-width: 833px) {
  .progress-tracker-wrapper .ds-register-data {
    margin-top: 15px;
  }
}
.progress-tracker-wrapper .ds-register-data-text {
  color: #fff;
  text-align: left;
  letter-spacing: 0px;
  font-size: 24px;
  padding-right: 40px;
  line-height: 24px;
  font-family: "Montserrat-Bold";
}
@media only screen and (max-width: 833px) {
  .progress-tracker-wrapper .ds-register-data-text {
    margin-top: 15px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}
.emailVerification .title {
  color: #53575A;
  font-size: 24px;
  margin-bottom: 15px;
  font-family: 'Montserrat-Bold';
  line-height: 29px;
  text-align: initial;
}
@media only screen and (max-width: 833px) {
  .emailVerification .title {
    margin-top: 5%;
    font-size: 20px;
  }
}
.emailVerification .text {
  text-align: initial;
  margin: 0;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 20px;
  font-family: 'Montserrat-Book';
  color: #53575A;
}
.emailVerification .verificationCode {
  padding: 0;
  /* Firefox */
}
.emailVerification .verificationCode .elementLabel {
  color: #707070;
  font-family: 'Montserrat-Bold';
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
}
.emailVerification .verificationCode .elementInput {
  box-sizing: border-box;
  height: 38px;
  width: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Montserrat-Book";
}
@media only screen and (max-width: 833px) {
  .emailVerification .verificationCode .elementInput {
    width: 40%;
  }
}
.emailVerification .verificationCode input::-webkit-outer-spin-button,
.emailVerification .verificationCode input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.emailVerification .verificationCode input[type=number] {
  -moz-appearance: textfield;
}
.emailVerification .verificationCode .form-col10 {
  padding: 0;
}
.emailVerification .verificationCode .form-col10 {
  padding: 0;
}
.emailVerification .verifyBtn {
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin-left: 10px;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
  font-family: "Montserrat-Medium";
}
@media only screen and (max-width: 833px) {
  .emailVerification .verifyBtn {
    width: 25%;
  }
}
.emailVerification .verifyBtn.disabled {
  background-color: #eaecef;
  border-color: #ced4da;
  font-family: "Montserrat-Medium";
  color: #707070;
}
.emailVerification .resendVerifyLink {
  background: none;
  border: none;
  color: #0077c8;
  margin-left: -24px;
  font-family: 'Montserrat-Book';
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
}
@media only screen and (max-width: 833px) {
  .emailVerification .resendVerifyLink {
    margin-left: -120px;
    position: relative;
    left: -11px;
  }
}
.emailVerification .continueBtn {
  margin-top: 10%;
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin-top: 150px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
  font-family: "Montserrat-Medium";
}
.emailVerification .continueBtn-disabled {
  margin-top: 10%;
  background-color: #eaecef;
  border-color: #ced4da;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #707070;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
  font-family: "Montserrat-Medium";
}
.emailVerification .continueBtn-disabled-stickBottom {
  margin-top: 40%;
  background-color: #eaecef;
  border-color: #ced4da;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  padding: 12px;
  color: #707070;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
  font-family: "Montserrat-Medium";
}
@media only screen and (max-width: 833px) {
  .emailVerification .continueBtn-disabled-stickBottom {
    margin-left: 0%;
  }
}

.successSvgContainer {
  margin-left: 35%;
  margin-top: 31%;
}
.successSvgContainer svg {
  width: 126px;
  display: block;
  margin: 70px 0 0 0;
}
.successSvgContainer .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.successSvgContainer .path.circle {
  animation: dash 1.9s ease-in-out;
}
.successSvgContainer .path.line {
  stroke-dashoffset: 1000;
  animation: dash 1.9s 0.35s ease-in-out forwards;
}
.successSvgContainer .path.check {
  stroke-dashoffset: -100;
  animation: dash-check 1.9s 0.35s ease-in-out forwards;
}
.successSvgContainer p {
  text-align: center;
  margin: 20px 0 60px;
  font-size: 1.25em;
}
.successSvgContainer p.success {
  color: #73AF55;
}
.successSvgContainer p.error {
  color: #D06079;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

.errorSvgContainer {
  margin-left: 35%;
  margin-top: 20%;
}
.errorSvgContainer svg {
  width: 100px;
  display: block;
  margin: 70px 0 0 0;
}
.errorSvgContainer .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.errorSvgContainer .path.circle {
  animation: dash 1.9s ease-in-out;
}
.errorSvgContainer .path.line {
  stroke-dashoffset: 1000;
  animation: dash 1.9s 0.35s ease-in-out forwards;
}
.errorSvgContainer .path.check {
  stroke-dashoffset: -100;
  animation: dash-check 1.9s 0.35s ease-in-out forwards;
}
.errorSvgContainer p {
  text-align: center;
  margin: 20px 0 60px;
  font-size: 1.25em;
}
.errorSvgContainer p.success {
  color: #73AF55;
}
.errorSvgContainer p.error {
  color: #D06079;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.wrapper {
  width: 60%;
  padding: 40px 65px;
  display: inline-block;
}
@media only screen and (max-width: 833px) {
  .wrapper {
    width: 100%;
    margin-left: 0;
    padding: 15px;
  }
}
.wrapper .title-header {
  text-align: left;
  letter-spacing: 0px;
  color: #53575A;
  opacity: 1;
  line-height: 29px;
  font-family: "Montserrat-Bold";
  margin-bottom: 0;
  font-size: 24px;
}
.wrapper .small-input-field {
  width: 70%;
}
.wrapper .seperator {
  border-top: 1px solid #bec0c5;
  margin-bottom: 15px;
}
.wrapper .user-input-block {
  margin-top: 6px;
}
.wrapper .field-label {
  margin-top: 16px;
  text-align: left;
  color: #707070;
  font-family: "Montserrat-Bold";
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 1;
  line-height: 24px;
}
.wrapper .field-label2 {
  margin-top: 16px;
  text-align: left;
  color: #53585b;
  font-family: "Montserrat-Bold";
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 1;
  line-height: 22px;
}
.wrapper .email-label {
  margin-top: 16px;
  text-align: left;
  color: #707070;
  font-family: "Montserrat-Bold";
  font-size: 15px;
  letter-spacing: 0px;
  opacity: 1;
  line-height: 24px;
}
.wrapper .field-input {
  margin-top: 4px;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  color: #707070;
  font-family: "Montserrat-Book";
  font-size: 16px;
  letter-spacing: 0px;
  opacity: 1;
  line-height: 24px;
}
.wrapper .email-exist {
  margin-top: 4px;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #DC3545;
  border-radius: 4px;
  color: #53575A;
  font-family: "Montserrat-Book";
  font-size: 12px;
  letter-spacing: 0px;
  opacity: 1;
  line-height: 15px;
}
.wrapper .tooltip-custom .dsblue {
  width: 12px;
  height: 13px;
  color: #0676c5;
}
.wrapper .tooltip-custom .dsblue .fa-info-circle {
  color: #0676c5;
  font-size: 12px;
  width: 12px;
  height: 13px;
  letter-spacing: 0;
  line-height: 15px;
}
.wrapper .add-content {
  text-align: left;
  font-family: "Montserrat-Book";
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0px;
  color: #53585b;
  opacity: 1;
}
.wrapper .add-email-content {
  text-align: left;
  font-family: "Montserrat-Book";
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0px;
  color: #80888D;
  opacity: 1;
}
.wrapper .tnc-block {
  text-align: left;
  font-family: "Montserrat-Medium";
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  opacity: 1;
  margin: 0 0 30px 0;
  color: #53585b;
}
.wrapper .tnc-block a {
  font-family: "Montserrat-Medium";
  color: #1787E0;
}
.wrapper .optIn-block {
  letter-spacing: 0;
}
.wrapper .optIn-block .optIn-checkbox {
  margin-top: 5px;
  margin-right: 5px;
}
.wrapper .privacy-policy-block {
  text-align: left;
  font-family: "Montserrat-Book";
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  opacity: 1;
  margin: 30px 0 12px 0;
  color: #53585b;
}
.wrapper .privacy-policy-block a {
  color: #0077c8;
  font-family: "Montserrat";
}
.wrapper .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.wrapper .list-item {
  color: #53585b;
  font-size: 10px;
  line-height: 15px;
  font-size: 12px;
  letter-spacing: 0;
  box-sizing: border-box;
  font-family: "Montserrat-Book";
}
.wrapper .list-item li .weak-span {
  font-family: "Montserrat-Bold";
  font-size: 14px;
  line-height: 16px;
  color: #DC3545;
}
.wrapper .list-item li .strong-span {
  font-family: "Montserrat-Bold";
  font-size: 14px;
  line-height: 16px;
  color: #3EC97F;
}
.wrapper .span-password {
  color: #53585b;
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0;
  box-sizing: border-box;
  font-family: "Montserrat-Book";
}
.wrapper .checkmark {
  background: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/checkmark.png') no-repeat;
  display: inline-block;
  background-size: 12px 12px;
  content: '';
  height: 15px;
  width: 20px;
  background-position: 0px 3px;
}
.wrapper .crossmark {
  display: inline-block;
  background-size: 12px 12px;
  content: 'x';
  height: 15px;
  width: 20px;
  background-position: 0px 3px;
  color: red;
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
}
.wrapper .crossmark::after {
  content: '\2716';
}
.wrapper .password-input-container {
  position: relative;
}
.wrapper .password-input-container .eye-icon-wrapper {
  position: absolute;
  right: 2px;
  top: 10px;
}
.wrapper .password-input-container .eye-icon-wrapper .eye {
  background: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/eye-blue.svg') no-repeat;
  display: inline-block;
  background-size: cover;
  content: '';
  height: 16px;
  left: 50%;
  top: 6px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
}
.wrapper .password-input-container .eye-icon-wrapper .eye-closed {
  background: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/eye-closed-blue.svg') no-repeat;
  display: inline-block;
  background-size: cover;
  content: '';
  height: 16px;
  left: 50%;
  top: 6px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
}
.wrapper .blur-bg {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  pointer-events: none;
  cursor: default;
}
.wrapper .exit-link-hide {
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
.wrapper .exit-link-hide a {
  font-family: "Montserrat-Medium";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  color: #0077c8;
}
.wrapper .exit-link-show {
  color: #0077c8;
  text-align: center;
}
.wrapper .exit-link-show a {
  font-family: "Montserrat-Medium";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  color: #0077c8;
}
.wrapper .loginBtn {
  margin-top: 10%;
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin-top: 50px;
  margin-bottom: 25px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  font-family: "Montserrat-Medium";
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.wrapper .loginBtn-disabled {
  margin-top: 10%;
  background-color: #eaecef;
  border-color: #ced4da;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  font-family: "Montserrat-Medium";
  margin: 10px 0 25px 0;
  padding: 12px;
  color: #707070;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.wrapper .loginBtn:hover {
  background-color: #112C56;
  border-color: #112C56;
  color: #fff;
  font-family: "Montserrat-Medium";
  width: 100%;
}
.wrapper .tooltip-toggle2 {
  display: none;
  background: #fff;
  position: absolute;
  -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
  top: -15px;
  left: 10px;
  width: 215px;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #f9f9f9;
  padding: 15px 15px;
  opacity: 0;
  transition: opacity 2s ease;
}
@media only screen and (max-width: 833px) {
  .wrapper .tooltip-toggle2 {
    -ms-transform: translate(-78%, -100%);
        transform: translate(-78%, -100%);
  }
}
.wrapper .ds-notify-content-text {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .wrapper .ds-notify-content-text {
    -ms-flex-flow: column;
        flex-flow: column;
  }
}
.wrapper .ds-notify-content-text-description {
  font-family: "Montserrat-Book";
  font-size: 12px;
  line-height: 20px;
}
@media only screen and (max-width: 833px) {
  .wrapper .ds-notify-content-text-description {
    font-size: 12px;
    line-height: 18px;
    font-family: "Montserrat-Book";
  }
}
.wrapper .ds-notify-title {
  color: #0077c8;
}
.wrapper .ds-notify.ds--registration-warning {
  background-color: #fffdfa;
  border: 1px solid #f6a800;
  margin-bottom: 20px;
  margin-top: 15px;
  padding: 0;
  width: 100%;
}
.wrapper .ds-notify.ds--registration-warning .ds-notify-title {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #b17b12;
  margin: 0 14px 0 0;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Medium";
}
@media only screen and (max-width: 991.98px) {
  .wrapper .ds-notify.ds--registration-warning .ds-notify-title {
    padding-bottom: 11px;
    padding-left: 35px;
  }
}
@media only screen and (max-width: 991.98px) {
  .wrapper .ds-notify.ds--registration-warning .ds-notify-icon {
    position: absolute;
    top: 28px;
  }
}
.wrapper option {
  color: #53585b;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Book";
}
.wrapper .select-default {
  color: #53585b;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Book";
}
.wrapper .select-change {
  color: #aaa;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Book";
}
.wrapper select:after {
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.wrapper .list-style-flex {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 425px) {
  .wrapper #character-check-margin {
    margin-right: 3px;
  }
}
.tooltip-toggle2 {
  display: none;
  background: #fff;
  position: absolute;
  -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
  top: -15px;
  left: 10px;
  width: 215px;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #f9f9f9;
  padding: 15px 15px;
  opacity: 0;
  transition: opacity 2s ease;
}
@media only screen and (max-width: 833px) {
  .tooltip-toggle2 {
    -ms-transform: translate(-78%, -100%);
        transform: translate(-78%, -100%);
  }
}
a.tooltip-custom {
  position: relative;
}
a.tooltip-custom:hover .tooltip-toggle2 {
  display: block;
  opacity: 1;
}
a.tooltip-custom .dsblue {
  color: #0056b3;
}
.tooltip-toggle2::after {
  bottom: -10px;
  left: 50%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
}
.email-invitation-message {
  text-align: left;
  font-family: "Montserrat-Book";
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0px;
  color: #80888D;
  opacity: 1;
}

.exitModalContainer {
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 20px 0 #53585b;
  padding: 10px 0 25px 0;
  width: 441px;
  margin: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  height: 284px;
}
@media only screen and (max-width: 833px) {
  .exitModalContainer {
    width: 335px;
  }
}
.exitModalContainer .modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  color: #53585B;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
}
.exitModalContainer .modal-header .ds-popup-header {
  color: #53585b;
  font-size: 16px;
  line-height: 22px;
  font-family: "Montserrat-Medium";
  margin: 0;
  white-space: break-spaces;
  overflow-wrap: break-word;
  text-align: start;
}
@media only screen and (max-width: 833px) {
  .exitModalContainer .modal-header .ds-popup-header {
    padding-right: 0px;
  }
}
.exitModalContainer .modal-header .closeBlock .ds-cancel-icon {
  position: relative;
  float: right;
  height: 30px;
  width: 15px;
  fill: #aaa;
  cursor: pointer;
}
.exitModalContainer .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem;
  color: #53575A;
  font-size: 14px;
  line-height: 22px;
  font-family: "Montserrat-Book";
  letter-spacing: 0;
  text-align: left;
  height: 150px;
}
.exitModalContainer .modal-buttons-container {
  box-sizing: border-box;
  border-top: 1px solid #C0C9CE;
  padding-top: 10px;
  text-align: end;
  padding-right: 12px;
}
.exitModalContainer .modal-buttons-container .ds-blue {
  background-color: #fff;
  border: 1px solid #0077c8;
  margin-right: 10px;
  color: #0077c8;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Medium";
}
.exitModalContainer .modal-buttons-container .ds-orange {
  background-color: #FFCC00;
  border: 1px solid #FFCC00;
  color: #000;
  width: 145px;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Medium";
}

.resendInviteModalContainer {
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 20px 0 #53585b;
  padding: 10px 0 25px 0;
  width: 441px;
  margin: auto;
  position: absolute;
  top: 20%;
  height: 284px;
}
@media only screen and (max-width: 833px) {
  .resendInviteModalContainer {
    width: 335px;
    margin-left: 20px;
  }
}
.resendInviteModalContainer .modalContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  color: #53585B;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
}
.resendInviteModalContainer .modalContent .modalHeader {
  color: #53585b;
  font-size: 16px;
  line-height: 22px;
  font-family: "Montserrat-Medium";
  margin: 0;
  white-space: break-spaces;
  overflow-wrap: break-word;
  text-align: start;
}
@media only screen and (max-width: 833px) {
  .resendInviteModalContainer .modalContent .modalHeader {
    padding-right: 0px;
  }
}
.resendInviteModalContainer .modalBody {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem;
  color: #53575A;
  font-size: 14px;
  line-height: 22px;
  font-family: "Montserrat-Book";
  letter-spacing: 0;
  text-align: left;
  height: 150px;
}
@media only screen and (max-width: 833px) {
  .resendInviteModalContainer .modalBody {
    height: 140px;
  }
}
.resendInviteModalContainer .modalButtons {
  box-sizing: border-box;
  border-top: 1px solid #C0C9CE;
  padding-top: 10px;
  text-align: end;
  padding-right: 12px;
}
.resendInviteModalContainer .modalButtons .ds-orange {
  background-color: #FFCC00;
  border: 1px solid #FFCC00;
  color: #000;
  width: 145px;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Medium";
  padding: 10px 0;
}

.exitModalContainer {
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 20px 0 #53585b;
  padding: 10px 0 25px 0;
  width: 441px;
  margin: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  height: 284px;
}
@media only screen and (max-width: 833px) {
  .exitModalContainer {
    width: 335px;
  }
}
.exitModalContainer .modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  color: #53585B;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
}
.exitModalContainer .modal-header .ds-popup-header {
  color: #53585b;
  font-size: 16px;
  line-height: 22px;
  font-family: "Montserrat-Medium";
  margin: 0;
  white-space: break-spaces;
  overflow-wrap: break-word;
  text-align: start;
}
@media only screen and (max-width: 833px) {
  .exitModalContainer .modal-header .ds-popup-header {
    padding-right: 0px;
  }
}
.exitModalContainer .modal-header .closeBlock .ds-cancel-icon {
  position: relative;
  float: right;
  height: 30px;
  width: 15px;
  fill: #aaa;
  cursor: pointer;
}
.exitModalContainer .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem;
  color: #53575A;
  font-size: 14px;
  line-height: 22px;
  font-family: "Montserrat-Book";
  letter-spacing: 0;
  text-align: left;
  height: 150px;
}
.exitModalContainer .modal-buttons-container {
  box-sizing: border-box;
  border-top: 1px solid #C0C9CE;
  padding-top: 10px;
  text-align: end;
  padding-right: 12px;
}
.exitModalContainer .modal-buttons-container .ds-blue {
  background-color: #fff;
  border: 1px solid #0077c8;
  margin-right: 10px;
  color: #0077c8;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Medium";
}
.exitModalContainer .modal-buttons-container .ds-orange {
  background-color: #FFCC00;
  border: 1px solid #FFCC00;
  color: #000;
  width: 145px;
  font-size: 14px;
  line-height: 16px;
  font-family: "Montserrat-Medium";
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}
.toggleDentalContainer h2 {
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
  letter-spacing: 0;
  line-height: 29px;
  color: #53575A;
  font-family: 'Montserrat-Bold';
}
@media only screen and (max-width: 833px) {
  .toggleDentalContainer h2 {
    font-size: 24px;
  }
}
.toggleDentalContainer h6 {
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  margin-top: 10px;
  line-height: 19px;
  margin-bottom: 30px;
  color: #53575A;
  font-family: 'Montserrat-Medium';
}
.toggleDentalContainer p {
  font-family: 'Montserrat-Book';
  font-size: 14px;
  line-height: 20px;
  color: #53575A;
}
.toggleDentalContainer .image {
  height: 120px;
  width: 125px;
  margin-left: 130px;
  margin-top: 26px;
  margin-bottom: 26px;
}
@media only screen and (max-width: 833px) {
  .toggleDentalContainer .image {
    margin-left: 100px;
  }
}
.toggleDentalContainer .title {
  font-size: 22px;
}
@media only screen and (max-width: 833px) {
  .toggleDentalContainer .title {
    margin-top: 5%;
    font-size: 20px;
  }
}
.toggleDentalContainer .radio-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.toggleDentalContainer .radio-row .ds-radio {
  margin-top: 3px;
  color: #00000099;
}
@-moz-document url-prefix() {
  .toggleDentalContainer .radio-row .ds-radio {
    margin-top: -7px;
  }
}
.toggleDentalContainer .radio-row .ds-radio-label {
  padding: 0;
  font-size: 14px;
  margin-left: 5px;
  line-height: 20px;
  margin-right: 4px;
  letter-spacing: 0;
  font-family: 'Montserrat-Book';
  color: #53585b;
}
@media only screen and (max-width: 833px) {
  .toggleDentalContainer .radio-row .ds-radio-label {
    max-width: 245px;
  }
}
.toggleDentalContainer .buttons {
  margin-top: 7%;
}
@media only screen and (max-width: 833px) {
  .toggleDentalContainer .buttons {
    margin-top: 5%;
  }
}
.toggleDentalContainer .buttons .continueBtn {
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
  font-family: "Montserrat-Medium";
}
.toggleDentalContainer .buttons .continueBtn-disabled {
  background-color: #eaecef;
  border-color: #ced4da;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #707070;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
  font-family: "Montserrat-Medium";
}
.toggleDentalContainer .buttons .standardaBtn {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
  color: #0077c8;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  opacity: 1;
  border-color: #0077c8;
  border: 2px solid #0077c8;
  font-family: "Montserrat-Medium";
}
@-moz-document url-prefix() {
  .toggleDentalContainer .buttons .standardaBtn {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    margin: 10px 0 49px 0;
    padding: 10px;
    color: #0077c8;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    opacity: 1;
    border-color: #0077c8;
    border: 2px solid #0077c8;
    font-family: "Montserrat-Medium";
  }
}
.toggleDentalContainer .tooltip-toggle {
  left: -30px;
}
@media only screen and (max-width: 833px) {
  .toggleDentalContainer .tooltip-toggle {
    -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
  }
}
.toggleDentalContainer .displayButtonAtBottom {
  margin-top: 70%;
}
@media only screen and (max-width: 833px) {
  .toggleDentalContainer .displayButtonAtBottom {
    margin-top: 40%;
  }
}

.skipDentalContainer {
  font-family: "Montserrat";
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 20px 0 #53585b;
  padding: 10px 0 25px 0;
  width: 420px;
  margin: auto;
  position: absolute;
  height: 284px;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.skipDentalContainer.addTop {
  top: 20%;
}
@media only screen and (max-width: 833px) {
  .skipDentalContainer {
    width: 350px;
  }
}
.skipDentalContainer .modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  color: #53585B;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  bottom: 6px;
}
.skipDentalContainer .modal-header .ds-popup-header {
  color: #53585b;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
@media only screen and (max-width: 833px) {
  .skipDentalContainer .modal-header .ds-popup-header {
    padding-right: 26px;
  }
}
.skipDentalContainer .modal-header .closeBlock .ds-cancel-icon {
  position: relative;
  float: right;
  height: 30px;
  width: 15px;
  fill: #aaa;
  cursor: pointer;
}
.skipDentalContainer .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem;
  color: #53585B;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  text-align: left;
  height: 130px;
}
.skipDentalContainer .modal-buttons-container {
  box-sizing: border-box;
  border-top: 1px solid #C0C9CE;
  padding-top: 18px;
  text-align: end;
  padding-right: 12px;
}
.skipDentalContainer .modal-buttons-container .ds-blue {
  background-color: #fff;
  border: 1px solid #0077c8;
  margin-right: 10px;
  color: #0077c8;
}
.skipDentalContainer .modal-buttons-container .ds-orange {
  background-color: #FFCC00;
  border: 1px solid #FFCC00;
  color: #272727;
  min-width: 145px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 833px) {
  .newCustomerContainer {
    padding: 0 16px;
  }
}
.newCustomerContainer h2 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 20px;
  letter-spacing: 0;
  line-height: 29px;
  border-bottom: 1px solid #d8d8d8;
  font-family: "Montserrat-Bold";
  color: #53575A;
}
@media only screen and (max-width: 833px) {
  .newCustomerContainer h2 {
    font-size: 24px;
  }
}
.newCustomerContainer p {
  font-family: "Montserrat-Book";
  font-size: 12px;
  line-height: 15px;
  color: #53585b;
  margin-bottom: 0px !important;
}
.newCustomerContainer .elementTitle {
  color: #80888D;
  font-family: "Montserrat-Bold";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 24px;
}
.newCustomerContainer .inputValue {
  border: 1px solid #ced4da;
  font-family: "Montserrat-Book";
}
.newCustomerContainer .inputValue.countryDisabled {
  background-color: #eee;
}
@media only screen and (max-width: 833px) {
  .newCustomerContainer .inputVal2 {
    -ms-flex: 0 0 35%;
        flex: 0 0 35%;
    max-width: 35%;
  }
}
@media only screen and (max-width: 833px) {
  .newCustomerContainer .inpulVal3 {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 833px) {
  .newCustomerContainer .inpulVal3 .form-col8 {
    margin-right: 15px;
    -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
}
@media only screen and (max-width: 833px) {
  .newCustomerContainer .inputVal {
    -ms-flex: 0 0 79.666667%;
        flex: 0 0 79.666667%;
    max-width: 79.666667%;
  }
}
.newCustomerContainer .form-col12 {
  padding: 0;
}
.newCustomerContainer .form-col10 {
  padding: 0;
  margin-right: 30px;
}
.newCustomerContainer .form-col7 {
  padding: 0;
}
.newCustomerContainer .form-col8 {
  padding: 0;
  margin-right: 45px;
}
.newCustomerContainer .form-col4 {
  padding: 0;
  margin-right: 230px;
  margin-top: 15px;
}
.newCustomerContainer .form-col3 {
  padding: 0;
}
.newCustomerContainer .addAddressLine {
  color: #1787E0;
  font-family: "Montserrat-Book";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 20px;
  display: inline-block;
}
.newCustomerContainer .phoneNumberBorder {
  border-top: 1px solid #d8d8d8;
  margin-top: 35px;
  margin-bottom: -30px;
}
.newCustomerContainer a.tooltip-custom {
  padding-left: 5px;
}
.newCustomerContainer .loginBtn {
  margin-top: 10%;
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin-top: 50px;
  margin-bottom: 25px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  font-family: "Montserrat-Medium";
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.newCustomerContainer .loginBtn-disabled {
  margin-top: 10%;
  background-color: #eaecef;
  border-color: #ced4da;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  font-family: "Montserrat-Medium";
  margin: 10px 0  0 0;
  padding: 12px;
  color: #707070;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.newCustomerContainer .phoneNumber {
  margin-top: 25px;
  margin-bottom: -30px;
}
.newCustomerContainer .ds-date-picker-w {
  position: relative;
}
.newCustomerContainer .ds-date-picker-w .react-datepicker-wrapper {
  display: block;
}
.newCustomerContainer .ds-date-picker-w .react-datepicker-wrapper .react-datepicker__input-container {
  display: block;
}
.newCustomerContainer .ds-date-picker-w .ds-delivery-options-calendar {
  bottom: 12px;
}
.skipDentalBtn {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  opacity: 1;
  border-color: #0077c8;
  border: 2px solid #0077c8;
  font-family: "Montserrat-Bold";
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}
.existingCustomerContainer {
  font-family: "Montserrat";
  color: #53575A;
}
.existingCustomerContainer h2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
}
@media only screen and (max-width: 833px) {
  .existingCustomerContainer h2 {
    font-size: 24px;
  }
}
.existingCustomerContainer .field-label {
  margin-top: 16px;
  text-align: left;
  color: #80888D;
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 1;
  line-height: 15px;
  font-weight: bold;
}
.existingCustomerContainer .field-input {
  margin-top: 4px;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #bec0c5;
  border-radius: 4px;
  color: #53575A;
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 1;
  line-height: 16px;
  font-weight: normal;
}
.existingCustomerContainer .tooltip-text {
  margin-bottom: 0;
  color: #0077c8;
  font-size: 12px;
  margin-right: 5px;
  margin-top: 6px;
}
.existingCustomerContainer .icon-blue {
  margin-top: 6px;
}
.existingCustomerContainer .buttons {
  padding-top: 60%;
}
@media only screen and (max-width: 833px) {
  .existingCustomerContainer .buttons {
    padding-top: 65%;
  }
}
.existingCustomerContainer .buttons .continueBtn {
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.existingCustomerContainer .buttons .continueBtn-disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.existingCustomerContainer .standardaBtn {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  opacity: 1;
  border-color: #0077c8;
  border: 2px solid #0077c8;
}

.accLookupModalContainer {
  font-family: "Montserrat";
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 20px 0 #53585b;
  padding: 10px 0 25px 0;
  width: 441px;
  margin: auto;
  margin-top: 4px;
  position: absolute;
  top: 5%;
  height: 575px;
}
.accLookupModalContainer .modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  letter-spacing: 0;
}
.accLookupModalContainer .modal-header .ds-popup-header {
  color: #53585b;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 22px;
  margin-left: 8px;
  height: 85px;
  width: 357px;
}
.accLookupModalContainer .modal-header .closeBlock .ds-cancel-icon {
  position: relative;
  float: right;
  height: 30px;
  width: 15px;
  fill: #aaa;
  cursor: pointer;
  margin-right: 10px;
  top: -4px;
}
.accLookupModalContainer .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem;
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  text-align: left;
  height: 330px;
}
.accLookupModalContainer .modal-body .imgContainer .image1 {
  height: 150px;
  margin-left: 41px;
  margin-top: 10px;
}
.accLookupModalContainer .modal-body .imgContainer .image2 {
  height: 150px;
  margin-left: 41px;
  margin-top: 15px;
}
.accLookupModalContainer .modal-buttons-container {
  box-sizing: border-box;
  border-top: 1px solid #C0C9CE;
  text-align: end;
  padding-right: 40px;
  margin-top: 28px;
}
.accLookupModalContainer .modal-buttons-container .ds-orange {
  background-color: #FFCC00;
  border: 1px solid #FFCC00;
  color: #000;
  width: 350px;
  height: 40px;
  font-weight: 400;
  margin-top: -4px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}
.accountFoundContainer {
  font-family: "Montserrat";
  color: #53575A;
}
.accountFoundContainer h2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 25px;
  margin-top: 15px;
}
@media only screen and (max-width: 833px) {
  .accountFoundContainer h2 {
    font-size: 24px;
  }
}
.accountFoundContainer h4 {
  font-family: "Montserrat-Medium";
  font-size: 16px;
  letter-spacing: 0;
  margin-top: 36px;
}
@media only screen and (max-width: 833px) {
  .accountFoundContainer h4 {
    font-size: 14px;
  }
}
.accountFoundContainer .support-text {
  font-size: 12px;
}
@media only screen and (max-width: 833px) {
  .accountFoundContainer .support-text {
    margin-top: 20px;
  }
}
.accountFoundContainer .ds-row {
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.accountFoundContainer .ds-row .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  margin: 0px 10px 8px 0px;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.accountFoundContainer .ds-row .card .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  padding: 8px;
}
.accountFoundContainer .ds-row .card .card-body .card-content {
  padding: 5px;
}
.accountFoundContainer .ds-row .card .card-body .card-content .card-text {
  font-weight: 400;
  margin-bottom: 0;
  padding: 0 5px;
  font-size: 14px;
  letter-spacing: 0;
}
.accountFoundContainer .buttons {
  margin-top: 10%;
}
@media only screen and (max-width: 833px) {
  .accountFoundContainer .buttons {
    margin-top: 76%;
  }
}
.accountFoundContainer .buttons .useSelectBtn {
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin-top: 10px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.accountFoundContainer .buttons .useSelectBtn-disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.accountFoundContainer .buttons .standardaBtn {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  opacity: 1;
  border-color: #0077c8;
  border: 2px solid #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}
.noAccountFoundContainer {
  font-family: "Montserrat";
  color: #53575A;
}
.noAccountFoundContainer .warning {
  font-size: 12px;
}
.noAccountFoundContainer .ds-notify.ds--registration-error .ds-notify-title {
  padding-left: 20px;
}
.noAccountFoundContainer .ds-notify.ds--registration-error .ds-notify-icon {
  position: absolute;
}
@media only screen and (max-width: 991.98px) {
  .noAccountFoundContainer .ds-notify.ds--registration-error .ds-notify-icon {
    top: 28px;
  }
}
.noAccountFoundContainer h2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
}
@media only screen and (max-width: 833px) {
  .noAccountFoundContainer h2 {
    font-size: 24px;
  }
}
.noAccountFoundContainer .img-align {
  text-align: center;
  margin-top: 12%;
}
.noAccountFoundContainer .img-align .notFoundImg {
  height: 176px;
  width: 192px;
}
@media only screen and (max-width: 833px) {
  .noAccountFoundContainer .img-align .notFoundImg {
    height: 147px;
    width: 161px;
  }
}
.noAccountFoundContainer .buttons {
  margin-top: 19%;
}
@media only screen and (max-width: 833px) {
  .noAccountFoundContainer .buttons {
    margin-top: 47px;
  }
}
.noAccountFoundContainer .buttons .reEnterBtn {
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.noAccountFoundContainer .buttons .reEnterBtn-disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.noAccountFoundContainer .buttons .standardaBtn {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  opacity: 1;
  border-color: #0077c8;
  border: 2px solid #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.dsPointsContainer .title-header {
  margin-bottom: 32px;
  margin-top: 0px;
  text-align: left;
  letter-spacing: 0px;
  opacity: 1;
  line-height: 29px;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 24px;
  color: #53575A;
  font-style: normal;
  font-variant: normal;
}
.dsPointsContainer .text {
  margin-top: 24px;
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: "Montserrat";
  line-height: 20px;
  letter-spacing: 0px;
  color: #53575A;
  opacity: 1;
}
.dsPointsContainer .bullet-text {
  margin-top: 24px;
  line-height: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  /* mentioned as medium in design  */
  font-size: 16px;
  font-family: "Montserrat";
  text-align: left;
  color: #53575A;
  letter-spacing: 0px;
  opacity: 1;
}
.dsPointsContainer .bullet-text .icon-size {
  height: 25px;
  width: 25px;
  margin-right: 10px;
}
.dsPointsContainer .one-ds-text {
  font-weight: bold;
  /* mentioned as medium in design  */
  color: #0069B7;
}
.dsPointsContainer .sub-text {
  margin-top: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: "Montserrat";
  line-height: 15px;
  text-align: left;
  letter-spacing: 0px;
  color: #80888D;
  opacity: 1;
}
.dsPointsContainer .sub-text a {
  color: #0069B7;
}
.dsPointsContainer .eye-closed {
  /* style to be added for success symbol */
  background: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/eye-closed.svg') no-repeat;
  display: inline-block;
  background-size: cover;
  content: '';
  height: 16px;
  left: 50%;
  top: 6px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
}
.dsPointsContainer .button-primary {
  background-color: #0077C8;
  border: #0077C8 1px solid;
  margin-top: 42px;
  font-size: 16px;
  background-position: padding-box;
  border-radius: 4px;
  width: 100%;
  color: #ffffff;
  height: 40px;
  text-align: center;
  letter-spacing: 0px;
  opacity: 1;
}
.dsPointsContainer .button-secondary {
  color: #0077C8;
  margin-top: 16px;
  background-position: padding-box;
  font-size: 16px;
  border-radius: 4px;
  border: #0077C8 1px solid;
  width: 100%;
  background-color: #ffffff;
  height: 40px;
  text-align: center;
  letter-spacing: 0px;
  opacity: 1;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.eot');
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.woff2') format('woff2'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.woff') format('woff'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.ttf') format('truetype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}
@font-face {
  font-family: "Montserrat-Book";
  font-style: normal;
  font-weight: 300;
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.eot');
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.woff2') format('woff2'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.woff') format('woff'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.ttf') format('truetype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}
@font-face {
  font-family: "Montserrat-Medium";
  font-style: normal;
  font-weight: 500;
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Medium.eot');
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Medium.woff2') format('woff2'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Medium.woff') format('woff'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Medium.ttf') format('truetype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  font-weight: 700;
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Bold.eot');
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Bold.woff2') format('woff2'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Bold.woff') format('woff'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Bold.ttf') format('truetype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
}
input[type="search"] {
  -webkit-appearance: searchfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.joinPracticeContainer {
  font-family: "Montserrat";
  color: #53575A;
}
.joinPracticeContainer .title {
  font-size: 24px;
  line-height: 29px;
  font-weight: 800;
  margin-bottom: 17px;
}
@media only screen and (max-width: 833px) {
  .joinPracticeContainer .title {
    width: 343px;
    height: 58px;
  }
}
.joinPracticeContainer .text {
  font-size: 14px;
  line-height: 20px;
}
.joinPracticeContainer .success-box {
  width: 416px;
  height: 117px;
}
@media only screen and (max-width: 833px) {
  .joinPracticeContainer .success-box {
    width: 343px;
  }
}
.joinPracticeContainer .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  margin: 0px 115px 8px 0px;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-top: 26px !important;
}
@media only screen and (max-width: 833px) {
  .joinPracticeContainer .card {
    margin: 0px 73px 8px 0px;
  }
}
.joinPracticeContainer .card .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  padding: 8px;
}
.joinPracticeContainer .card .card-body .card-header-address {
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  margin-bottom: 0;
  border-bottom: none;
}
.joinPracticeContainer .card .card-body .card-header-address-text {
  color: #aaa;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 16px;
}
@media only screen and (max-width: 833px) {
  .joinPracticeContainer .card .card-body .card-header-address-text {
    margin-bottom: 5px;
  }
}
.joinPracticeContainer .card .card-body .card-content {
  padding: 5px 0;
}
.joinPracticeContainer .card .card-body .card-content .card-text {
  font-weight: 400;
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
@media only screen and (max-width: 833px) {
  .joinPracticeContainer .card .card-body .card-content .card-text {
    padding: 0;
  }
}
.joinPracticeContainer .userData {
  padding: 0;
  margin-bottom: 15px;
}
.joinPracticeContainer .userData .isInvalid {
  border-color: red;
}
.joinPracticeContainer .support-text {
  font-size: 12px;
  line-height: 15px;
  margin-top: 24px;
  margin-bottom: 40px;
}
.joinPracticeContainer .buttons .sendRequest {
  opacity: 1;
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.joinPracticeContainer .buttons .sendRequest-disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  opacity: 1;
  width: 100%;
  border-radius: 4px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  border: 1px solid transparent;
}
.joinPracticeContainer .standardaBtn {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  opacity: 1;
  border-color: #0077c8;
  border: 2px solid #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.clearfix {
  clear: both;
}
.registration-container {
  margin: 5% auto 10%;
  width: 916px;
  height: 660px;
  /* overflow: auto;
    overflow-x: hidden; */
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 10px 10px 20px 5px #d8d8d8;
  padding-left: 0;
  padding-right: 0;
}
.registration-container .vertical-scroll {
  height: 660px;
  overflow-y: scroll;
}
@media only screen and (max-width: 833px) {
  .registration-container {
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    height: 100% !important;
  }
}
.registration-container .button-wrapper {
  margin: 24px 0 12px 0;
  text-align: center;
}
.registration-container .button-wrapper .btn-primary {
  background-color: #0077c8;
  border-color: #0077c8;
  width: 100%;
}
.registration-container .exit-link {
  padding: 12px;
  text-align: center;
  color: #0069B7;
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: medium;
}
.registration-container .error-msg {
  font-size: 12px;
  color: red;
  font-family: "Montserrat";
  margin-top: 8px;
  text-align: left;
  letter-spacing: 0px;
  line-height: 15px;
}
.registration-container .ds-notify.ds--registration-warning {
  border: none;
  border-left: 6px solid #f6a800;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content {
  background: #FFF8E8;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-warning .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error {
  border: none;
  border: 2px solid #F5C6CB;
  border-left: 6px solid #DC3545;
  background: #F8D7DA;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content {
  background: #F8D7DA;
  padding: 10px 15px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-inner {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-content-text-description {
  margin-top: 10px;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-icon {
  color: #DC3545;
  fill: #DC3545;
}
.registration-container .ds-notify.ds--registration-error .ds-notify-title {
  color: #DC3545;
}
.registration-container .ds-notify.ds--registration-success {
  border: none;
  border-left: 6px solid #019D4E;
  background: #019D4E14;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content {
  padding: 10px 15px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content {
    padding: 10px 9px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
  display: inline;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-inner {
    display: -ms-flexbox;
    display: flex;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text {
  display: inline;
}
.registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-content-text-description {
    margin-top: 0;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-icon {
  color: #019D4E;
  fill: #019D4E;
  margin-top: 2px;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-icon {
    margin-top: -10px;
  }
}
.registration-container .ds-notify.ds--registration-success .ds-notify-title {
  color: #019D4E;
}
@media only screen and (max-width: 833px) {
  .registration-container .ds-notify.ds--registration-success .ds-notify-title {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .modal-overlay {
    background-color: rgba(213, 213, 213, 0.89);
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer {
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .mobModalContainer .ds-button {
    width: 30%;
  }
}
.mobModalContainer .ds-popup-close-button {
  top: 25px;
}
.mobModalContainer .ds-popup-close-button.ds-popup-close {
  right: 0px;
  top: 7px;
  left: 1px;
}
@media only screen and (max-width: 833px) {
  #registration-header-template .ds-top-nav-logo-container {
    padding: 0 !important;
  }
}
.registrationSuccess {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.registrationSuccess .title {
  width: 416px;
  height: 58px;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.3px;
  text-align: center;
  font-family: "Montserrat-Bold";
}
@media only screen and (max-width: 833px) {
  .registrationSuccess .title {
    width: 100%;
    height: 100%;
  }
}
.registrationSuccess .text {
  font-size: 16px;
  letter-spacing: 0;
  margin-top: 60px;
  line-height: 18px;
  text-align: center;
  font-family: "Montserrat-Medium";
}
.registrationSuccess .buttons {
  margin-top: 10%;
}
.registrationSuccess .img-success {
  width: 110px;
  height: 110px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
.registrationSuccess .btn-goToHome {
  width: 100%;
  background-color: #0077c8;
  border-color: #0077c8;
  border-radius: 4px;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  font-family: "Montserrat-Medium";
  border: 1px solid transparent;
}
.registrationSuccess .btn-add {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  margin: 20px 0 0 0;
  padding: 12px;
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  font-family: "Montserrat-Medium";
  border: 1px solid #0077c8;
}

.ds-order-details-list-tool-tip-tooltip {
  position: relative;
}
.ds-order-details-list-tool-tip-tooltip-trigger {
  display: inline-block;
}
.ds-order-details-list-tool-tip-tooltip-bubble {
  position: absolute;
  width: 200px;
  z-index: 10;
}
.ds-order-details-list-tool-tip-tooltip-bubble:after {
  content: "";
  position: absolute;
}
.ds-order-details-list-tool-tip-tooltip-top {
  bottom: 100%;
  left: 50%;
  padding-bottom: 9px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.ds-order-details-list-tool-tip-tooltip-top:after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #d5d5d5;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.ds-order-details-list-tool-tip-tooltip-message {
  background: #fff;
  border: solid #d5d5d5;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  color: #53585b;
  font: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 150px;
  line-height: 22px;
  overflow-y: auto;
  padding: 0.75em;
  text-align: center;
  word-wrap: break-word;
}

.dsworld-registration-container {
  display: -ms-grid;
  display: grid;
  max-width: 600px;
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.dsworld-registration-header {
  color: #0077c8;
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.dsworld-registration-form-email {
  margin-left: 30px;
  margin-top: 30px;
}
.dsworld-registration-form-confirmation {
  margin-left: 30px;
  margin-top: 10px;
}
.dsworld-registration-form-line {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px 400px;
      grid-template-columns: 200px 400px;
  -ms-flex-align: center;
      align-items: center;
}
.dsworld-registration-form-submit {
  display: -ms-grid;
  display: grid;
  -ms-flex-pack: right;
      justify-content: right;
  margin-top: 20px;
}
.dsworld-registration .row {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.dsworld-registration .ds-notify-w {
  padding: 0px 10px 0 10px;
  margin: 0;
}
.dsworld-registration .ds--dsworld-registration-error {
  background-color: #fdedf0;
  border: 1px solid #e4002b;
  width: 450px;
}
.dsworld-registration .ds-notify.ds--dsworld-registration-error {
  width: 100%;
  border: none;
  color: #e4002b;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-event-line {
  -ms-flex-align: start;
      align-items: flex-start;
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 21px 19px 0;
}
@media only screen and (max-width: 1379px) {
  .ds-event-line {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 20px 0 12px;
  }
}
.ds-event-line:last-of-type {
  margin-bottom: 40px;
}
.ds-event-line-image-thumbnail {
  display: block;
  height: 149px;
  margin-right: 18px;
  min-width: 265px;
  position: relative;
}
@media only screen and (max-width: 1379px) {
  .ds-event-line-image-thumbnail {
    height: auto;
    width: 100%;
  }
}
.ds-event-line-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  padding-top: 56%;
  width: 100%;
}
.ds-event-line-badge {
  position: absolute;
  left: 8px;
  top: 8px;
}
.ds-event-line-date {
  font-size: 13px;
  line-height: 1;
}
.ds-event-line-date-small {
  margin-left: 15px;
}
@media only screen and (max-width: 1379px) {
  .ds-event-line-date {
    display: none;
  }
}
.ds-event-line-small {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
}
.ds-event-line-text {
  padding-right: 20px;
  width: 100%;
}
.ds-event-line-text-top {
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
}
.ds-event-line-title {
  color: #53585b;
  display: block;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 6px;
  margin-top: 5px;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ds-event-line-title-small {
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media only screen and (max-width: 1379px) {
  .ds-event-line-title {
    margin-top: 5px;
  }
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-event-line-title:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-event-line-title:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-event-line-title:hover {
    color: #53585b;
  }
}
.ds-event-line-title:active {
  color: #53585b;
}
.ds-event-line-description {
  font-size: 14px;
  margin-bottom: 7px;
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-event-line-description {
    margin-bottom: 5px;
    max-height: 63px;
    overflow: hidden;
    position: relative;
  }
}
.ds-event-line-link {
  display: inline-block;
  padding: 0;
  text-align: left;
}
.ds-event-line-info {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  color: #53585b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 13px;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 235px;
  min-height: 118px;
  min-width: 235px;
  padding: 13px 12px;
}
@media only screen and (max-width: 1379px) {
  .ds-event-line-info {
    display: none;
  }
}
.ds-event-line-info-mobile {
  color: #53585b;
  display: none;
  font-size: 13px;
  margin-bottom: 7px;
}
@media only screen and (max-width: 1379px) {
  .ds-event-line-info-mobile {
    display: block;
  }
}
.ds-event-line-info-row {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  word-wrap: break-word;
}
.ds-event-line .ds-event-line-info-cnt {
  border-right: 1px solid #7d8081;
  font-size: 13px;
  margin-right: 15px;
  min-width: 20%;
  padding-right: 15px;
}
@media only screen and (max-width: 1379px) {
  .ds-event-line .ds-event-line-info-cnt {
    border: none;
  }
}
.ds-event-line-info-title {
  margin-right: 3px;
  white-space: nowrap;
}
.ds-event-line-info-icon {
  position: relative;
  top: -2px;
  height: 14px;
  width: 14px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-event-tile {
  min-height: 328px;
  padding: 0 15px;
  height: auto;
  width: auto;
}
.ds-event-tile-img-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  height: 50%;
  width: 100%;
}
.ds-event-tile-img {
  height: 180px;
  max-width: 100%;
}
.ds-event-tile-img-w {
  text-align: center;
  width: 100%;
}
.ds-event-tile-img-w .ds-event-tile-img {
  display: inline-block;
}
.ds-event-tile-tag {
  position: absolute;
  left: 10px;
  top: 10px;
}
.ds-event-tile-title {
  color: #53585b;
  display: block;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  padding-bottom: 5px;
  text-transform: capitalize;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-event-tile-title:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-event-tile-title:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-event-tile-title:hover {
    color: #53585b;
  }
}
.ds-event-tile-title:active {
  color: #53585b;
}
.ds-event-tile-info {
  margin-top: 9px;
  text-align: left;
}
.ds-event-tile-info-cnt {
  font-weight: 300;
}
.ds-event-tile-location {
  padding-bottom: 2px;
}
.ds-event-tile-location,
.ds-event-tile-duration {
  font-size: 13px;
}
.ds-event-tile-location-icon {
  margin-right: 2px;
  position: relative;
  top: -2px;
  height: 14px;
  width: 14px;
}
.ds-event-tile-description {
  font-size: 14px;
  margin-top: 6px;
}
.ds-event-tile-link {
  border-radius: 0;
  margin-top: 3px;
  padding: 0;
}

@media only screen and (max-width: 833px) {
  .ds-events-slider .slick-list {
    max-height: none;
  }
}
.ds-events-slider-slide-container {
  padding-bottom: 5px;
  padding-top: 5px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-event-details-aside-block-text {
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding-top: 12px;
}
.ds-event-details-aside-block-text.ds--address {
  color: #0077c8 !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-event-details-cnt {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-event-details-cnt {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.ds-event-details-main {
  margin: auto;
  max-width: 1205px;
}
.ds-event-details-type {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.ds-event-details-h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.ds-event-details-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-right: 32px;
  max-width: 776px;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-event-details-description {
    margin-right: 0;
  }
}
.ds-event-details-description-img {
  background: no-repeat 50%;
  background-size: cover;
  display: block;
  margin-bottom: 23px;
  padding-top: 45.105%;
  width: 100%;
}
.ds-event-details-description-previous-line {
  margin-bottom: 20px;
}
.ds-event-details-image {
  margin-top: 23px;
}
.ds-event-details-description-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.ds-event-details-description-button {
  text-align: center;
}
.ds-event-details-description-button .ds-button-icon {
  margin-left: 5px;
  height: 15px;
  width: 15px;
}
.ds-event-details-description-link,
.ds-event-details-description-link:hover,
.ds-event-details-description-link:active {
  color: #0077c8;
}
.ds-event-details-description-cancellation {
  margin-top: 20px;
}
.ds-event-details .ds-previous-page-link {
  float: left;
}
.ds-event-details-share-buttons {
  -ms-flex-align: center;
      align-items: center;
  width: auto;
}
.ds-event-details-share-buttons .ds-share-buttons-icon {
  height: 18px;
  width: 18px;
}
.ds-event-details-aside {
  min-width: 315px;
  width: 315px;
}
@media only screen and (max-width: 833px) {
  .ds-event-details-aside {
    margin-top: 30px;
    min-width: 0;
    width: 100%;
  }
}
.ds-event-details-aside-block {
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 27px;
  padding: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-event-details-aside-block {
    margin-bottom: 17px;
  }
}
.ds-event-details-aside-block-header {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
.ds-event-details-aside-block-icon {
  color: #c0c9ce;
  fill: #c0c9ce;
  margin-right: 9px;
  position: relative;
  top: -2px;
  height: 24px;
  width: 24px;
}
.ds-event-details-map {
  margin-bottom: 53px;
}
.ds-event-details-courses-header {
  border-bottom: 1px solid #e7e7e7;
  font-size: 24px;
  padding-bottom: 20px;
}
.ds-event-details-contacts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: auto;
  margin-bottom: 60px;
  max-width: 1205px;
}
.ds-event-details-contacts-block {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-event-details-contacts-block {
    display: block;
  }
}
.ds-event-details-contacts-block-left {
  width: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-event-details-contacts-block-left {
    display: none;
  }
}
.ds-event-details-contacts-block-icon {
  color: #c0c9ce;
  fill: #c0c9ce;
  margin-right: 20px;
  height: 40px;
  width: 40px;
}
.ds-event-details-contacts-block-right {
  width: 100%;
}
.ds-event-details-contacts-block-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-event-details-contacts-block-title {
    display: none;
  }
}
.ds-event-details-more-info {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  padding: 0 15px;
}
@media only screen and (max-width: 833px) {
  .ds-event-details-collapse {
    margin: 0;
  }
}
.ds-event-details-collapse:not( :first-child ) {
  border-top: none;
}
.ds-event-details-collapse .ds-product-details-collapse-content-inner {
  padding: 30px 50px;
}
.ds-event-details-collapse .ds-product-details-collapse-title {
  background: #f9f9f9;
  padding: 10px 35px;
}
.ds-event-details-accordions {
  margin-bottom: 60px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-distributor-card {
  color: #53585b;
  font-size: 14px;
  margin-bottom: 25px;
}
.ds-distributor-card-group-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 20px 30px;
}
@media only screen and (max-width: 833px) {
  .ds-distributor-card-group-body {
    -ms-flex-direction: column;
        flex-direction: column;
    height: 325px;
    padding: 30px 20px;
  }
}
.ds-distributor-card-label {
  font-size: 14px;
  font-weight: 400;
}
.ds-distributor-card-account-number {
  -ms-flex-preferred-size: 175px;
      flex-basis: 175px;
}
.ds-distributor-card-account-number .ds-distributor-card-label {
  display: block;
}
@media only screen and (max-width: 833px) {
  .ds-distributor-card-account-number .ds-distributor-card-label {
    display: inline-block;
    margin-right: 10px;
  }
}
.ds-distributor-card-account-address {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
@media only screen and (max-width: 833px) {
  .ds-distributor-card-account-address {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 160px 0 0 0;
    position: absolute;
  }
}
.ds-distributor-card-account-address .ds-distributor-card-label {
  margin-right: 10px;
}
@media only screen and (max-width: 833px) {
  .ds-distributor-card-account-address .ds-distributor-card-label {
    display: block;
    margin-bottom: 10px;
  }
}
.ds-distributor-card .ds-distributor-card-line {
  background-color: #e7e7e7;
  height: 1px;
  margin: 30px 0;
}
.ds-distributor-card-white-button {
  max-height: 38px;
}
@media only screen and (max-width: 833px) {
  .ds-distributor-card-white-button {
    -ms-flex-item-align: end;
        align-self: flex-end;
    bottom: 85px;
    position: relative;
  }
}
.ds-distributor-card-middle-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 833px) {
  .ds-distributor-card-middle-section {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-distributor-card-middle-section {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .ds-distributor-card-middle-section .ds-input-components-radio {
    z-index: 1;
  }
}
.ds-distributor-card-empty-body {
  font-weight: 400;
}
@media only screen and (max-width: 1379px) {
  .ds-distributor-card-empty-body {
    max-width: 60%;
  }
}
.ds-distributor-card-badge {
  font-weight: 200;
  height: 24px;
  text-align: center;
  width: 108px;
}
.ds-distributor-card-badge.ds--active {
  background-color: #00BB5C;
}
.ds-distributor-card-badge.ds--inactive {
  background-color: #aaa;
}
@media only screen and (max-width: 833px) {
  .ds-distributor-card-badge {
    margin-top: 5px;
  }
}
.ds-distributor-card .ds-namedGroup-header-text {
  -ms-flex-preferred-size: 130px;
      flex-basis: 130px;
}
.ds-distributor-card .ds-namedGroup-header .ds-input-components-radio-label {
  margin-bottom: 0;
}
.ds-distributor-card .ds-namedGroup-header .ds-input-components-radio-label .ds-input-components-radio-span {
  top: 0;
}
.ds-distributor-card .ds-namedGroup-header .ds-distributor-card-remove-button.ds--white {
  margin: 0;
}
@media only screen and (max-width: 833px) {
  .ds-distributor-card .ds-namedGroup-header .ds-distributor-card-remove-button.ds--white {
    max-width: 90px;
    position: unset;
  }
}

.ds-distributors-list-page-subtitile {
  color: #80898e;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media only screen and (max-width: 833px) {
  .ds-distributors-list-page-subtitile {
    margin-top: -20px;
  }
}
@media (min-width: 768px) {
  .template-main-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-top: -52px;
  }
}
@media (max-width: 429px) {
  .template-main-button .Preffered_distributor_custom {
    padding-top: 24px;
  }
}
@media (max-width: 429px) {
  .template-main-button .Preffered_distributor_custom .cmp-button {
    width: 100%;
  }
}
svg.cmp-button__icon.ds--left.add_black_24dp {
  -ms-transform: none !important;
      transform: none !important;
  width: 14px !important;
  height: 14px !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-upcoming-distributor-card {
  color: #53585b;
  font-size: 14px;
  margin-bottom: 25px;
  margin-top: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 30px 30px;
  border: 1px solid #e7e7e7;
  background-color: #fbfbfb;
}
@media only screen and (max-width: 833px) {
  .ds-upcoming-distributor-card {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 15px 15px;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.ds-upcoming-distributor-card-text {
  font-style: "Montserrat", Helvetica, Arial, sans-serif;
}
.ds-upcoming-distributor-card-badge {
  height: 24px;
  text-align: center;
  width: 108px;
  font-size: 11px;
  padding: 5px 15px;
  font-weight: 300;
  background-color: #aaa;
}
@media only screen and (max-width: 833px) {
  .ds-upcoming-distributor-card-badge {
    margin-top: 10px;
    font-weight: 200;
  }
}

.ds-loyalty-points {
  margin-left: 10px;
}

.ds-loyalty-agree-modal-input-block {
  margin-left: 30px;
  padding-bottom: 50px;
  width: 293px;
}
.ds-loyalty-agree-modal .ds-input-components-wrapper {
  margin-bottom: 8px;
}
.ds-loyalty-agree-modal .ds-input-components-error {
  height: 0;
}
.ds-loyalty-agree-modal-agree-button {
  width: 137px;
}
@media only screen and (max-width: 1379px) {
  .ds-loyalty-agree-modal-agree-button {
    width: 100%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-earned-redeemed-points-tile {
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0px 1px 3px #3c40434d;
  font-size: 14px;
  font-weight: 500;
  padding: 24px 20px;
  width: 34%;
  background-color: #E8F7FF;
  color: #272727;
}
@media only screen and (max-width: 1379px) {
  .ds-earned-redeemed-points-tile {
    min-width: 274px;
    padding: 16px 20px;
    width: 100%;
  }
}
.ds-earned-redeemed-points-tile .rewards_cards_title {
  margin-bottom: 15px;
}
.ds-earned-redeemed-points-tile-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 833px) {
  .ds-earned-redeemed-points-tile-info {
    margin-bottom: 13px;
  }
}
.ds-earned-redeemed-points-tile-info:last-of-type {
  margin-bottom: 0;
}
.ds-earned-redeemed-points-tile-info-number {
  font-weight: 300;
}
.ds-earned-redeemed-points-tile-line {
  font-size: 0;
  padding-bottom: 8px;
  text-align: right;
  padding-top: 15px;
}
.ds-earned-redeemed-points-tile-line-cnt {
  border-bottom: 1px solid #707070;
  display: inline-block;
  width: 100%;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-status-tile {
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0px 1px 3px #3c40434d;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 14px;
  font-weight: 300;
  margin-right: 33px;
  min-width: inherit;
  padding: 20px 20px 30px 20px;
  width: 64%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media only screen and (max-width: 1379px) {
  .ds-status-tile {
    margin-bottom: 24px;
    margin-right: 0;
    min-width: inherit;
    padding: 25px 20px;
    width: 100%;
  }
}
.ds-status-tile-title {
  font-weight: 500;
}
.ds-status-tile-award {
  color: #53585b;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ds-status-tile-icon {
  fill: #0077c8;
  margin-right: 9px;
  margin-top: -5px;
  height: 24px;
  width: 21px;
}
.ds-status-tile-points-number {
  margin-left: 10px;
}
.ds-status-tile-points-unit {
  margin-left: 10px;
  white-space: nowrap;
}
.ds-status-tile-points-expiring {
  margin-bottom: 3px;
}
.ds-status-tile-points-expiring:last-of-type {
  margin-bottom: 0;
}
.bold {
  font-weight: bold;
}
.expring_points {
  font-size: 12px;
}
.ytd_main_div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 1rem;
  text-align: center;
  -ms-grid-column-align: center;
      justify-items: center;
}
.div_with_border {
  border-left: 2px solid #3b4043;
  margin-top: 2.5rem;
  margin-bottom: 0.5rem;
}
.ytd_value {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 2rem 2rem 0.5rem 2rem;
  color: #000 !important;
}
@media only screen and (max-width: 767px) {
  .ytd_value {
    font-size: 1rem;
  }
}
.ytd_title {
  font-size: 12px;
  width: 2rem;
  margin: auto;
  text-align: center;
}
.div_with_border .ytd_title {
  font-size: 12px;
  width: 4rem;
  margin: auto;
}
.div_with_border .ytd_value {
  margin-top: -2.5rem;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-loyalty-profile-transactions-info {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-profile-transactions-info {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-bottom: 24px;
  }
}
.ds-loyalty-profile-transactions-info-select {
  border: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-left: 6px;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-profile-transactions-info-select.ds--right {
    float: right;
    margin-bottom: 8px;
  }
  .ds-loyalty-profile-transactions-info-select.ds--right:after {
    clear: both;
    content: "";
    display: block;
  }
}
.ds-loyalty-profile-transactions-sorted-by {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-profile-transactions-sorted-by {
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-left: 0;
  }
}
.ds-loyalty-profile-transactions .ds-dt-table-body-tr:nth-of-type( even ) {
  background-color: #fff;
}
.ds-loyalty-profile-transactions .ds-dt-table-cell,
.ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td {
  padding: 14px 5px;
}
.ds-loyalty-profile-transactions .ds-dt-table-cell:before,
.ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td:before {
  margin-right: 48px;
  padding-right: 0;
  width: 99px;
}
.ds-loyalty-profile-transactions .ds-dt-table-cell:first-of-type,
.ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td:first-of-type {
  min-width: 160px;
  padding-left: 32px;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-profile-transactions .ds-dt-table-cell:first-of-type,
  .ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td:first-of-type {
    padding-left: 5px;
  }
}
.ds-loyalty-profile-transactions .ds-dt-table-cell:nth-of-type( 2 ),
.ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td:nth-of-type( 2 ) {
  min-width: 109px;
}
.ds-loyalty-profile-transactions .ds-dt-table-cell:last-of-type,
.ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td:last-of-type {
  padding-right: 32px;
}
.ds-loyalty-profile-transactions .ds-dt-table-cell:last-of-type:before,
.ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td:last-of-type:before {
  display: block;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-profile-transactions .ds-dt-table-cell:last-of-type,
  .ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td:last-of-type {
    background-color: #fff;
  }
}
.ds-loyalty-profile-transactions .ds-dt-table-cell.ds--text-right,
.ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td.ds--text-right {
  text-align: right;
}
@media only screen and (max-width: 833px) {
  .ds-loyalty-profile-transactions .ds-dt-table-cell.ds--text-right,
  .ds-loyalty-profile-transactions .ds-dt-table-cell.ds--td.ds--text-right {
    text-align: left;
  }
}
.ds-loyalty-profile-transactions-td_order_less {
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (min-width: 1440px) {
  .ds-loyalty-profile-transactions-td_order_less {
    display: none !important;
  }
}
.ds-loyalty-profile-transactions-td_order_hidden_button {
  display: none !important;
}
.ds-loyalty-profile-transactions-td_order_show {
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (min-width: 1440px) {
  .ds-loyalty-profile-transactions-td_order_show {
    display: table-cell !important;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-loyalty-profile .ds-earned {
  color: #18b14a;
}
.ds-loyalty-profile-h2 {
  font-weight: 500;
}
.ds-loyalty-profile .ds-notify.ds--sign-in .ds-notify-title {
  color: #b17b12;
}
.ds-loyalty-profile .ds-notify.ds--sign-in .ds-notify-title,
.ds-loyalty-profile .ds-notify.ds--sign-in .ds-notify-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.ds-loyalty-profile .ds-notify.ds--sign-in .ds-notify-icon {
  fill: #b17b12;
}
.ds-loyalty-profile-points {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 10px;
  width: 100%;
}
.ds-loyalty-profile-points .rewards_cobalt {
  width: 66%;
}
@media only screen and (max-width: 1379px) {
  .ds-loyalty-profile-points .rewards_cobalt {
    width: 100%;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-loyalty-profile-points {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 30px;
  }
}

.ds-product-details-loyalty-points {
  max-width: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #112C56;
  margin-bottom: 7px;
  border: 1px solid #E0E0E0;
  padding: 2px 15px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 500;
}
.ds-product-details-loyalty-points-margin {
  margin-right: 5px;
}

.ds-public-loyalty-benefits-tiers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 180px;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-tiers {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 10px;
    margin-top: 100px;
  }
}
.ds-public-loyalty-benefits-across-all-tiers {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-across-all-tiers {
    margin-bottom: 20px;
  }
}
.ds-public-loyalty-benefits-across-all-tiers-title {
  border-bottom: 1px solid #e7e7e7;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  padding: 21px 0;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-across-all-tiers-title {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 22px;
    padding-top: 17px;
  }
}
.ds-public-loyalty-benefits-across-all-tiers-messages {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 32px 30px 43px;
  text-align: left;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-across-all-tiers-messages {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 20px 10px 16px;
  }
}
.ds-public-loyalty-benefits-across-all-tiers-message {
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-across-all-tiers-message {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 10px;
  }
  .ds-public-loyalty-benefits-across-all-tiers-message:last-of-type {
    margin-bottom: 0;
  }
}
.ds-public-loyalty-benefits-small-print {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-public-loyalty-benefits-tier {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  margin-right: 32px;
  padding-top: 51px;
  text-align: center;
  width: 430px;
}
.ds-public-loyalty-benefits-tier:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-tier {
    margin-bottom: 10px;
    padding-top: 20px;
    width: 100%;
  }
}
.ds-public-loyalty-benefits-tier-icon {
  fill: #0077c8;
  margin-bottom: 5px;
  height: 48px;
  width: 57px;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-tier-icon {
    height: 37px;
    width: 97px;
  }
}
.ds-public-loyalty-benefits-tier-text {
  font-size: 20px;
  font-weight: bold;
}
.ds-public-loyalty-benefits-tier-message {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 37px;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-tier-message {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 14px;
  }
}
.ds-public-loyalty-benefits-tier-points {
  color: #18b14a;
  font-size: 28px;
  font-weight: bold;
  line-height: 36px;
  text-transform: uppercase;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-tier-points {
    font-size: 24px;
    line-height: 32px;
  }
}
.ds-public-loyalty-benefits-tier-points-amount {
  display: block;
  font-size: 32px;
  line-height: 34px;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-tier-points-amount {
    font-size: 28px;
    line-height: 36px;
  }
}
.ds-public-loyalty-benefits-tier-per-unit {
  font-size: 14px;
  font-weight: 300;
}
.ds-public-loyalty-benefits-tier-reward {
  border-top: 1px solid #e7e7e7;
  padding: 30px 0;
}
@media only screen and (max-width: 833px) {
  .ds-public-loyalty-benefits-tier-reward {
    padding: 18px 0;
  }
}

.ds-group-page-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 40px;
}
.ds-user-remove-block {
  font-size: 20px;
  text-align: center;
}
.ds-user-remove-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  height: 30px;
  margin-bottom: 7px;
  width: 30px;
}
.ds-group-update-block {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ds-group-update-block-field {
  min-width: 300px;
}
.ds-group-update-icon {
  color: #c0c9ce;
  display: inline-block;
  fill: #c0c9ce;
  height: 21px;
  margin-right: 10px;
  width: 21px;
}
@media only screen and (max-width: 833px) {
  .ds-group-management-groupAdminsCount {
    word-break: break-word;
  }
  .ds-group-update-block {
    display: block;
  }
  .ds-group-update-name {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
  }
  .ds-group-update-icon {
    left: 0;
    position: absolute;
  }
  .ds-group-update-block-field {
    min-width: auto;
    width: 100%;
  }
  .ds-group-remove-block {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: left;
  }
  .ds-group-remove-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 21px;
    margin-right: 15px;
    width: 20px;
  }
  -name {
    display: inline;
  }
}
.custom-font {
  font-weight: 400 !important;
}
.custom-plus-icon {
  position: relative;
  top: 14px;
  left: 42px;
  fill: #FFFFFF;
  height: 11px;
  width: 11px;
}
.custom-blue-button {
  width: 137px;
  height: 40px;
}
.custom-div {
  position: relative;
  top: -37px;
}
.ds-custom-style-link-margin {
  margin-right: 17px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-my-profile-button {
  background-color: Transparent;
  border: none;
  font-size: 14px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-my-profile-button:hover {
    text-decoration: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-my-profile-button:hover {
    text-decoration: none;
  }
}
@media (hover) {
  .ds-my-profile-button:hover {
    text-decoration: none;
  }
}
.ds-my-profile-button:active {
  text-decoration: none;
}
.ds-my-profile-button-container {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 833px) {
  .ds-my-profile-button-container {
    margin-bottom: 15px;
  }
}
.ds-my-profile-card {
  padding: 20px 30px;
  position: relative;
}
.ds-my-profile-card:not( :first-child ) {
  border-top: 1px solid #e7e7e7;
}
@media only screen and (max-width: 833px) {
  .ds-my-profile-card {
    padding: 15px 15px 10px;
  }
}
.ds-my-profile-card-expired-message {
  color: #e4002b;
  font-size: 12px;
}
.ds-my-profile-card-expired-message + .ds-my-profile-card-header {
  margin-top: 10px;
}
.ds-my-profile-card-header {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}
.ds-my-profile-card-header > .ds-button {
  margin-left: 5px;
  -ms-flex-order: 2;
      order: 2;
}
@media only screen and (max-width: 833px) {
  .ds-my-profile-card-header > .ds-button {
    bottom: 0;
    margin-left: 0;
    position: absolute;
    width: 100%;
  }
  .ds-my-profile-card-header > .ds-button + .ds-my-profile-card-header-title {
    padding-bottom: 50px;
  }
}
.ds-my-profile-card-header-title {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
}
@media only screen and (max-width: 833px) {
  .ds-my-profile-card-header-title {
    font-size: 14px;
  }
}
.ds-my-profile-card-header-badge {
  background-color: #18b14a;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  margin-left: 5px;
  -ms-flex-order: 2;
      order: 2;
  padding: 3px 15px;
  text-align: center;
  white-space: nowrap;
}
.ds-my-profile-card-list-item {
  margin-bottom: 15px;
}
.ds-my-profile-card-list-item > * {
  font-size: 14px;
  margin-bottom: 0;
}
.ds-my-profile-card-list-item > *:first-child {
  font-weight: 400;
}
@media only screen and (max-width: 833px) {
  .ds-my-profile-card-list-item {
    margin-bottom: 20px;
  }
  .ds-my-profile-card-list-item > * {
    font-size: 12px;
  }
  .ds-my-profile-card-list-item > *:first-child {
    padding-right: 10px;
  }
  .ds-my-profile-card-list-item > *:last-child {
    padding-left: 5px;
  }
}
.ds-my-profile-card-list-item-credit-card-icon {
  height: 14px;
  width: 16px;
}
.ds-my-profile-card-wrapper {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 833px) {
  .ds-my-profile-card-wrapper .ds-loader-wrap {
    height: auto;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-my-profile-card-wrapper {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .ds-my-profile-card-wrapper > * {
    width: 100%;
  }
}
.ds-my-profile-card-cnt {
  width: 100%;
}
.ds-my-profile-no-payment-methods {
  color: #9b9b9b;
  font-size: 14px;
  padding: 35px 30px;
}
@media only screen and (max-width: 833px) {
  .ds-my-profile-no-payment-methods {
    padding: 15px;
  }
}

.ds-list-controls {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 15px;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 833px) {
  .ds-list-controls {
    display: block;
  }
}
.ds-list-controls > * {
  margin-bottom: 5px;
}
.ds-list-controls-order-qty {
  font-weight: 500;
  margin-right: 5px;
}

.ds-order-details-list-overall-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ds-order-details-list-product-picture {
  display: inline-block;
}
.ds-order-details-list-note-text {
  color: #0077c8;
  cursor: pointer;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.thanks_order .thanks_order_bill .thanks_order_shipping2 .ds-checkout-info-action {
  display: none;
}
@media (min-width: 1440px) {
  .thanks_order .rebate-label {
    margin-top: 15px;
  }
}
.thanks_order_body-margin .ds-thanks-for-order-notification {
  position: fixed;
  bottom: 30px;
  z-index: 99;
  width: 100%;
  padding: 0 63px;
  left: 0;
}
@media only screen and (max-width: 1439px) {
  .thanks_order_body-margin .ds-thanks-for-order-notification {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 739px) {
  .thanks_order_body-margin .ds-thanks-for-order-notification {
    padding: 0;
  }
}
.main-ribbon-card {
  background: #B3E5FC 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #3C40434D;
  border-radius: 3px;
  opacity: 1;
  padding: 24px;
}
.ribbon-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ribbon-heading {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  padding-bottom: 8px;
}
.ribbon-heading-left {
  font: normal normal medium 20px/25px Gotham;
  color: #212B36;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.ribbon-subtext {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
@media (min-width: 500px) {
  .ribbon-subtext {
    max-width: 90%;
  }
}
.rebate-modal-heading {
  font: normal normal medium 20px/25px Gotham;
  color: #212B36;
  padding-bottom: 16px;
  padding-top: 16px;
}
.rebate-modal-desc {
  font: normal normal normal 16px/24px Open Sans;
  font-size: 16px;
  color: #394656;
}
.rebate-modal-btns {
  font: normal normal medium 14px/19px Gotham;
  color: #394656;
  text-transform: uppercase;
}
.ribbon-icon {
  height: 1.5rem;
  width: 1.5rem;
}
@media (max-width: 500px) {
  .ribbon-icon {
    width: 25%;
    height: 36px;
    margin-top: 1px;
  }
}
.thank-you-redeemed-loyalty-points-value-color {
  color: red !important;
}

.pending-order-link {
  text-align: left;
  font: normal normal normal 12px/16px Montserrat;
  letter-spacing: 0px;
  color: #0077C7;
  opacity: 1;
  padding-left: 26px;
  font-weight: 600;
}

.ds-order-card-icon {
  color: #53585b;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  width: 21px;
}
.ds-order-mob-container {
  margin: 30px 15px;
}
.ds-order-payment {
  white-space: nowrap;
}
div.ds-order-mob-container > div.row {
  border: 1px solid #e7e7e7;
  padding: 15px 10px;
}
div.ds-order-mob-container > div:nth-of-type( even ) {
  background: #fff;
}
div.ds-order-mob-container > div:nth-of-type( odd ) {
  background: #fbfbfb;
}

.ds-orders-list {
  font-size: 14px;
}
.ds-orders-list-table {
  border-color: #80898e;
  border-radius: 2px;
}
.ds-orders-list-table tbody tr:nth-child( even ) {
  background-color: #fbfbfb;
}
.ds-orders-list-table tbody tr:nth-child( odd ) {
  background: #fff;
}
.ds-orders-list .ds--complete {
  color: #53585b;
}
.ds-orders-list .ds--shipped {
  color: #18b14a;
}
.ds-orders-list .ds--canceled {
  color: #e4002b;
}
.ds-orders-list .ds--return {
  color: #b17b12;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-search-bar .ds-order-list-search {
  padding-bottom: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-search-bar .ds-order-list-search input.form-control {
    position: absolute;
    right: 100%;
    width: 350px;
  }
}
.ds-order-list-search {
  padding-bottom: 25px;
}
.ds-order-list-search .form-control:focus,
.ds-order-list-search .btn:focus {
  border-color: #c0c9ce;
  box-shadow: none;
}
.ds-order-list-search .form-control {
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  max-width: 400px;
}
@media only screen and (max-width: 833px) {
  .ds-order-list-search .form-control {
    border-radius: 4px !important;
    left: -1px;
    max-width: none;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .ds-order-list-search .form-control:focus {
    z-index: 1;
  }
}
.ds-order-list-search .ds-button {
  background-color: #fbfbfb;
  border-radius: 0 4px 4px 0;
  height: 38px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
}
@media only screen and (max-width: 833px) {
  .ds-order-list-search .ds-button {
    border-radius: 4px;
  }
}
.ds-order-list-search .ds-button-icon {
  height: 14px;
}
.ds-order-list-search-icon {
  margin-left: 10px;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-order-list-search-icon {
    left: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    position: absolute;
    top: 50%;
  }
}
.ds-order-list-search-close-btn {
  cursor: pointer;
  right: 10px;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.ds-order-list-search-close-icon {
  fill: #53585b;
  height: 10px;
  width: 10px;
}
.order-list-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.cmp-tabs-scan-barcode__button {
  position: relative;
  margin: 0 auto;
}
.cmp-tabs-scan-barcode__button .ds-barcode-image {
  float: left;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.ds-quick-order-results {
  z-index: 2px !important;
}
.ds-quick-order-form-button {
  display: inline-block;
  padding: 0 5px;
}
.ds-quick-order-form-control {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  z-index: 1 !important;
}
.ds-quick-order-results-wrapper {
  padding-top: 20px;
}
.ds-quick-order-scan-container {
  margin-bottom: 20px;
}
.ds-quick-order-search-btn {
  background-color: #f6a800;
  border-radius: 0 4px 4px 0;
}
.ds-quick-order-search-icon {
  max-height: 15px;
  max-width: 15px;
}
.ds-quick-order-wrapper {
  background-color: #fbfbfb;
  border: 1px solid #d5d5d5;
}
.ds-quick-order-cart-title {
  margin-bottom: 0;
}
@media only screen and (max-width: 739px) {
  .ds-quick-order-wrapper {
    border: none;
  }
}
@media only screen and (max-width: 833px) {
  .ds-quick-order-wrapper {
    border: none;
  }
}
.quick_order_card .quick_order_card_wrapper div .shopping_cart_base .shopping_cart_base_wrapper {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.quick_order_card .quick_order_card_wrapper .cmp-tabs-search {
  margin: 0px !important;
}
.quick_order_card .quick_order_card_wrapper .purchase_cart_list .purchase_cart_actions {
  display: block !important;
}
.quick_order_card .quick_order_card_wrapper .cart_bundles_box_inner .bundle-wrapper-panel .puchase_cart_wrapper .dsr_container .purchase_cart_inner .purchase_cart_main .purchase_cart_line .purchase_cart_actions {
  display: none !important;
}

.quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_aside {
  -ms-flex-direction: column;
      flex-direction: column;
}
.quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_aside_groups {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1440px) {
  .quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_aside_groups {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: end;
        align-items: end;
  }
}
.quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_tease {
  text-align: center;
}
.quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_inner .purchase_cart_add_button {
  display: block;
}
.quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_quanitity_group {
  column-gap: 24px;
  width: 304px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto 0 auto auto;
}
.quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (min-width: 1440px) {
  .quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_main {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_details {
  display: none;
}
@media (min-width: 1440px) {
  .quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_details {
    display: -ms-grid;
    display: grid;
  }
}
.quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_view_details {
  display: block;
  margin-top: 23px;
  text-align: center;
}
@media (min-width: 1440px) {
  .quick_order_card .quick_order_card_wrapper .myaccount-favourite--quick-order .purchase_cart_view_details {
    display: none;
  }
}
.ds-qo-card-unit {
  color: #80898e;
  font-size: 12px;
}
.ds-qo-card-action-buttons {
  padding-left: 65px;
}
.ds-qo-card-price {
  padding-top: 15px;
}
.ds-qo-card-row {
  padding: 5px 0;
}
.ds-qo-card-img-container {
  padding-left: 0;
}
.ds-qo-card-info-container {
  padding-left: 0;
}
.ds-qo-card-product {
  padding: 10px;
}
.ds-qo-card-product-distributor {
  color: #80898e;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  position: relative;
}
.ds-qo-card-product-img {
  border: solid 1px #e7e7e7;
  max-height: 138px;
  max-width: 220px;
  width: 100%;
}
.ds-qo-card-product-loyalty-points {
  color: #18b14a;
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
  margin-left: 8px;
}
.ds-qo-card-product-name {
  color: #0077c8;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.ds-qo-card-product-name:hover {
  text-decoration: none;
}
.ds-qo-card-product-sku {
  color: #80898e;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
}
.ds-qo-card-product-price {
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.ds-qo-card-product-purchase-btn {
  background-color: #f6a800;
  border: 1px solid #f6a800;
  border-radius: 4px;
  color: #272727;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 39px;
  margin: 10px 0 10px auto;
  padding-bottom: 0;
  padding-top: 0;
  white-space: nowrap;
}
.ds-qo-card-product-quantity-setter {
  background-color: #fff;
  line-height: 39px;
  margin: auto auto auto 0;
  padding-bottom: 4px;
  padding-top: 4px;
}
.ds-qo-card-product-quantity-setter:focus {
  box-shadow: none !important;
  outline: 0 !important;
}
.ds-qo-card-product-quantity-input-form {
  border: none !important;
  text-align: center;
}
.ds-qo-card-product-quantity-input-minus {
  float: left;
  max-height: 10px;
  max-width: 10px;
}
.ds-qo-card-product-quantity-input-plus {
  float: right;
  max-height: 10px;
  max-width: 10px;
}
.ds-qo-card-product-unfavorite-btn {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #272727;
  font-size: 14px;
  font-weight: 500;
  line-height: 39px;
  margin: 10px auto 10px auto;
  padding: 0;
}
.ds-qo-card-product-unfavorite-btn-plus-icon {
  max-height: 10px;
  max-width: 10px;
}
.ds-qo-card-product-unit {
  color: #7d8081;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.ds-qo-card-product-variants {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.ds-qo-card-loyalty-points {
  color: #18b14a;
  margin-bottom: 7px;
}
@media only screen and (max-width: 833px) {
  .ds-qo-card-product-unfavorite-btn {
    margin-bottom: 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-qo-product-list {
  padding-top: 20px;
}

.ds-shipment-list {
  font-size: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-list .ds-button {
    padding: 6px 20px;
  }
}
.ds-shipment-list .ds-shipment-card-orders-list .ds-shipment-entry-header-indirect-header {
  margin-left: -25px;
  width: auto;
  margin-right: -25px;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-list .ds-shipment-card-orders-list .ds-shipment-entry-header-indirect-header {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.ds-shipment-list-control {
  border-bottom: 2px solid #e7e7e7;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-list-control {
    border: none;
  }
}
.ds-shipment-list-buy-again-button {
  height: 34px;
  padding: 0 6px;
  width: 97px;
}
.ds-shipment-list-track-package-cta {
  margin: 0 15px 10px;
  width: calc(100% - 30px);
}
.ds-shipment-list-contact-button {
  white-space: normal;
  width: 100%;
}
.ds-shipment-list-controls {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-list-controls {
    display: block;
  }
}
.ds-shipment-list-controls > * {
  margin-bottom: 5px;
}
.ds-shipment-list-controls-order-qty {
  font-weight: 500;
  margin-right: 5px;
}
.ds-shipment-list-table {
  border-color: #80898e;
  border-radius: 2px;
}
.ds-shipment-list-table tbody tr:nth-child(even) {
  background-color: #fbfbfb;
}
.ds-shipment-list-table tbody tr:nth-child(odd) {
  background: #fff;
}
.ds-shipment-list-total-row {
  border-bottom: 1px solid #e7e7e7;
}
.ds-shipment-list .ds--complete {
  color: #53585b;
}
.ds-shipment-list .ds--shipped {
  color: #18b14a;
}
.ds-shipment-list .ds--canceled {
  color: #e4002b;
}
.ds-shipment-list .ds--return {
  color: #b17b12;
}
.order-tracking-view-all {
  display: block !important;
}
.order-tracking-order > .indirect-order-container {
  margin-left: 0px;
  margin-right: 0px;
}
.link-btn {
  color: #106ac5;
}
.btn-bottom-margin {
  margin-bottom: 10px;
}
.tx-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: end;
  -ms-flex-item-align: center;
      align-self: center;
}
.manage-btn {
  padding-right: 5px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-shipment-card {
  border: 1px solid #c0c9ce;
  margin-bottom: 30px;
}
.ds-shipment-card-orders-list {
  display: block;
  padding: 0 25px;
  position: relative;
  width: 100%;
}
.ds-shipment-card-orders-list:before {
  border-top: 1px solid #D0D0D0;
  content: "";
  display: block;
  width: 100%;
}
.ds-shipment-card-orders-list:first-child:before {
  border-top: 1px solid #c0c9ce;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-card-orders-list {
    padding: 0 15px;
  }
  .ds-shipment-card-orders-list:first-child:before {
    display: none;
  }
}
@media only screen and (max-width: 833px) {
  .ds-shipment-card-header-container {
    border-bottom: 1px solid #D0D0D0;
  }
}
.ds-shipment-card-header {
  background-color: #eaeaea;
  border: 1px solid #D0D0D0;
  border-width: 0 0 1px 0;
}
.ds-shipment-card-header .heading {
  color: #80898e;
  font-size: 11px;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-card-header .ds-shipment-card-order-po-mobile .heading {
    color: #53585b;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0.25rem;
    text-transform: none;
  }
}
.ds-shipment-card-header .text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0.25rem;
  text-transform: capitalize;
}
.ds-shipment-card-header.mobile {
  background-color: #fff;
  border: none;
}
.ds-shipment-card .ds-product-table-row {
  padding: 0;
}
.ds-shipment-card .ds-product-table-row + .ds-product-table-row {
  border-top: none;
}
.ds-shipment-card .ds-product-table-row .ds-fav-card-img-container p {
  margin: 0;
}
.ds-shipment-card .ds-shipment-list-total-row {
  border-bottom: none;
  margin: 0;
}
.ds-shipment-card-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-card-buttons {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-shipment-card-buttons .ds-button {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
  }
}
.ds-shipment-card .ds-button {
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-card .ds-button {
    white-space: normal;
  }
}
.ds-page-right-column {
  padding: 0px;
}
.order-tracking-direct-indirect .ds-my-account-container {
  margin-left: 0px;
}
.order-tracking-direct-indirect .ds-my-account-container .order-tracking .order-tracking-order-detail-po {
  margin-top: 0px !important;
}

.ds-shipment-entry-header {
  padding: 25px 25px 0 25px;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-entry-header {
    padding: 15px 15px 0;
  }
}
.ds-shipment-entry-header ~ .ds-shipment-entry-header {
  border-top: 1px solid #e7e7e7;
}
.ds-shipment-entry-header .heading {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-entry-header .heading {
    font-size: 14px;
    line-height: 22px;
  }
}
.ds-shipment-entry-header .sub-heading {
  font-size: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-shipment-entry-header .sub-heading {
    line-height: 22px;
  }
}
.ds-shipment-entry-header-track-package {
  max-width: 290px;
  width: 100%;
}
.ds-shipment-entry-header-indirect-header {
  border-top: 1px solid #D0D0D0;
}
.ds-shipment-entry-header-attention-note {
  color: #B17B12;
  font-weight: 500;
}
.ds-shipment-entry-header-indirect-dealer {
  color: #53585B;
  font-weight: 500;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-search-bar .ds-shipments-search {
  padding-bottom: 0;
}
.ds-search-bar .form-control {
  min-width: 0;
  width: 400px;
}
.ds-search-bar .input-group {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 833px) {
  .ds-search-bar .input-group {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-search-bar .ds-shipments-search input.form-control {
    height: 38px;
    position: absolute;
    right: 100%;
    width: 350px;
  }
}
.ds-shipments-search {
  padding-bottom: 25px;
}
.ds-shipments-search .form-control:focus,
.ds-shipments-search .btn:focus {
  border-color: #c0c9ce;
  box-shadow: none;
}
.ds-shipments-search .form-control {
  font-size: 14px;
  font-weight: 300;
  height: 40px;
  max-width: 400px;
}
@media only screen and (max-width: 833px) {
  .ds-shipments-search .form-control {
    border-radius: 4px !important;
    max-width: none;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: -1px;
  }
  .ds-shipments-search .form-control:focus {
    z-index: 1;
  }
}
.ds-shipments-search .ds-button {
  background-color: #fbfbfb;
  border-radius: 0 4px 4px 0;
  color: #53585b;
  margin-left: -1px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 0;
}
@media only screen and (max-width: 833px) {
  .ds-shipments-search .ds-button {
    border-radius: 4px;
  }
}
.ds-shipments-search .ds-button-icon {
  height: 14px;
}
.ds-shipments-search-icon {
  margin-left: 10px;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-shipments-search-icon {
    left: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    position: absolute;
    top: 50%;
  }
}
.ds-shipments-search-close-btn {
  cursor: pointer;
  right: 10px;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.ds-shipments-search-close-icon {
  fill: #53585b;
  height: 10px;
  width: 10px;
}
.shipments-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.account_avatar {
  margin-bottom: 40px;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 20px;
  max-width: 16.75rem;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-banner {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 417px;
  margin-bottom: 45px;
  position: relative;
}
@media only screen and (max-width: 833px) {
  .ds-banner {
    -ms-flex-align: end;
        align-items: flex-end;
    height: auto;
    max-height: 700px;
    overflow: hidden;
  }
}
.ds-banner-image {
  background: #fff center / cover no-repeat;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}
.ds-banner-info {
  padding-left: 10%;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media only screen and (max-width: 833px) {
  .ds-banner-info {
    padding: 30px 15px 15px;
    width: 100%;
  }
}
.ds-banner-info-title {
  font-size: 40px;
  line-height: 51px;
  margin-bottom: 5px;
  width: 60%;
}
@media only screen and (max-width: 833px) {
  .ds-banner-info-title {
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 10px;
    width: 100%;
  }
}
.ds-banner-info-text {
  width: 60%;
  font-size: 32px;
  line-height: 41px;
}
@media only screen and (max-width: 833px) {
  .ds-banner-info-text {
    font-size: 28px;
    line-height: 36px;
    width: 100%;
  }
}
.ds-banner-info-buttons {
  margin-bottom: -20px;
  margin-top: 40px;
}
@media only screen and (max-width: 833px) {
  .ds-banner-info-buttons {
    margin-bottom: 0;
    margin-top: 20px;
  }
}
.ds-banner-info-button {
  margin-bottom: 20px;
  margin-right: 40px;
}
@media only screen and (max-width: 833px) {
  .ds-banner-info-button {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 15px;
    width: 100%;
  }
}
.ds-banner.ds--small {
  height: 321px;
}
@media only screen and (max-width: 833px) {
  .ds-banner.ds--small {
    height: auto;
  }
}
.ds-banner.ds--small .ds-banner-info-title {
  font-size: 32px;
  line-height: 41px;
  margin-bottom: 15px;
}
.ds-banner.ds--small .ds-banner-info-text {
  font-size: 16px;
  line-height: 22px;
}
.ds-banner.ds--small .ds-banner-info-buttons {
  margin-top: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-banner.ds--small .ds-banner-info-buttons {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-banner.ds--gradient .ds-banner-info {
    padding-top: 210px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-banner.ds--gradient .ds-banner-image {
    bottom: auto;
    height: 250px;
  }
}
.ds-banner.ds--gradient .ds-banner-image:before {
  background-image: linear-gradient(to right, #fff 40%, transparent);
  content: "";
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 833px) {
  .ds-banner.ds--gradient .ds-banner-image:before {
    background-image: linear-gradient(to top, #fff 10%, transparent);
  }
}
@media only screen and (max-width: 833px) {
  .ds-banner.ds--modified-align .ds-banner-info {
    margin-top: 15px;
    padding-top: 49.333%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-banner.ds--modified-align .ds-banner-image {
    bottom: auto;
    padding-top: 49.333%;
  }
}

.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;position:absolute;z-index:2;top:20px;background:0 0;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:hover{opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:0 0;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;width:80px;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333;padding:2px}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-ms-flexbox;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{-ms-flex-direction:column;flex-direction:column;-ms-flex-flow:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-ms-flexbox;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-ms-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center;background:#000}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;text-align:center;width:100%}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots {
  line-height: 14px;
  list-style: none;
  margin-bottom: 15px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.slick-dots > li {
  display: inline-block;
  line-height: 14px;
}
.slick-dots > li button {
  background-color: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  font-size: 0;
  margin: 0 6.25px;
  padding: 0;
  height: 14px;
  width: 14px;
}
.slick-dots > li.slick-active button {
  background-color: #0077c8;
  border-color: #0077c8;
}
.ds-hero-slider {
  margin-bottom: 45px;
}
.ds-hero-slider .ds-banner {
  margin: 0;
}
@media only screen and (max-width: 833px) {
  .ds-hero-slider .ds-banner {
    padding-bottom: 40px;
  }
}
.ds-hero-slider .slick-track {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.ds-hero-slider .slick-dots {
  list-style: none;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.ds-hero-slider .slick-dots > li {
  display: inline-block;
}
.ds-hero-slider .slick-dots > li button {
  background-color: #fff;
  border: 1px solid #979797;
  border-radius: 50%;
  display: inline-block;
  font-size: 0;
  margin: 10px 6.25px;
  height: 14px;
  width: 14px;
}
.ds-hero-slider .slick-dots > li.slick-active button {
  background-color: #0077c8;
  border-color: #0077c8;
}
.ds-hero-slider .slick-arrow {
  background: rgba(255, 255, 255, 0.75);
  border: 0;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 4px 20px 0 #e7e7e7;
  cursor: pointer;
  font-size: 0;
  font-weight: 500;
  transition: all 0.6s ease 0s;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
  height: 115px;
  width: 45px;
}
.ds-hero-slider .slick-arrow:before {
  color: #0077c8;
  font-size: 36px;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.ds-hero-slider .slick-arrow.slick-disabled {
  opacity: 0;
  z-index: -1;
}
.ds-hero-slider .slick-arrow.slick-prev {
  left: -25px;
}
@media only screen and (max-width: 833px) {
  .ds-hero-slider .slick-arrow.slick-prev {
    left: 0;
  }
}
.ds-hero-slider .slick-arrow.slick-prev:before {
  content: "‹";
}
.ds-hero-slider .slick-arrow.slick-next {
  right: -25px;
}
@media only screen and (max-width: 833px) {
  .ds-hero-slider .slick-arrow.slick-next {
    right: 0;
  }
}
.ds-hero-slider .slick-arrow.slick-next:before {
  content: "›";
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-base-listing {
  display: -ms-flexbox;
  display: flex;
  margin: 30px 40px;
}
.ds-base-listing-col {
  width: calc(25% - 20px);
}
.ds-base-listing-col:not( :first-child ) {
  margin-left: 30px;
}
@media only screen and (max-width: 1599px) {
  .ds-base-listing-col {
    width: calc(33.33% - 20px);
  }
}
@media only screen and (max-width: 1379px) {
  .ds-base-listing-col {
    width: calc(50% - 15px);
  }
}
@media only screen and (max-width: 833px) {
  .ds-base-listing-col {
    margin-left: 0;
    width: 100%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-base-listing-card {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 4px 20px 0 #e7e7e7;
}
.ds-base-listing-card:not( :first-child ) {
  margin-top: 35px;
}
.ds-base-listing-card-top {
  border-bottom: 1px solid #e7e7e7;
  padding: 23px 0 19px 0;
  text-align: center;
}
.ds-base-listing-card-icon-cnt {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 -1px 28px -9px #000;
  height: 60px;
  line-height: 60px;
  margin: auto;
  width: 60px;
}
.ds-base-listing-card-icon {
  fill: #7d8081;
  height: 35px;
  width: 35px;
}
.ds-base-listing-card-title {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  margin-top: 20px;
  padding: 0 30px;
  word-wrap: break-word;
}
.ds-base-listing-card-links {
  margin: 0;
  padding: 0;
}
.ds-base-listing-card-li {
  border: none;
  list-style: none;
  padding: 4px 0;
}
.ds-base-listing-card-link {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  word-wrap: break-word;
}
.ds-base-listing-card-link:hover {
  color: #53585b;
}
.ds-base-listing-card-bottom {
  padding: 14px 30px 29px;
}
.ds-base-listing-card-bottom-link {
  line-height: 17px;
  padding-top: 18px;
}
.ds-base-listing-card-bottom-text {
  line-height: 17px;
  padding-right: 4px;
  vertical-align: top;
}
.ds-base-listing-card-item-link {
  color: #0077c8;
  display: inline-block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.ds-base-listing-card-bottom-icon {
  fill: #0077c8;
  height: 17px;
  vertical-align: top;
  width: 17px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-base-listing {
  margin: 30px 0;
}
.ds-base-listing-col {
  width: calc(25%);
}
@media only screen and (max-width: 1599px) {
  .ds-base-listing-col {
    width: calc(33.33%);
  }
}
@media only screen and (max-width: 1379px) {
  .ds-base-listing-col {
    width: calc(50%);
  }
}
@media only screen and (max-width: 833px) {
  .ds-base-listing-col {
    margin-left: 0;
    width: 100%;
  }
}
.ds-base-listing-col .ecom-topic-listing-card .ds-tile-square:not( :first-child ) {
  margin-top: 16px;
}
.ds-base-listing-col .ecom-topic-listing-card .ds-picture-img {
  height: 267px;
}
.ds-base-listing-col:not( :first-child ) {
  margin-left: 16px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-brands-alphabet-wrapper {
  width: 100%;
}
.ds-brands-alphabet-container {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fbfbfb;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  margin: -1px 0 36px 0;
  overflow: auto;
  padding: 14px 36px;
  width: 100%;
}
.ds-brands-alphabet-item-letter {
  color: #53585b;
  display: block;
  font-size: 15px;
  font-weight: 500;
  min-width: 35px;
  position: relative;
  text-align: center;
  width: 35px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-brands-alphabet-item-letter:hover {
    color: #0077c8;
    text-decoration: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-brands-alphabet-item-letter:hover {
    color: #0077c8;
    text-decoration: none;
  }
}
@media (hover) {
  .ds-brands-alphabet-item-letter:hover {
    color: #0077c8;
    text-decoration: none;
  }
}
.ds-brands-alphabet-item-letter:active {
  color: #0077c8;
  text-decoration: none;
}
.ds-brands-alphabet-item-letter.ds--disabled {
  color: #80898e;
  cursor: default;
  font-weight: 300;
  pointer-events: none;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-brands-alphabet-item-letter.ds--disabled:hover {
    color: #80898e;
    cursor: default;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-brands-alphabet-item-letter.ds--disabled:hover {
    color: #80898e;
    cursor: default;
  }
}
@media (hover) {
  .ds-brands-alphabet-item-letter.ds--disabled:hover {
    color: #80898e;
    cursor: default;
  }
}
.ds-brands-alphabet-item-letter.ds--disabled:active {
  color: #80898e;
  cursor: default;
}
.ds-brands-alphabet-item-letter:active,
.ds-brands-alphabet-item-letter:focus {
  color: #53585b;
}
.ds-brands-column-container {
  position: relative;
}
.ds-brands-column-scrollPoint {
  position: absolute;
  top: -45px;
}
.ds-brands-column-letter {
  border: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 39px 36px 42px;
}
.ds-brands-column-letter-title {
  background-color: #fbfbfb;
  border-bottom: 1px solid #e7e7e7;
  display: block;
  font-size: 24px;
  font-weight: 500;
  padding: 20px 0 18px 45px;
  text-transform: uppercase;
}
.ds-brands-column-letter-items {
  color: #53585b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 22px;
  padding: 30px 30px 0 30px;
  position: relative;
  width: 100%;
}
.ds-brands-column-letter-wrapper {
  display: -ms-flexbox;
  display: flex;
}
.ds-brands-column-letter-item {
  color: #53585b;
  line-height: 22px;
  margin-bottom: 20px;
  padding: 0 15px;
  width: 25%;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-brands-column-letter-item:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-brands-column-letter-item:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-brands-column-letter-item:hover {
    color: #53585b;
  }
}
.ds-brands-column-letter-item:active {
  color: #53585b;
}
.ds-brands-column-letter-item.ds--hidden {
  display: none;
}
.ds-brands-column-button {
  font-weight: 500;
  text-decoration: none;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-brands-column-button:hover {
    cursor: pointer;
    text-decoration: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-brands-column-button:hover {
    cursor: pointer;
    text-decoration: none;
  }
}
@media (hover) {
  .ds-brands-column-button:hover {
    cursor: pointer;
    text-decoration: none;
  }
}
.ds-brands-column-button:active {
  cursor: pointer;
  text-decoration: none;
}
.ds-brands-column-letter-icon {
  display: none;
}
.ds-brands-column-button-icon {
  fill: #0077c8;
  font-weight: 500;
  height: 14px;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-brands-alphabet-container {
    background-color: #fff;
    margin-bottom: 0;
    overflow: auto;
    padding: 15px 15px 15px 8px;
  }
  .ds-brands-column-letter {
    border: none;
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
  }
  .ds-brands-column-letter-items {
    line-height: 20px;
    margin-bottom: 0;
    padding: 0 0 0 20px;
    width: 100%;
  }
  .ds-brands-column-letter-title {
    font-size: 14px;
    padding: 8px 0 8px 20px;
  }
  .ds-brands-column-letter-item {
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid #c0c9ce;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0;
    padding: 14px 0;
    width: 100%;
  }
  .ds-brands-column-letter-icon {
    display: -ms-flexbox;
    display: flex;
    fill: #c0c9ce;
    height: 26px;
    margin-right: 8px;
    width: 26px;
  }
  .ds-brands-column-button-icon {
    display: none;
  }
  .ds-brands-column-button {
    padding: 0;
    width: 100%;
  }
}

.ds-chapter-heading {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0.5rem;
}
.ds-chapter-subheading {
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 0.5rem;
}
.ds-chapter-content p {
  font-size: 14px;
  line-height: 22px;
}
.ds-chapter-sublink {
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.ds-chapter-sublink .chevron-right {
  fill: #0077c8;
  height: 21px;
  margin-left: 5px;
  width: 18px;
}

.ds-cookie-popup {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.ds-cookie-popup-wrapper {
  background: #fff;
  border-top: 1px solid #53585b;
  bottom: 0;
  height: 130px;
  left: 0;
  padding: 0 20px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 90;
}
.ds-cookie-popup-wrapper .row:before,
.ds-cookie-popup-wrapper .row:after {
  display: none;
}
@media only screen and (max-width: 1439px) {
  .ds-cookie-popup-wrapper {
    height: 150px;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-cookie-popup-wrapper {
    height: 240px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-cookie-popup-wrapper {
    height: 360px;
  }
}
.ds-cookie-popup-wrapper-icon {
  display: none;
}
@media only screen and (max-width: 1379px) {
  .ds-cookie-popup-wrapper-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding: 4px 0;
  }
}
.ds-cookie-popup-content {
  font-size: 14px;
  margin: auto;
  padding: 2.08125vw 3.125vw;
  position: relative;
}
@media only screen and (max-width: 1379px) {
  .ds-cookie-popup-content {
    padding: 0 18px;
  }
}
.ds-cookie-popup-button {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1379px) {
  .ds-cookie-popup-button {
    display: block;
  }
}
.ds-cookie-popup-accept-button {
  height: 40px;
  margin-right: 18px;
  margin-top: 15px;
  width: 105px;
}
@media only screen and (max-width: 1379px) {
  .ds-cookie-popup-accept-button {
    width: 100%;
  }
}
.ds-cookie-popup-close-icon {
  cursor: pointer;
  max-height: 20px;
  max-width: 10px;
  padding-top: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-contact-us-component-help-line {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  padding: 30px 13%;
  width: 100%;
}
@media only screen and (max-width: 1439px) {
  .ds-contact-us-component-help-line {
    padding: 20px 10%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-contact-us-component-help-line {
    padding: 20px 15px;
  }
}
.ds-contact-us-component-call-text {
  color: #53585b;
  line-height: 23px;
}
.ds-contact-us-component-call-number {
  color: #53585b;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}
@media only screen and (max-width: 833px) {
  .ds-contact-us-component-call-number {
    color: #0077c8;
  }
}
.ds-contact-us-component-legend {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.ds-contact-us-component-bottom-wrapper {
  background-color: #fbfbfb;
  border: 1px solid #e7e7e7;
}
.ds-contact-us-component-my-button {
  border-radius: 5px;
  height: 40px;
  min-width: 104px;
}
.ds-contact-us-component-my-button-wide {
  border-radius: 5px;
  width: 100%;
}
.removeSpace {
  margin-top: -215px;
}
.contact-us-row {
  margin-top: -50px;
}
.contact-us-column {
  -ms-flex: 0 0 40%;
  flex: 0 0 50%;
  max-width: 45%;
}
.contact-us-full-column {
  -ms-flex: 0 0 95%;
  flex: 0 0 95%;
  max-width: 95%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 10px;
}
.contact-us-zipcode-column {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.contact-us-space {
  width: 8.33333333%;
}
.contact-us-radio-group {
  min-width: 0;
  margin: 15px 0 0 0;
  border: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  column-gap: 20px;
}
.contact-us-submit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: -150px;
  -ms-flex: 0 0 95%;
  flex: 0 0 95%;
  max-width: 95%;
}
@media only screen and (max-width: 428px) {
  .contact-us-submit {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media only screen and (max-width: 428px) {
  .contact-us-btnwraper {
    border: none;
    margin-top: 16px;
  }
}
.contact-us-title-header {
  padding: 15px;
  background-color: #f8f8f8;
}
.contact-us-title {
  font-weight: 600;
}
.contact-us-title-body {
  margin-bottom: 30px;
}
.contact-us-text-area {
  border: 1px solid #ced4da;
}
.ds-input-components-radio-label-form {
  max-width: 45.33333%;
}
.form-space {
  margin-top: 15px;
}
.form-control.is-invalid-contact-text {
  border-color: #dc3545;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-details-slider-popup-inner button.slick-arrow {
  height: 35px;
  color: #c0c9ce;
  background: transparent;
  box-shadow: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #e29a00;
  color: white;
}
.ds-product-details-slider-popup-inner button.slick-arrow.slick-prev:before {
  right: 32px;
}
.ds-product-details-slider-popup-inner button.slick-arrow.slick-next:before {
  left: 6px;
}
.ds-product-details-slider-popup-inner button:active {
  background: #e29a00;
  color: white;
}
.video-gallery-wrapper {
  max-height: 650px;
}
.video-gallery-wrapper button.slick-arrow.slick-prev {
  left: 60px;
}
@media only screen and (max-width: 1379px) {
  .video-gallery-wrapper button.slick-arrow.slick-prev {
    left: 20px;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery-wrapper button.slick-arrow.slick-prev {
    left: 22px;
  }
}
@media only screen and (max-width: 739px) {
  .video-gallery-wrapper button.slick-arrow.slick-prev {
    left: 12px;
  }
}
.video-gallery-wrapper button.slick-arrow.slick-next {
  right: 60px;
}
@media only screen and (max-width: 1379px) {
  .video-gallery-wrapper button.slick-arrow.slick-next {
    right: 20px;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery-wrapper button.slick-arrow.slick-next {
    right: 22px;
  }
}
@media only screen and (max-width: 739px) {
  .video-gallery-wrapper button.slick-arrow.slick-next {
    right: 12px;
  }
}
@media only screen and (max-width: 1379px) {
  .video-gallery-wrapper {
    max-height: 405px;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery-wrapper {
    max-height: 195px;
  }
}
.video-gallery {
  padding: 20px;
}
.video-gallery .ds-single-image-text {
  max-width: none;
  margin: 10px 60px;
}
.video-gallery .ds-single-image-text .ds-text {
  margin: 36px 0 20px;
}
.video-gallery .ds-single-image-text .ds-text p {
  max-width: none;
}
@media (min-width: 1200px) {
  .video-gallery .ds-single-image-text .ds-text {
    margin: 36px 0 20px;
  }
}
@media only screen and (min-width: 833px) and (max-width: 1379px) {
  .video-gallery .ds-single-image-text {
    margin: 10px 20px;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery .ds-single-image-text {
    margin: 10px 10px;
  }
}
.video-gallery h2 {
  margin-bottom: 10px;
}
@media only screen and (max-width: 833px) {
  .video-gallery h2 {
    margin: 10px;
  }
}
.video-gallery h3 {
  margin-bottom: 10px;
}
.video-gallery p {
  margin: 10px 0;
}
.video-gallery .video-gallery-container {
  padding: 20px;
  text-align: center;
}
.video-gallery .video-gallery-container iframe {
  width: 100%;
  min-height: 620px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0 40px;
}
@media only screen and (max-width: 1379px) {
  .video-gallery .video-gallery-container iframe {
    padding: 0 20px;
    min-height: 405px;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery .video-gallery-container iframe {
    padding: 0 20px;
    min-height: 194px;
  }
}
@media only screen and (max-width: 739px) {
  .video-gallery .video-gallery-container iframe {
    padding: 0 10px;
  }
}
.video-gallery .video-gallery-container .video-gallery-caption {
  opacity: 0.6;
  background-color: rgba(231, 231, 231, 0.85);
  display: block;
  position: relative;
  bottom: 125px;
  margin: 0 40px;
}
.video-gallery .video-gallery-container .video-gallery-caption button {
  border: none;
  position: absolute;
  left: 49%;
  width: 60px;
  height: 40px;
  cursor: pointer;
}
.video-gallery .video-gallery-container .video-gallery-caption button:visited {
  visibility: hidden;
}
.video-gallery .video-gallery-container .video-gallery-caption button.closeIcon {
  right: 0;
  top: 0;
  left: auto;
  margin-left: 0;
  z-index: 1;
  background: transparent;
}
@media only screen and (max-width: 833px) {
  .video-gallery .video-gallery-container .video-gallery-caption button.closeIcon {
    width: 20px;
    height: 20px;
  }
}
.video-gallery .video-gallery-container .video-gallery-caption button.captionIcon {
  top: 75px;
}
@media only screen and (max-width: 1379px) {
  .video-gallery .video-gallery-container .video-gallery-caption button.captionIcon {
    left: 48%;
    top: 50px;
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery .video-gallery-container .video-gallery-caption button.captionIcon {
    top: 45px;
    left: 45%;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery .video-gallery-container .video-gallery-caption button {
    width: 30px;
    height: 30px;
  }
}
.video-gallery .video-gallery-container .video-gallery-caption .ds-caption-figcaption {
  display: block;
}
@media only screen and (min-width: 833px) and (max-width: 1379px) {
  .video-gallery .video-gallery-container .video-gallery-caption .ds-caption-figcaption .gallery-ellipsish5 {
    margin-bottom: 5px;
  }
}
.video-gallery .video-gallery-container .video-gallery-caption .ds-caption-figcaption .gallery-ellipsis p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
}
@media only screen and (min-width: 833px) and (max-width: 1379px) {
  .video-gallery .video-gallery-container .video-gallery-caption .ds-caption-figcaption .gallery-ellipsis p {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 1379px) {
  .video-gallery .video-gallery-container .video-gallery-caption .ds-caption-figcaption {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery .video-gallery-container .video-gallery-caption .ds-caption-figcaption {
    padding: 10px 10px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 1379px) {
  .video-gallery .video-gallery-container .video-gallery-caption {
    margin: 0 20px;
    bottom: 90px;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery .video-gallery-container .video-gallery-caption {
    margin: 0 10px;
    bottom: 85px;
  }
}
.video-gallery .video-gallery-container .gallery-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .video-gallery .video-gallery-container {
    padding: 0;
  }
}
@media only screen and (max-width: 1379px) {
  .video-gallery .video-gallery-container {
    padding: 0;
  }
}
@media only screen and (max-width: 833px) {
  .video-gallery {
    padding: 0;
  }
}
@media only screen and (max-width: 1379px) {
  .video-gallery {
    padding: 0;
  }
}
.video-card-wrapper {
  max-width: 1000px;
  margin: auto;
  padding: 20px 50px;
  margin-top: -20px;
}
.video-card-wrapper .slick-slide {
  padding-right: 4px;
}
.video-card-wrapper .slick-slide .card {
  background-color: #53585b;
}
.video-card-wrapper .slick-slide .card-body {
  padding: 10px;
}
.video-card-wrapper .slick-slide .card-body img {
  max-width: 150px;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}
.video-card-wrapper .slick-slide .card-body .noImage {
  width: 100%;
  height: 100px;
  background-color: #d7dadc;
  min-width: 150px;
}
.video-card-wrapper .slick-slide .card-body p {
  margin-right: 0;
  margin-left: 0;
}
.video-card-wrapper .slick-slide .card-body h5 {
  color: #a5a0a0;
  text-align: center;
  margin-bottom: 0;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}
.video-card-wrapper .slick-slide .card-body a[disabled] {
  pointer-events: none;
  cursor: default;
  border-color: #005cbf;
}
.video-card-wrapper .slick-slide .card-body .video-thumbnail-btn {
  position: absolute;
  left: 40%;
  top: 40%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
  border-color: transparent;
}
.video-card-wrapper .slick-slide .card-body .video-thumbnail-btn:visited {
  border-color: #005cbf;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .video-card-wrapper .slick-slide .card-body .video-thumbnail-btn {
    left: 35%;
    top: 40%;
  }
}
@media only screen and (max-width: 320px) {
  .video-card-wrapper .slick-slide .card-body .video-thumbnail-btn {
    left: 32%;
    top: 40%;
  }
}
.video-card-wrapper .slick-slide .card-body .video-thumbnail-icon {
  fill: white;
  position: relative;
  width: 20px;
  height: 20px;
  background: #e29a00;
  border-radius: 50%;
  border-color: #e29a00;
}
@media only screen and (max-width: 833px) {
  .video-card-wrapper .slick-slide .card-body .video-thumbnail-icon {
    width: 25px;
    height: 25px;
  }
}
@media only screen and (max-width: 833px) {
  .video-card-wrapper .slick-slide .mobileCardOneImage {
    width: 100%;
    display: block !important;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
  }
}
.video-card-wrapper button.slick-arrow {
  background: transparent;
  color: darkgrey;
  box-shadow: none;
}
.video-card-wrapper button.slick-arrow.slick-prev {
  left: 0;
}
@media only screen and (max-width: 1379px) {
  .video-card-wrapper button.slick-arrow.slick-prev:before {
    right: 42px;
  }
}
.video-card-wrapper button.slick-arrow.slick-next {
  right: 0;
}
@media only screen and (max-width: 1379px) {
  .video-card-wrapper button.slick-arrow.slick-next:before {
    left: 16px;
  }
}
@media only screen and (max-width: 833px) {
  .video-card-wrapper {
    padding: 5px 15px 15px 15px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 1379px) {
  .video-card-wrapper {
    padding: 5px 15px 15px 15px;
    margin-top: 0;
  }
}

.ds-error-pages {
  margin-bottom: 200px;
  margin-top: 200px;
}
.ds-error-pages-error {
  color: #80898e;
  display: block;
  font-size: 40px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 32px;
  text-align: center;
}
.ds-error-pages-message {
  color: #80898e;
  display: block;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 auto;
  max-width: 666px;
  text-align: center;
}
.ds-error-pages-button {
  display: block;
  margin-top: 32px;
  text-align: center;
}
.ds-error-pages-button-text {
  font-size: 16px;
  line-height: 16px;
  padding: 12px 9%;
}
@media only screen and (max-width: 833px) {
  .ds-error-pages-error {
    margin-bottom: 16px;
  }
  .ds-error-pages-message {
    font-size: 16px;
    font-weight: 300;
  }
  .ds-error-pages-button {
    margin-top: 16px;
  }
  .ds-error-pages-button-text {
    width: 90%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-facebook-teaser-title {
  text-align: center;
}
.ds-facebook-teaser-container {
  -ms-flex-align: stretch;
      align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.ds-facebook-teaser-container-col {
  margin-left: 2%;
  width: 31%;
}
.ds-facebook-teaser-card {
  margin-bottom: 10px;
}
.ds-facebook-teaser .fb-post > span {
  max-width: 100%;
}
.ds-facebook-teaser .fb-post iframe {
  max-width: 100%;
}
.ds-facebook-teaser .fb_iframe_widget {
  max-width: 100%;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-faq-section-collapse {
  border: 1px solid #c0c9ce;
}
.ds-faq-section-collapse-content-inner {
  border-top: 1px solid #c0c9ce;
  padding: 15px;
}
.ds-faq-section-collapse-title {
  -ms-flex-align: center;
      align-items: center;
  background: #fbfbfb;
  color: #53585b;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 15px;
}
.ds-faq-section-collapse-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #53585b;
  fill: #53585b;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 739px) {
  .ds-faq-section-collapse {
    border-left: 0;
    border-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.ds-global-nav-account {
  box-shadow: 0 3px 16px 0 #c0c9ce;
  position: absolute;
  right: 0;
  top: 44px;
  z-index: 101;
}
.ds-global-nav-account-menu {
  background: #fff;
  border: 1px solid #e7e7e7;
  font-size: 12px;
  text-align: left;
  width: 180px;
}
.ds-global-nav-account-menu-header {
  border-bottom: 1px solid #e7e7e7;
  color: #53585b;
  font-weight: 400;
  padding: 10px 15px;
}
.ds-global-nav-account-menu-links {
  border-bottom: 1px solid #e7e7e7;
  padding: 8px 15px 10px;
}
.ds-global-nav-account-menu-link-item {
  padding: 4px 0;
}
.ds-global-nav-account-menu-footer {
  padding: 10px 15px;
}
.ds-global-nav-account-menu-footer-icon {
  fill: #7d8081;
  height: 13px;
  margin-right: 8px;
  width: 12px;
}
.ds-global-nav-account .ds-global-nav-account-menu-link,
.ds-global-nav-account .ds-global-nav-account-menu-footer-link {
  color: #7d8081;
}
.ds-global-nav-button-caret {
  height: 15px;
  margin-left: 3px;
  vertical-align: middle;
  width: 15px;
}
@media only screen and (max-width: 1439px) {
  .ds-global-nav-button-caret {
    display: none;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-global-nav-hamburger-menu {
  background-color: #53585b;
  font-size: 12px;
  margin-left: -15px;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll !important;
  padding-bottom: 45px;
  padding-top: 44px;
  position: absolute;
  text-align: left;
  top: 0;
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  transition: transform 400ms ease-in;
  width: 100%;
  z-index: -1;
}
.ds-global-nav-hamburger-menu-slide-in {
  -ms-transform: translateX(0);
      transform: translateX(0);
}
.ds-global-nav-hamburger-menu-slide-out {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
}
.ds-global-nav-hamburger-menu-header {
  background: inherit;
  color: #d5d5d5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-weight: 200;
  height: 8vh;
  padding: 10px 15px 60px 15px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ds-global-nav-hamburger-menu-button {
  border: none;
  border-radius: 4px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  font-weight: 200;
  height: 44px;
  margin-right: 3px;
  padding-right: 13px;
  text-transform: capitalize;
}
.ds-global-nav-hamburger-menu-account {
  padding-right: 20px;
}
.ds-global-nav-hamburger-menu-subheader {
  background-color: rgba(0, 0, 0, 0.08);
  color: #7d8081;
  font-size: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
}
.ds-global-nav-hamburger-menu-subheader-svg {
  fill: #7d8081;
  float: right;
  height: 2vh;
  margin-top: 3px;
  width: 4vw;
}
.ds-global-nav-hamburger-menu-subheader-svg-collapsed {
  transform: rotateX(180deg);
}
.ds-global-nav-hamburger-menu-content {
  border-bottom: 1px solid #7d8081;
  letter-spacing: 1px;
  margin-left: 15px;
  padding: 15px 15px 10px 0;
}
.ds-global-nav-hamburger-menu-subheaders {
  display: block;
  font-size: 14px;
  font-weight: 300;
}
.ds-global-nav-hamburger-menu-svg {
  width: 6vw;
}
.ds-global-nav-hamburger-menu-welcome {
  color: #fff;
  font-size: 18px;
  margin-left: 10px;
}
.ds-global-nav-hamburger-menu-sign-in-button {
  background-color: #f6a800;
  border: none;
  border-radius: 4px;
  color: #000;
  font-size: 15px;
  text-transform: capitalize;
  height: 40px;
  width: 100%;
}
.ds-global-nav-hamburger-menu-button:focus,
.ds-global-nav-hamburger-menu-sign-in-button:focus {
  outline: none;
}
.ds-global-nav-hamburger-menu-button-selected {
  background-color: #fff;
  color: #53585b;
  fill: #53585b;
}
.ds-global-nav-hamburger-menu-button-default {
  background-color: #999;
  color: #fff;
  fill: #fff;
}
.ds-global-nav-hamburger-menu-svg-light {
  fill: #fff;
}
.ds-global-nav-hamburger-menu-svg-dark {
  fill: #53585b;
}
.ds-global-nav-hamburger-menu-button-text {
  padding-left: 4px;
}
.ds-global-nav-hamburger-menu-hyperlink-selected,
.ds-global-nav-hamburger-menu-hyperlink-selected:active,
.ds-global-nav-hamburger-menu-hyperlink-selected:hover,
.ds-global-nav-hamburger-menu-hyperlink-selected:link,
.ds-global-nav-hamburger-menu-hyperlink-selected:visited {
  color: #53585b;
  display: block;
}
.ds-global-nav-hamburger-menu-hyperlink-default,
.ds-global-nav-hamburger-menu-hyperlink-default:active,
.ds-global-nav-hamburger-menu-hyperlink-default:hover,
.ds-global-nav-hamburger-menu-hyperlink-default:link,
.ds-global-nav-hamburger-menu-hyperlink-default:visited {
  color: #fff;
  display: block;
}
.ds-global-nav-hamburger-menu-hyperlink-sign-in,
.ds-global-nav-hamburger-menu-hyperlink-sign-in:active,
.ds-global-nav-hamburger-menu-hyperlink-sign-in:hover,
.ds-global-nav-hamburger-menu-hyperlink-sign-in:link,
.ds-global-nav-hamburger-menu-hyperlink-sign-in:visited {
  color: #000;
  display: block;
}
.ds-no-scroll {
  overflow: hidden;
  position: fixed;
}

.ds-global-navigation {
  font-size: 16px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-i-t-d-i-component {
  padding: 0 15px;
}
.ds-i-t-d-i-component-icon-oval {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 9px 5px rgba(37, 95, 112, 0.04), 0 0 27px 0 rgba(28, 30, 54, 0.14);
  display: -ms-flexbox;
  display: flex;
  height: 58px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 12px;
  width: 58px;
}
.ds-i-t-d-i-component-top-spacing {
  margin-top: 98px;
}
.ds-i-t-d-i-component-icon {
  fill: #0077c8;
  font-size: 32px;
  font-weight: 300;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 45.3px;
}
.ds-i-t-d-i-component-title {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 98px;
  text-align: center;
}
.ds-i-t-d-i-component-image-container {
  margin-top: 15px;
  width: 100%;
}
.ds-description {
  margin-top: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-i-t-d-i-component-top-spacing {
    margin-top: 33px;
  }
  .ds-i-t-d-i-component-title {
    margin-bottom: 30px;
  }
  .ds-i-t-d-i-component .ds-description {
    width: 100%;
  }
}

.ds-global-language-nav-account {
  box-shadow: 0 3px 16px 0 #c0c9ce;
  position: absolute;
  top: 44px;
  z-index: 101;
  right: 0;
  display: none;
}
.ds-global-language-nav-account-menu {
  background: #fff;
  border: 1px solid #e7e7e7;
  font-size: 12px;
  text-align: left;
  width: 180px;
}
.ds-global-language-nav-account-menu-header {
  border-bottom: 1px solid #e7e7e7;
  color: #53585b;
  font-weight: 400;
  padding: 10px 15px;
}
.ds-global-language-nav-account-menu-links {
  border-bottom: 1px solid #e7e7e7;
  padding: 8px 15px 10px;
}
.ds-global-language-nav-account-menu-link-item {
  padding: 4px 0;
}
.ds-global-nav-button-caret {
  height: 15px;
  margin-left: 3px;
  vertical-align: middle;
  width: 15px;
}
@media only screen and (max-width: 1439px) {
  .ds-global-nav-button-caret {
    display: none;
  }
}
.ds-navbar-language-list-item {
  color: #fff;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style: none;
  padding: 0.1px 17px;
  text-decoration: none;
}
.ds-navbar-section-list-item:hover > .ds-global-language-nav-account {
  display: block;
}
.ds-language-selector {
  position: relative;
}

.ds-academy-launcher3d-container {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fbfbfb;
  border: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  margin: 0 15px;
  padding: 40px;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-academy-launcher3d-container {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    margin: 0;
    padding: 30px 15px;
  }
}
.ds-academy-launcher3d-left {
  width: 100%;
}
.ds-academy-launcher3d-right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 30px;
  max-width: 45%;
}
@media only screen and (max-width: 833px) {
  .ds-academy-launcher3d-right {
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
.ds-academy-launcher3d-title-text {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  width: 100%;
}
.ds-academy-launcher3d-subtitle-text {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  width: 100%;
}
.ds-academy-launcher3d-button {
  border-radius: 4px;
  height: 39px;
}
@media only screen and (max-width: 833px) {
  .ds-academy-launcher3d-button {
    width: 100%;
  }
}
.ds-academy-launcher3d-image-container {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ds-academy-launcher3d-image {
  max-height: 235px;
  max-width: 431px;
}
@media only screen and (max-width: 833px) {
  .ds-academy-launcher3d-image {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
  }
}
.ds-academy-launcher3d-image-img {
  max-height: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-academy-launcher3d-image-img {
    width: 100%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-left-navigation-panel {
  color: #53585b;
  padding: 25px 20px 0 40px;
}
@media only screen and (max-width: 833px) {
  .ds-left-navigation-panel {
    padding: 1rem;
  }
}
.ds-left-navigation-panel-icon {
  fill: #c0c9ce;
  margin-bottom: 7px;
  margin-right: 10px;
  height: 30px;
  width: 30px;
}
.ds-left-navigation-panel-role-badge {
  background-color: #44a9ee;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  margin-top: 2px;
  padding: 5px 15px;
  text-align: center;
  vertical-align: top;
}
.ds-left-navigation-panel-user-name {
  font-weight: 500;
  line-height: 23px;
  word-wrap: break-word;
}
.ds-left-navigation-panel-practice-name {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  margin-top: 5px;
}
.ds-left-navigation-panel-menu-item {
  border-bottom: 1px solid #e7e7e7;
}
.ds-left-navigation-panel-menu-item:first-child {
  border-top: 1px solid #e7e7e7;
}
.ds-left-navigation-panel-menu-item-text {
  -ms-flex-align: center;
      align-items: center;
  background: none;
  border: none;
  color: #53585b;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 1;
  padding: 15px 0;
  text-align: left;
  width: 100%;
}
.ds-left-navigation-panel-menu-item-text:focus {
  outline: none;
}
.ds-left-navigation-panel-menu-item-text:hover {
  color: #53585b;
  text-decoration: none;
}
.ds-left-navigation-panel-menu-item-collapse-icon {
  color: #0077c8;
  -ms-flex-preferred-size: 10px;
      flex-basis: 10px;
  height: 10px;
  min-width: 10px;
}
.ds-left-navigation-panel-hide-sub-menu {
  display: none;
}
.ds-left-navigation-panel-sub-menu {
  margin-top: 5px;
}
.ds-left-navigation-panel-sub-menu-item {
  color: #53585b;
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: 10px;
}
.ds-left-navigation-panel-sub-menu-item.active {
  color: #b17b12;
  text-decoration: underline;
}
.ds-left-navigation-panel-sub-menu-item:hover {
  color: #53585b;
  text-decoration: underline;
}

.ds-legal-popup {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.ds-legal-popup-wrapper {
  background: #fcfcfc;
  top: 50px;
  height: 150px;
  left: 0;
  position: fixed;
  right: 0;
  width: 92%;
  z-index: 90;
}
.ds-legal-popup-wrapper .row:before,
.ds-legal-popup-wrapper .row:after {
  display: none;
}
@media only screen and (max-width: 1439px) {
  .ds-legal-popup-wrapper {
    height: 150px;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-legal-popup-wrapper {
    height: 320px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-legal-popup-wrapper {
    height: 400px;
  }
}
.ds-legal-popup-wrapper-icon {
  float: left;
}
@media only screen and (max-width: 1379px) {
  .ds-legal-popup-wrapper-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding: 4px 0;
  }
}
.ds-legal-popup-content {
  font-size: 14px;
  margin: auto;
  padding: 2.08125vw 3.125vw;
  position: relative;
}
.ds-legal-popup-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: baseline;
      align-items: baseline;
}
@media only screen and (max-width: 1379px) {
  .ds-legal-popup-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.ds-legal-popup-accept-button {
  height: 40px;
  margin-right: 18px;
  margin-top: 55px;
  width: 140px;
}
@media only screen and (max-width: 1379px) {
  .ds-legal-popup-accept-button {
    width: 100%;
    margin: 20px;
  }
}
.ds-legal-popup-close-icon {
  cursor: pointer;
  max-height: 20px;
  max-width: 10px;
  padding-top: 10px;
}
#overlay {
  position: fixed;
  /* Sit on top of the page content */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(220, 220, 220, 0.9);
  /* Black background with opacity */
  z-index: 20;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
}

.ds-live-training-card {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 4px 20px 0 #53585b;
}
.ds-live-training-card-content {
  margin: auto;
  padding: 31px 16px;
  width: 100%;
}
.ds-live-training-card-title {
  color: #53585b;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  padding-bottom: 27px;
}
.ds-live-training-card-course-img {
  background: no-repeat 50%;
  background-size: contain;
  width: 100%;
}
.ds-live-training-card-course-title {
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  word-break: break-word;
}
.ds-live-training-card-explore-ds-academy-button {
  background-color: #0077c8;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 18px;
  margin-top: 38px;
  width: 100%;
}
.ds-live-training-card-explore-ds-academy-button:hover {
  color: #fff;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-card-product {
  padding: 24px 33px;
}
.ds-card-productBox {
  box-shadow: 0 0 5px 1px #e7e7e7;
  margin: 15px 20px;
  min-height: 454px;
  padding-bottom: 40px;
  width: 316px;
}
.ds-card-product-title {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  height: 80px;
  line-height: 32px;
  padding: 20px 0 0 20px;
}
.ds-card-product-img {
  border: solid 1px #e7e7e7;
  padding: 20px;
  width: 220px;
}
.ds-card-product-sku {
  color: #7d8081;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
}
.ds-card-product-name {
  word-break: break-word;
  word-wrap: break-word;
}
.ds-card-product-name,
.ds-card-product-name:hover,
.ds-card-product-name:focus {
  color: #0077c8;
  display: block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 23px;
  text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.ds-card-product-purchase-btn,
.ds-card-product-purchase-btn:hover,
.ds-card-product-purchase-btn:focus {
  bottom: 0;
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 20px;
  padding-left: 0;
  position: absolute;
}
.ds-card-product-price {
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 1439px) {
  .ds-card-product-price {
    font-size: 17px;
  }
}
.ds-card-product-login-btn {
  border: 1px solid #d5d5d5;
  color: rgba(0, 0, 0, 0.08);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 44px;
  margin-top: 20px;
  text-align: center;
}
.ds-card-product-login-btn:hover {
  background-color: #0077c8;
  color: #fff;
  transition: 1s;
}
.ds-card-title {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 15px;
  padding-bottom: 20px;
}
.ds-card-title-reorder {
  padding-bottom: 2px;
}
.ds-product-user-title {
  margin: 10px auto;
}
.ds-product-user-title-icon {
  color: #c0c9ce;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 15px;
  text-align: center;
  width: 49px;
}
.ds-product-user-title-user {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  max-width: 80%;
  word-wrap: break-word;
}
.ds-product-user-title-tag {
  background: #e7e7e7;
  color: #80898e;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 3px 0;
  position: absolute;
  width: 100%;
}
.ds-product-item-user-card {
  height: 78%;
  min-height: 200px;
  padding-bottom: 30px;
  position: relative;
  text-align: left;
}
.ds-product-item-container {
  bottom: -15px;
  position: relative;
}
.ds-product-item {
  min-height: 280px;
  padding-bottom: 35px;
  position: relative;
  text-align: left;
}
.ds-product-item-reorder {
  margin-bottom: 15px;
  margin-right: 15px;
  max-width: 110px;
  width: 110px;
}
.ds-product-item-sign-in {
  display: block;
  margin-top: 10px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  width: 100%;
}
.ds-product-item-image-w {
  border: solid 1px #e7e7e7;
  display: block;
  margin-bottom: 10px;
}
.ds-product-item-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  padding-top: 65%;
  width: 100%;
}
.ds-product-name-pricing-container {
  text-decoration: none;
}

.ds-loader {
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 199999;
}
.ds-loader--hidden {
  display: none;
}
.ds-loader--active {
  display: block;
}
.ds-loader-icon {
  background: url("../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/icon-loader.svg") no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 100%;
  left: 50%;
  max-height: 50px;
  max-width: 50px;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10;
}

.ds-academy-location-cards-title {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 6px;
  margin-left: 22px;
  margin-top: 25px;
  width: 100%;
}
.ds-academy-location-cards-address {
  color: #53585b;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 6px;
  margin-left: 22px;
  width: 93%;
}
.ds-academy-location-cards-box {
  background-color: #fff;
  border: 1px solid #c0c9ce;
  border-radius: 4px;
  height: 135px;
  margin-top: 30px;
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-academy-location-cards-title {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-academy-location-cards-column {
    margin-left: 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-mega-menu {
  background-color: #fff;
  margin-top: 30px;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu {
    margin-top: 20px;
  }
}
.ds-mega-menu-hidden {
  display: none;
}
.ds-mega-menu-hidden-container {
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  max-width: 1440px;
  padding: 0 40px;
  width: 100%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  position: absolute;
  left: 50%;
}
@media only screen and (min-width: 833px) and (max-width: 1379px) {
  .ds-mega-menu-hidden-container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-hidden-container {
    padding: 0 15px 5px;
  }
}
.ds-mega-menu-hidden-container .row {
  margin-bottom: 10px;
  min-width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-hidden-container .row {
    margin-bottom: 0;
  }
}
.ds-mega-menu-tab-links {
  margin-top: -3px;
  overflow: auto;
  padding-bottom: 0;
  padding-top: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-tab-links-inner {
    display: table;
    width: 100%;
  }
}
.ds-mega-menu-tab-links-c {
  margin: 0 auto;
  max-width: 1440px;
  padding-bottom: 0;
  padding-top: 0;
}
.ds-mega-menu-tab-link {
  color: #53585b;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 15px;
  position: relative;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-tab-link {
    font-size: 13px;
    margin-bottom: 15px;
    margin-left: 0;
  }
}
.ds-mega-menu-tab-link--selected {
  color: #0077c8;
}
.ds-mega-menu-tab-link.direct {
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-mega-menu-tab-link.direct:hover {
    color: #0077c8;
    cursor: pointer;
    text-decoration: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-mega-menu-tab-link.direct:hover {
    color: #0077c8;
    cursor: pointer;
    text-decoration: none;
  }
}
@media (hover) {
  .ds-mega-menu-tab-link.direct:hover {
    color: #0077c8;
    cursor: pointer;
    text-decoration: none;
  }
}
.ds-mega-menu-tab-link.direct:active {
  color: #0077c8;
  cursor: pointer;
  text-decoration: none;
}
.ds-mega-menu-tab-link:not( :first-child ) {
  margin-left: 40px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-tab-link:not( :first-child ) {
    margin-left: 20px;
  }
}
.ds-mega-menu-gradient-line {
  background: linear-gradient(90deg, #0377c8 0%, #a5a6ac 52.77%, #eaaa3b 100%);
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -12px;
  max-width: 1440px;
  overflow: hidden;
  position: relative;
}
.ds-mega-menu-gradient-line.ds--modified {
  display: inline-block;
  height: 6px;
  margin-top: -6px;
  max-width: none;
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-gradient-line.ds--modified {
    display: none;
  }
}
.ds-mega-menu-gradient-line-arrow {
  position: relative;
  -ms-transform: translateX(-12px);
      transform: translateX(-12px);
}
.ds-mega-menu-gradient-line-arrow.ds--animate {
  transition: 0.15s transform ease;
}
.ds-mega-menu-gradient-line-arrow-part {
  background: #fff;
  position: absolute;
  height: 12px;
  width: 110%;
}
.ds-mega-menu-gradient-line-arrow-part.ds--left:after,
.ds-mega-menu-gradient-line-arrow-part.ds--right:after {
  background: #fff;
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  top: -17px;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -ms-transform-origin: center;
      transform-origin: center;
  height: 24px;
  width: 24px;
}
.ds-mega-menu-gradient-line-arrow-part.ds--left {
  left: -110%;
  margin-left: -12px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-gradient-line-arrow-part.ds--left {
    margin-left: -8px;
  }
}
.ds-mega-menu-gradient-line-arrow-part.ds--right {
  margin-left: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-gradient-line-arrow-part.ds--right {
    margin-left: 8px;
  }
}
.ds-mega-menu-gradient-line-arrow-part.ds--right:after {
  left: -12px;
}
.ds-mega-menu-columns {
  padding-bottom: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-columns {
    margin-left: 15px;
  }
}
.ds-mega-menu-columns-single-column {
  font-size: 14px;
  margin-top: 30px;
  min-height: 60px;
  text-align: left;
  vertical-align: top;
}
.ds-mega-menu-columns-single-column:first-child {
  padding-left: 25px;
}
.ds-mega-menu-columns-single-column:not( :first-child ) {
  border-left: 1px solid #e7e7e7;
  padding-left: 90px;
}
@media only screen and (max-width: 1379px) {
  .ds-mega-menu-columns-single-column:not( :first-child ) {
    padding-left: 70px;
  }
}
.ds-mega-menu-columns-single-column .ds-mega-menu-cards-view-all-inline {
  margin-left: -15px;
  text-align: left;
}
.ds-mega-menu-columns-single-column-icon {
  height: 30px;
  margin-left: -30px;
  margin-right: 15px;
  max-width: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-columns-single-column-icon {
    margin-left: 30px;
    margin-right: auto;
  }
}
.ds-mega-menu-columns-single-column-text-wrapper {
  display: inline-block;
  margin: auto auto 40px auto;
  text-align: left;
}
.ds-mega-menu-columns-single-column-title {
  cursor: pointer;
  font-weight: bold;
  line-height: 50px;
}
.ds-mega-menu-columns-single-column-item {
  color: #53585b;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.1;
  padding-bottom: 5px;
  padding-top: 5px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-columns-single-column-middle-column {
    border: none;
  }
}
.ds-mega-menu-columns-single-column.middle-column {
  border-left: 1px solid #7d8081;
  border-right: 1px solid #7d8081;
}
.ds-mega-menu-columns-mobile-title {
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 55px;
}
.ds-mega-menu-columns-mobile-icon {
  height: 40px;
  width: 40px;
}
.ds-mega-menu-columns-mobile-drop-down-icon {
  height: 20px;
  width: 20px;
}
.ds-mega-menu-columns-mobile-item {
  color: #53585b;
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  line-height: 55px;
}
.ds-mega-menu-cards-view-all {
  bottom: 0;
  color: #0077c8;
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-view-all {
    border-radius: 0;
    box-shadow: none;
    padding: 10px 0 15px 15px;
    position: static;
    text-align: left;
  }
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-mega-menu-cards-view-all:hover {
    color: #0077c8;
    fill: #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-mega-menu-cards-view-all:hover {
    color: #0077c8;
    fill: #0077c8;
  }
}
@media (hover) {
  .ds-mega-menu-cards-view-all:hover {
    color: #0077c8;
    fill: #0077c8;
  }
}
.ds-mega-menu-cards-view-all:active {
  color: #0077c8;
  fill: #0077c8;
}
.ds-mega-menu-cards-view-all + .row {
  margin-bottom: 75px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-view-all + .row {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-view-all + .row .ds-mega-menu-cards-image:first-child,
  .ds-mega-menu-cards-view-all + .row .ds-mega-menu-cards-image:nth-child( 2 ) {
    margin-top: -15px;
  }
}
.ds-mega-menu-cards-view-all-inline {
  color: #0077c8;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-mega-menu-cards-view-all-inline:hover {
    color: #0077c8;
    fill: #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-mega-menu-cards-view-all-inline:hover {
    color: #0077c8;
    fill: #0077c8;
  }
}
@media (hover) {
  .ds-mega-menu-cards-view-all-inline:hover {
    color: #0077c8;
    fill: #0077c8;
  }
}
.ds-mega-menu-cards-view-all-inline:active {
  color: #0077c8;
  fill: #0077c8;
}
@media only screen and (min-width: 833px) and (max-width: 1379px) {
  .ds-mega-menu-cards-icon,
  .ds-mega-menu-cards-image {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-icon {
    padding: 0;
    /* stylelint-disable */
    /* stylelint-enable */
  }
  .ds-mega-menu-cards-icon:first-child {
    border-top: 1px solid #e7e7e7;
  }
  .ds-mega-menu-cards-icon:not( :first-child ) .ds-mega-menu-cards-icon-title {
    border-top: 1px solid #e7e7e7;
  }
  .ds-mega-menu-cards-icon:active .ds-mega-menu-cards-icon-title {
    border-top-color: #0077c8;
  }
  .ds-mega-menu-cards-icon:active + .ds-mega-menu-cards-icon .ds-mega-menu-cards-icon-title {
    border-top-color: #0077c8;
  }
}
@media only screen and (max-width: 833px) and (-moz-device-pixel-ratio: 0) {
  .ds-mega-menu-cards-icon:hover .ds-mega-menu-cards-icon-title {
    border-top-color: #0077c8;
  }
  .ds-mega-menu-cards-icon:hover + .ds-mega-menu-cards-icon .ds-mega-menu-cards-icon-title {
    border-top-color: #0077c8;
  }
}
@media only screen and (max-width: 833px) and all and (-ms-high-contrast: none), only screen and (max-width: 833px) and (-ms-high-contrast: active) {
  .ds-mega-menu-cards-icon:hover .ds-mega-menu-cards-icon-title {
    border-top-color: #0077c8;
  }
  .ds-mega-menu-cards-icon:hover + .ds-mega-menu-cards-icon .ds-mega-menu-cards-icon-title {
    border-top-color: #0077c8;
  }
}
@media only screen and (max-width: 833px) and (hover) {
  .ds-mega-menu-cards-icon:hover .ds-mega-menu-cards-icon-title {
    border-top-color: #0077c8;
  }
  .ds-mega-menu-cards-icon:hover + .ds-mega-menu-cards-icon .ds-mega-menu-cards-icon-title {
    border-top-color: #0077c8;
  }
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-image:last-child {
    margin-bottom: 10px;
  }
  .ds-mega-menu-cards-image:nth-child( 2n ) {
    padding-left: 7px;
  }
  .ds-mega-menu-cards-image:nth-child( 2n+1 ) {
    padding-right: 7px;
  }
}
.ds-mega-menu-cards-icon-container,
.ds-mega-menu-cards-image-container {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 85px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 8px;
  margin-top: 15px;
  padding: 5px;
  text-align: center;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-mega-menu-cards-icon-container:hover,
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #44a9ee;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-mega-menu-cards-icon-container:hover,
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #44a9ee;
  }
}
@media (hover) {
  .ds-mega-menu-cards-icon-container:hover,
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #44a9ee;
  }
}
.ds-mega-menu-cards-icon-container:active,
.ds-mega-menu-cards-image-container:active {
  border: 1px solid #44a9ee;
}
@media only screen and (min-width: 833px) and (max-width: 1379px) {
  .ds-mega-menu-cards-icon-container,
  .ds-mega-menu-cards-image-container {
    padding: 3px;
  }
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-mega-menu-cards-icon-container:hover,
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-mega-menu-cards-icon-container:hover,
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #0077c8;
  }
}
@media (hover) {
  .ds-mega-menu-cards-icon-container:hover,
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #0077c8;
  }
}
.ds-mega-menu-cards-icon-container:active,
.ds-mega-menu-cards-image-container:active {
  border: 1px solid #0077c8;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-icon-container {
    -ms-flex-align: center;
        align-items: center;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -ms-flex-direction: row;
        flex-direction: row;
    height: auto;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin: 0;
    padding: 0;
    text-align: left;
  }
}
.ds-mega-menu-cards-image-container {
  /* stylelint-disable */
  /* stylelint-enable */
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-image-container {
    margin-bottom: 0;
  }
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #0077c8;
  }
}
@media (hover) {
  .ds-mega-menu-cards-image-container:hover {
    border: 1px solid #0077c8;
  }
}
.ds-mega-menu-cards-image-container:active {
  border: 1px solid #0077c8;
}
.ds-mega-menu-cards-icon-title,
.ds-mega-menu-cards-image-title {
  font-size: 13px;
}
.ds-mega-menu-cards-icon-title {
  font-size: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-icon-title {
    line-height: 55px;
    padding-left: 5px;
    width: 100%;
  }
}
.ds-mega-menu-cards-icon-link,
.ds-mega-menu-cards-image-link {
  border-radius: 4px;
  display: block;
  text-decoration: none;
  color: #53585b;
  fill: #53585b;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-mega-menu-cards-icon-link:hover,
  .ds-mega-menu-cards-image-link:hover {
    text-decoration: none;
    color: #0077c8;
    fill: #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-mega-menu-cards-icon-link:hover,
  .ds-mega-menu-cards-image-link:hover {
    text-decoration: none;
    color: #0077c8;
    fill: #0077c8;
  }
}
@media (hover) {
  .ds-mega-menu-cards-icon-link:hover,
  .ds-mega-menu-cards-image-link:hover {
    text-decoration: none;
    color: #0077c8;
    fill: #0077c8;
  }
}
.ds-mega-menu-cards-icon-link:active,
.ds-mega-menu-cards-image-link:active {
  text-decoration: none;
  color: #0077c8;
  fill: #0077c8;
}
.ds-mega-menu-cards-icon-img {
  margin-bottom: 3px;
  height: 25px;
  width: 25px;
}
@media only screen and (max-width: 833px) {
  .ds-mega-menu-cards-icon-img {
    margin: 0 10px 0 15px;
    height: 40px;
    width: 40px;
  }
}
.ds-mega-menu-cards-image-img {
  height: 29px;
  width: auto;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-news-tile {
  min-height: 328px;
  padding: 0 15px;
  height: auto;
  width: auto;
}
.ds-news-tile-img-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  height: 50%;
  width: 100%;
}
.ds-news-tile-img {
  height: 180px;
  max-width: 100%;
}
.ds-news-tile-img-w {
  text-align: center;
  width: 100%;
}
.ds-news-tile-img-w .ds-news-tile-img {
  display: inline-block;
}
.ds-news-tile-tag {
  position: absolute;
  left: 10px;
  top: 10px;
}
.ds-news-tile-title {
  color: #53585b;
  display: block;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  padding-bottom: 5px;
  text-transform: capitalize;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-news-tile-title:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-news-tile-title:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-news-tile-title:hover {
    color: #53585b;
  }
}
.ds-news-tile-title:active {
  color: #53585b;
}
.ds-news-tile-info {
  margin-top: 9px;
  text-align: left;
}
.ds-news-tile-info-cnt {
  color: #53585b;
  font-weight: 300;
  margin: 10px 0 7px;
}
.ds-news-tile-assets {
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  padding-bottom: 2px;
}
.ds-news-tile-assets-icon {
  fill: #53585b;
  margin: 0 8px 0 4px;
  position: relative;
  top: -1px;
  height: 14px;
  width: 14px;
}
.ds-news-tile-assets-documents .ds-news-tile-assets-icon {
  position: relative;
  top: -2px;
  height: 13px;
  width: 13px;
}
.ds-news-tile-date {
  font-size: 13px;
}
.ds-news-tile-link {
  border-radius: 0;
  margin-top: 3px;
  padding: 0;
}

.ds-courses-slider-slide-container {
  padding-bottom: 5px;
  padding-top: 5px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-procedure-slider-card {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0 0 20px 3px #f9f9f9;
  color: #53585b;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  height: 175px;
  width: 200px;
}
@media only screen and (max-width: 833px) {
  .ds-procedure-slider-card {
    margin: auto 30px;
  }
}
@media only screen and (max-width: 739px) {
  .ds-procedure-slider-card {
    margin: auto 60px;
  }
}
.ds-procedure-slider-card:hover,
.ds-procedure-slider-card:active {
  border-color: #44a9ee;
  color: #44a9ee;
  fill: #44a9ee;
}
.ds-procedure-slider-card-link {
  text-decoration: none !important;
}
.ds-procedure-slider-card-img-container {
  margin-bottom: 4px;
  margin-top: 34px;
  width: 100%;
}
.ds-procedure-slider-card-img {
  height: 70px;
  width: 70px;
}

.ds-quick-links-button.ds-button {
  border-color: #e7e7e7;
  border-radius: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  font-weight: lighter;
}
@media only screen and (max-width: 739px) {
  .ds-quick-links-button.ds-button {
    width: 100%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-teaser-card-vertical-container {
  height: 450px;
  max-width: 300px;
}
.ds-teaser-card-horizontal-container {
  max-height: 227px;
  max-width: 547px;
  overflow: hidden;
}
.ds-teaser-card-horizontal-container .ds-teaser-card-header {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-teaser-card-horizontal-container .ds-teaser-card-header {
    font-size: 16px;
  }
}
.ds-teaser-card-horizontal-container .card-block {
  padding-left: 31px;
  padding-right: 24px;
}
.ds-teaser-card-horizontal-container .ds-teaser-card-text {
  max-height: 105px;
  overflow: hidden;
}
.ds-teaser-card-horizontal-container .ds-teaser-card-img {
  background-position: center;
}
.ds-teaser-card-header {
  font-size: 16px;
  font-weight: 500;
}
.ds-teaser-card-text {
  font-size: 14px;
  text-overflow: ellipsis;
}
.ds-teaser-card-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.ds-teaser-card-vertical-img {
  max-height: 222px;
  max-width: 410px;
}
.ds-teaser-card-horizontal-left {
  -ms-flex: 1 0;
      flex: 1 0;
}
.ds-teaser-card-horizontal-right {
  -ms-flex: 0 0 212px;
      flex: 0 0 212px;
}
@media only screen and (max-width: 833px) {
  .ds-teaser-card-horizontal-right {
    display: none;
  }
}
.ds-teaser-card-horizontal-top {
  display: none;
  overflow: hidden;
  height: 223px;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-teaser-card-horizontal-top {
    display: block;
  }
}
.ds-teaser-card-horizontal-img-link {
  display: block;
  height: 227px;
  width: 212px;
}
.ds-teaser-card-horizontal-lg-img {
  height: 100%;
  width: 100%;
}
.ds-teaser-card-horizontal-sm-img {
  background-size: cover;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-teaser-card-horizontal-container {
    max-height: 450px;
    min-height: 450px;
  }
  .ds-teaser-card-vertical-container {
    max-height: 450px;
    min-height: 450px;
    overflow-y: hidden;
  }
  .ds-teaser-card-container-column {
    padding: 0;
  }
}
a.nostyle:link,
a.nostyle:visited {
  color: inherit;
  text-decoration: inherit;
}
.teaser-container.section {
  background-color: #fbfbfb;
  margin-bottom: 80px;
  padding-bottom: 105px;
  padding-top: 105px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.teaser {
  padding: 15px;
}
.teaser-title {
  color: #0077c8;
  font-size: 28px;
  font-weight: 300;
}
.teaser-text {
  font-size: 16px;
  margin-bottom: 1em;
}
.teaser-text a:not([href]) {
  cursor: text;
}
.teaser-text a:not([href]):hover {
  cursor: text;
  text-decoration: none;
  color: #f6a800;
}
@media (min-width: 992px) {
  .teaser .list-of-five .teaser-item {
    margin-right: 4%;
    padding: 0 !important;
  }
}
@media (min-width: 992px) {
  .teaser .list-of-five .teaser-item:nth-child(5n+5) {
    margin-right: 0;
  }
}
.teaser .teaser-list {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.teaser .teaser-list.ds-row-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media only screen and (max-width: 1439px) {
  .teaser .teaser-list {
    margin: 36px 0 72px;
  }
}
.teaser .teaser-list.theme--dark,
.teaser .teaser-list.theme--bgimage {
  padding: 4.6875vw 0;
}
@media only screen and (max-width: 1439px) {
  .teaser .teaser-list.theme--dark,
  .teaser .teaser-list.theme--bgimage {
    padding: 54px 0;
  }
}
@media only screen and (max-width: 739px) {
  .teaser .teaser-list.vertical .ds-teaser-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .teaser .teaser-list.vertical .ds-teaser-list-item-image {
    -ms-flex-preferred-size: 31.7675%;
        flex-basis: 31.7675%;
    margin-bottom: 0;
  }
  .teaser .teaser-list.vertical .ds-teaser-list-item-body {
    -ms-flex-preferred-size: 65.0975%;
        flex-basis: 65.0975%;
  }
}
.teaser .teaser-list-title {
  margin-bottom: 0.83em;
  color: #0077c8;
}
.teaser .teaser-list-text {
  margin: 1em 0;
}
.teaser .teaser-list-text .ds-text {
  margin: 0;
}
.teaser .teaser-item {
  margin-bottom: 30px;
  padding: 0 !important;
}
.teaser .teaser-item.three-in-row {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  max-width: 33%;
}
.teaser .teaser-item-image {
  margin-bottom: 15px;
  padding-left: 0;
  min-height: 150px;
}
.teaser .teaser-item-image img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.teaser .teaser-item-image img.fixed-height {
  height: 300px;
}
.teaser .teaser-item-image img[src^="/libs/cq/linkchecker/resources/"] {
  width: auto;
}
.teaser .teaser-item-image .ds-picture--svg {
  display: block;
  margin: 0 auto;
  width: 70%;
}
.teaser .teaser-item-image-link {
  display: block;
}
.teaser .teaser-item-title {
  margin-bottom: 10px;
  color: #0077c8;
  font-size: 19.2px;
  font-weight: 300;
  word-wrap: break-word;
}
.teaser .teaser-item-title-link {
  color: #0077c8;
}
.teaser .teaser-item-title-link:hover,
.teaser .teaser-item-title-link:focus {
  color: #0077c8;
}
.teaser .teaser-item-text {
  color: #0077c8;
  word-break: normal;
  font-size: 16px;
  line-height: 24px;
  color: #53585b;
}
.teaser .teaser-item-text h1 {
  font-size: 32px;
  line-height: 38px;
  color: #0077c8;
}
.teaser .teaser-item-text h2 {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 25px;
  color: #0077c8;
}
.teaser .teaser-item-text h3 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 25px;
  color: #0077c8;
}
.teaser .teaser-item-text h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 25px;
  color: #0077c8;
}
.teaser .teaser-item-text h5 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 25px;
  color: #0077c8;
}
.teaser .teaser-item-text h6 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 25px;
  color: #0077c8;
}
.teaser .teaser-item-text a:not([href]) {
  cursor: text;
}
.teaser .teaser-item-text a:not([href]):hover {
  cursor: text;
  text-decoration: none;
  color: #f6a800;
}
.teaser .teaser-item .ds-text {
  margin: 0;
}
.teaser .teaser-item.ds-button {
  margin-top: 10px;
  border: 0;
  color: #fff;
}
.teaser .button {
  margin-top: 10px;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
}
.teaser .ds-button-icon {
  fill: #fff !important;
}
.teaser.theme--dark {
  margin: 0;
  position: relative;
}
.teaser.theme--dark:after {
  position: absolute;
  background: #eee;
  content: '';
  top: 0;
  right: 50%;
  bottom: 0;
  z-index: -2;
  width: 100vw;
  -ms-transform: translateX(50%);
      transform: translateX(50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ds-sidebar ~ .ds-content .teaser.theme--dark:after {
  width: calc(100% + 30px);
}
.ds-video {
  margin: auto;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-text-image {
  padding: 10px;
}
.ds-text-image-image {
  padding: 0 0 24px;
}
@media only screen and (max-width: 739px) {
  .ds-text-image-image {
    float: left;
    padding: 0 2.0625vw 2.0625vw 0;
    width: 100%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-text-image-image {
    width: 100%;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-text-image-image {
    padding: 0 24px 24px 0;
  }
}
@media only screen and (max-width: 739px) {
  .ds-text-image.ds--right .ds-text-image-image {
    float: right;
    padding: 0 0 2.0625vw 2.0625vw;
  }
}
@media only screen and (max-width: 1439px) {
  .ds-text-image.ds--right .ds-text-image-image {
    padding: 0 0 24px 24px;
  }
}
.ds-text-image-image img {
  display: block;
  width: 100%;
}
.ds-text-image-image .ds-picture--svg {
  display: block;
  margin: 0 auto;
  width: 70%;
}
.ds-text-image-content:after {
  clear: both;
  content: "";
  display: block;
}
.ds-text-image-title {
  margin-bottom: 19px;
  padding-top: 25px;
  color: #0077c8;
  line-height: 33px;
  font-weight: normal;
}
.ds-text-image-desc {
  padding-top: 3.125vw;
}
@media only screen and (max-width: 739px) {
  .ds-text-image-desc {
    padding: 0;
  }
}
.ds-text-image-desc h2 {
  color: #0077c8;
  margin-bottom: 19px;
  font-size: 26px;
  line-height: 33px;
}
.ds-text-image-desc h3 {
  color: #0077c8;
  margin-bottom: 19px;
  font-size: 23px;
  line-height: 30px;
}
.ds-text-image-desc h4 {
  color: #0077c8;
  margin-bottom: 19px;
  font-size: 19px;
  line-height: 26px;
}
.ds-text-image-desc h5 {
  color: #0077c8;
  margin-bottom: 19px;
  font-size: 17px;
  line-height: 22px;
}
.ds-text-image-desc h6 {
  color: #0077c8;
  margin-bottom: 19px;
  font-size: 16px;
  line-height: 22px;
}
.ds-text-image.ds--dark {
  margin: 0;
  background: #eee;
}
.ds-text-image .ds-text {
  margin: 0;
}
.ds-text-image .ds-text p,
.ds-text-image .ds-text ul,
.ds-text-image .ds-text ol {
  max-width: 100%;
}
@media only screen and (min-width: 1200px) {
  .ds-text-image .ds-text-image-image--third {
    width: calc(100% / 3);
  }
  .ds-text-image .ds-text-image-image--half {
    width: calc(100% / 2);
  }
}
@media only screen and (min-width: 768px) {
  .ds-text-image .ds-text-image-image--third {
    width: calc(100% / 3);
  }
  .ds-text-image .ds-text-image-image--half {
    width: calc(100% / 2);
  }
}
.ds--left .ds-text-image-image {
  padding-right: 25px;
}
.ds--right .ds-text-image-image {
  padding-left: 15px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ecom-text-video--light {
  margin: 3.125vw 0 6.25vw;
}
@media only screen and (max-width: 1439px) {
  .ecom-text-video--light {
    margin: 36px 0 72px;
  }
}
.ecom-text-video--dark {
  position: relative;
  padding: 3.125vw 0 6.25vw;
  padding: 10px 0 10px;
}
.ecom-text-video--dark:after {
  position: absolute;
  background: #eee;
  content: '';
  top: 0;
  right: 50%;
  bottom: 0;
  z-index: -2;
  width: 100vw;
  -ms-transform: translateX(50%);
      transform: translateX(50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ds-sidebar ~ .ds-content .ecom-text-video--dark:after {
  width: calc(100% + 30px);
}
@media only screen and (max-width: 1439px) {
  .ecom-text-video--dark {
    padding: 36px 0 72px;
  }
}
.ecom-text-video-inner:after {
  clear: both;
  content: "";
  display: block;
}
.ecom-text-video-media {
  padding-bottom: 24px;
}
.ecom-text-video-text .ecom-text {
  margin: 0;
}
.ecom-text-video-text .ecom-text h1,
.ecom-text-video-text .ecom-text h2,
.ecom-text-video-text .ecom-text h3 {
  color: #0077c8;
}
.ecom-text-video-title {
  margin-bottom: 28px;
  color: #0077c8;
}
@media (min-width: 600px) {
  .ecom-text-video .ecom-text-video-media {
    float: left;
    padding-right: 24px;
    width: calc(100% / 2);
  }
}
@media (min-width: 600px) {
  .ecom-text-video--right .ecom-text-video-media {
    float: right;
    padding-left: 24px;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .ecom-text-video .ecom-text-video-media--third {
    width: calc(100% / 3);
  }
  .ecom-text-video .ecom-text-video-media--half {
    width: calc(100% / 2);
  }
}
.ecom-text-video .ecom-video {
  margin: 0;
}
.ecom-text-video .ecom-video-description {
  margin: 0;
}
.ecom-text-video .ecom-text {
  margin: 0;
}
.ecom-text-video .ecom-text p,
.ecom-text-video .ecom-text ul,
.ecom-text-video .ecom-text ol {
  max-width: 100%;
  overflow: hidden;
  padding-left: 20px;
}
/* Video component styles */
.ecom-video {
  margin: 3.125vw 0 6.25vw;
}
@media only screen and (max-width: 1439px) {
  .ecom-video {
    margin: 36px 0 72px;
  }
}
.ecom-video-bgcolor--dark {
  margin: 0;
  padding: 3.125vw 0 6.25vw;
  position: relative;
}
@media only screen and (max-width: 1439px) {
  .ecom-video-bgcolor--dark {
    padding: 36px 0 72px;
  }
}
.ecom-video-bgcolor--dark:after {
  position: absolute;
  background: #eee;
  content: '';
  top: 0;
  right: 50%;
  bottom: 0;
  z-index: -2;
  width: 100vw;
  -ms-transform: translateX(50%);
      transform: translateX(50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ds-sidebar ~ .ds-content .ecom-video-bgcolor--dark:after {
  width: calc(100% + 30px);
}
.ecom-video-headline {
  color: #0077c8;
  margin-bottom: 26px;
}
.ecom-video-player-wrapper {
  padding-top: 56.25%;
  position: relative;
}
.ecom-video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ecom-video-player-media {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.ecom-video-figure {
  margin: 0;
}
.ecom-video-preview {
  display: block;
  position: relative;
}
.ecom-video-preview:hover .ecom-video-preview-overlay {
  opacity: 0.85;
}
.ecom-video-preview-img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
}
.ecom-video-preview-link {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 50px solid rgba(246, 168, 0, 0.85);
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -25px;
}
.ecom-video-preview-overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #53585b;
  transition: opacity 0.2s;
}
.ecom-video-figcaption {
  padding: 22px 22px 30px 22px;
  background-color: #eee;
}
.ecom-video-bgcolor--dark .ecom-video-figcaption {
  background-color: #fff;
}
.ecom-video-title {
  font-size: 20px;
  line-height: 24px;
  color: #0069B7;
}
.ecom-video-description {
  margin-top: 20px;
  line-height: 20px;
  color: #5b5358;
}
.ecom-video .ecom-text {
  margin: 0 0 28px;
}
.ecom-video-popup {
  padding: 0;
  background: black;
  min-width: 0;
  width: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 833) {
  .ecom-video-popup {
    display: inline-block;
  }
}
.ecom-video-popup > div {
  width: 100%;
}
@media (min-width: 833) {
  .ecom-video-popup > div {
    width: auto;
  }
}
.ecom-video-popup .ecom-popup-close {
  width: auto;
}
@media (min-width: 833) {
  .ecom-video-popup .ecom-popup-close {
    display: none;
  }
}
.ecom-video-popup iframe,
.ecom-video-popup object,
.ecom-video-popup embed {
  width: 100%;
}
.ecom-video-embed-code-wrapper {
  margin: 2rem 0;
  position: relative;
}
.ecom-video-embed-code-label-text {
  display: block;
  padding-right: 2rem;
}
.ecom-video-embed-code-field {
  border: 1px solid #aaa;
  margin: 0.5rem auto;
  padding: 0.75rem;
  width: 100%;
}
.ecom-video-embed {
  display: none;
}
.ecom-video-embed-checkbox {
  position: absolute;
  opacity: 0;
}
.ecom-video-embed-checkbox:checked {
  display: none;
}
.ecom-video-embed-checkbox:checked ~ .ecom-video-embed-show-btn {
  display: none;
}
.ecom-video-embed-checkbox:checked ~ .ecom-video-embed {
  display: block;
}
.ecom-video-embed-checkbox:checked + .ecom-video-embed {
  display: block;
}
@media (min-width: 800px) {
  .ecom-video-embed-code-label {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
  }
  .ecom-video-embed-code-label-text {
    min-width: 200px;
  }
  .ecom-video-embed-code-field {
    -ms-flex-positive: 1;
        flex-grow: 1;
    margin: 0;
    width: auto;
    color: inherit;
  }
}
@media all and (min-width: 833) {
  .ecom-video-preview-link {
    border-top: 42px solid transparent;
    border-bottom: 42px solid transparent;
    border-left: 60px solid rgba(246, 168, 0, 0.85);
    margin-top: -42px;
    margin-left: -30px;
  }
  .ecom-video-popup iframe,
  .ecom-video-popup object,
  .ecom-video-popup embed {
    width: 720px;
    height: 405px;
    position: static;
  }
}
@media (min-width: 1379) {
  .ecom-video-popup iframe,
  .ecom-video-popup object,
  .ecom-video-popup embed {
    width: 940px;
    height: 501px;
  }
}
@media (min-width: 1439) {
  .ecom-video-popup iframe,
  .ecom-video-popup object,
  .ecom-video-popup embed {
    width: 1105px;
    height: 531px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-tiles-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto;
  max-width: 1127px;
}
.ds-tiles-container .ds--large,
.ds-tiles-container .empty {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}
.ds-tiles-container .ds--large .ds-tiles-item,
.ds-tiles-container .empty .ds-tiles-item {
  height: 460px;
}
@media only screen and (max-width: 833px) {
  .ds-tiles-container .ds--large .ds-tiles-item,
  .ds-tiles-container .empty .ds-tiles-item {
    height: 350px;
  }
}
.ds-tiles-container .ds--medium {
  -ms-flex: 0 0 69%;
      flex: 0 0 69%;
  max-width: 69%;
}
.ds-tiles-container .ds--medium .ds-tiles-item-content {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media only screen and (max-width: 833px) {
  .ds-tiles-container .ds--medium .ds-tiles-item-content {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.ds-tiles-container .ds--medium .ds-tiles-item-info {
  text-align: right;
}
@media only screen and (max-width: 833px) {
  .ds-tiles-container .ds--medium .ds-tiles-item-info {
    text-align: left;
  }
}
.ds-tiles-container .ds--small {
  -ms-flex: 0 0 28%;
      flex: 0 0 28%;
  max-width: 28%;
}
@media only screen and (max-width: 833px) {
  .ds-tiles-container .ds--medium,
  .ds-tiles-container .ds--small {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
}
.ds-tiles-item-content {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  padding: 45px 50px;
  position: relative;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-tiles-item-content {
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-tiles-item-content {
    padding: 35px 20px;
  }
}
.ds-tiles-item-link {
  position: absolute;
  left: 0;
  top: 0;
}
.ds-tiles-item {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  height: 285px;
  margin-bottom: 10px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media only screen and (max-width: 833px) {
  .ds-tiles-item {
    height: 350px;
  }
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-tiles-item:hover {
    text-decoration: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-tiles-item:hover {
    text-decoration: none;
  }
}
@media (hover) {
  .ds-tiles-item:hover {
    text-decoration: none;
  }
}
.ds-tiles-item:active {
  text-decoration: none;
}
.ds-tiles-item-info {
  max-width: 460px;
}
.ds-tiles-item-info .ds-a {
  display: block;
  font-weight: 500;
  margin-bottom: 0;
}
.ds-tiles-item-info-title {
  color: #53585b;
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 5px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media only screen and (max-width: 833px) {
  .ds-tiles-item-info-title {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-tiles-item-info-title:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-tiles-item-info-title:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-tiles-item-info-title:hover {
    color: #53585b;
  }
}
.ds-tiles-item-info-title:active {
  color: #53585b;
}
.ds-tiles-item-info-description {
  color: #53585b;
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 15px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media only screen and (max-width: 833px) {
  .ds-tiles-item-info-description {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
  }
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-tiles-item-info-description:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-tiles-item-info-description:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-tiles-item-info-description:hover {
    color: #53585b;
  }
}
.ds-tiles-item-info-description:active {
  color: #53585b;
}

.progress-tracker-container {
  border-bottom: 2px solid #eee;
}
@media only screen and (max-width: 739px) {
  .progress-tracker-container {
    display: none;
  }
}
.progress-tracker-container .progress-tracker-wrapper {
  color: #53585b;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px !important;
  padding: 0 40px;
  background-color: white;
}
.progress-tracker-container .progress-tracker-wrapper .flow-wrapper {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  min-height: 60px;
}
.progress-tracker-container .progress-tracker-wrapper .flow-wrapper .flow {
  color: #7d8081;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  margin-right: 140px;
}
.progress-tracker-container .progress-tracker-wrapper .flow-wrapper .flow.completed {
  color: #0077c8;
}
.progress-tracker-container .progress-tracker-wrapper .step {
  -ms-flex-align: center;
      align-items: center;
  color: #aaa;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  margin-left: auto;
}
.progress-tracker-container .progress-tracker-wrapper .step.completed {
  color: #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
body .rs-user-details-container {
  max-width: 680px !important;
  padding: 0 15px !important;
}
body .rs-user-details-container .invitation-message {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
}
body .rs-user-details-container .accAlert {
  padding-bottom: 20px;
  /*IE CSS hacks*/
}
body .rs-user-details-container .accAlert .accAlertBox {
  box-sizing: border-box;
  border: 1px solid #f6a800;
  border-radius: 2px;
  background-color: #fffdfa;
}
body .rs-user-details-container .accAlert .accAlertBox .accAlertLeft {
  display: inline-block;
  position: relative;
  top: 30%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 0;
}
body .rs-user-details-container .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent {
  color: #FFF8E8;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 17px;
}
body .rs-user-details-container .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent .warning-triangle {
  fill: #FFF8E8;
  position: relative;
  height: 17px;
  width: 19px;
}
body .rs-user-details-container .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent span {
  color: #b17b12;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 8px;
}
@media only screen and (max-width: 833px) {
  body .rs-user-details-container .accAlert .accAlertBox .accAlertLeft {
    top: 4%;
  }
}
@media only screen and (max-width: 739px) {
  body .rs-user-details-container .accAlert .accAlertBox .accAlertLeft {
    top: 4%;
  }
}
body .rs-user-details-container .accAlert .accAlertBox .accAlertRight {
  display: inline-block;
  padding-right: 0;
  float: right;
}
body .rs-user-details-container .accAlert .accAlertBox .accAlertRight p {
  color: #4b4b4b;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}
body .rs-user-details-container .accAlert _:-ms-lang(x),
body .rs-user-details-container .accAlert .accAlertBox {
  display: table;
  margin-bottom: 20px;
}
@media only screen and (max-width: 833px) {
  body .rs-user-details-container .email-row {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 833px) {
  body .rs-user-details-container .email-desc-row {
    margin-top: 0 !important;
    margin-bottom: 1rem;
  }
}
body .rs-user-details-container .hide-loyalty-container {
  display: none;
}
@media only screen and (max-width: 833px) {
  body .rs-user-details-container {
    padding: 0 15px !important;
  }
}
/*info tooltip*/
.tooltip-toggle {
  display: none;
  background: #fff;
  position: absolute;
  -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
  top: -15px;
  left: 10px;
  width: 215px;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #f9f9f9;
  padding: 15px 15px;
  opacity: 0;
  transition: opacity 2s ease;
  z-index: 2;
}
@media only screen and (max-width: 833px) {
  .tooltip-toggle {
    -ms-transform: translate(-22%, -100%);
        transform: translate(-22%, -100%);
  }
}
a.tooltip-custom {
  position: relative;
}
a.tooltip-custom:hover .tooltip-toggle {
  display: block;
  opacity: 1;
}
a.tooltip-custom .dsblue {
  color: #0056b3;
}
.tooltip-toggle::after {
  bottom: -10px;
  left: 50%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
}
/*info tool tip*/
.ds-user-details-component-list-item li {
  padding-left: 25px;
}
.ds-user-details-component-list-item span {
  margin-left: -10px;
}
.ds-user-details-component-help-line {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  padding: 30px 13%;
  width: 100%;
}
@media only screen and (max-width: 1439px) {
  .ds-user-details-component-help-line {
    padding: 20px 10%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-user-details-component-help-line {
    padding: 20px 15px;
  }
}
.ds-user-details-component-call-text {
  color: #53585b;
  line-height: 23px;
}
.ds-user-details-component-call-number {
  color: #53585b;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}
@media only screen and (max-width: 833px) {
  .ds-user-details-component-call-number {
    color: #0077c8;
  }
}
.ds-user-details-component-legend {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.ds-user-details-component-bottom-wrapper {
  background-color: #fbfbfb;
  border: 1px solid #e7e7e7;
}
.ds-user-details-component-my-button {
  border-radius: 5px;
  height: 40px;
  width: 104px;
}
.ds-user-details-component-my-button-wide {
  border-radius: 5px;
  width: 100%;
}
.ds-user-details-component-form-wrapper {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
}
@media only screen and (max-width: 833px) {
  .ds-user-details-component-form-wrapper {
    padding: 18px;
  }
}
.ds-user-details-component-form-label {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0.1rem;
}
.ds-user-details-component-form-header {
  font-size: 20px;
  color: #53585b;
  border-bottom: #0077c8 solid 5px;
  line-height: 26px;
}
.ds-user-details-component-required-field {
  color: #e4002b;
  font-weight: 500;
  font-size: 14px;
  vertical-align: text-bottom;
}
.ds-user-details-component-small-text {
  font-size: 10px;
  color: #53585b;
  letter-spacing: 0px;
}
.ds-user-details-component-list-item {
  color: #53585b;
  font-size: 10px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  border: 1px solid #ced4da;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 8px;
}
.ds-user-details-component-paracontent-text {
  color: #53585b;
  font-size: 14px;
}
.ds-user-details-component-paracontent-text .terms-conditions {
  color: #0077c8;
  cursor: pointer;
  text-decoration: none;
}
.ds-user-details-component-paracontent-text label {
  line-height: 22px;
  letter-spacing: 0;
  font-weight: 300;
}
@media only screen and (max-width: 833px) {
  .ds-user-details-component-paracontent-text label {
    padding-left: 8px;
    font-size: 12px;
  }
}
.ds-user-details-component-eye {
  background: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/eye.svg') no-repeat;
  display: inline-block;
  background-size: cover;
  content: '';
  height: 30px;
  left: 50%;
  top: 6px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
}
.ds-user-details-component-eye-closed {
  background: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/eye-closed.svg') no-repeat;
  display: inline-block;
  background-size: cover;
  content: '';
  height: 30px;
  left: 50%;
  top: 6px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
}
.ds-user-details-component-check-mark {
  background: url('../../../../etc.clientlibs/ds-ecom-webapp-dt-my-account/clientlibs/ds-ecom-dt/react-clientlib/resources/assets/checkmark.png') no-repeat;
  display: inline-block;
  background-size: 12px 12px;
  content: '';
  height: 15px;
  width: 15px;
  background-position: 0px 3px;
}
.ds-user-details-component-error-msg {
  font-size: 10px;
  color: red;
}
.ds-user-details-component-continue-btn {
  height: 40px;
  border-radius: 4px;
  background-color: #f2f2f2;
  width: 40rem;
}
.ds-user-details-component-field-text {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
}
.ds-user-details-component-parent-block {
  position: relative;
}
.ds-user-details-component-password-show {
  position: absolute;
  top: 30px;
  right: 0px;
  cursor: pointer;
}
.ds-user-details-component-list-item li {
  padding-left: 29px;
}
.ds-user-details-component-list-item span {
  margin-left: -13px;
}
.ds-user-details-component-loyalty-container {
  border: 1px solid #ced4da;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 8px;
  margin: 13px 0 10px 0;
  height: 190px;
}
@media only screen and (max-width: 833px) {
  .ds-user-details-component-loyalty-container {
    -ms-flex-flow: column;
        flex-flow: column;
    height: 430px;
    margin: 3px 0 -10px 0;
    border: none;
    border: 1px solid #ced4da;
  }
}
.ds-user-details-component-loyalty-container ul {
  padding-left: 14px;
  font-size: 13px;
  line-height: 21px;
  font-weight: bold;
}
.ds-user-details-component-loyalty-text {
  color: #53585b;
  font-size: 13px;
  line-height: 16px;
  font-weight: 300;
  padding: 6px 0px 0 9px;
}
.ds-user-details-component-loyalty-text span:first-of-type {
  display: block;
  font-size: 13px;
  line-height: 16px;
  padding-bottom: 4px;
}
.ds-user-details-component-loyalty-text span:nth-of-type(2) {
  display: block;
  padding-right: 40px;
  padding-bottom: 15px;
}
.ds-user-details-component-loyalty-text span:last-of-type {
  display: block;
  padding-right: 0;
}
.ds-user-details-component-loyalty-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 3px 23px 11px 0;
}
@media only screen and (max-width: 833px) {
  .ds-user-details-component-loyalty-logo {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-left: 15%;
    margin-bottom: -15%;
    height: 90px;
    padding: 0;
  }
}
.ds-user-details-component-loyalty-logo .logo img {
  width: 145px;
}
@media only screen and (max-width: 833px) {
  .ds-user-details-component-loyalty-logo .logo img {
    margin: 6px;
    width: 130px;
  }
}
.rs-captcha {
  -ms-transform: scale(0.87);
  transform: scale(0.87);
  -ms-transform-origin: left top;
  transform-origin: left top;
}
/*Edge CSS styles*/
@supports (-ms-ime-align: auto) {
  .accAlertLeft {
    position: relative !important;
    top: 30px !important;
  }
}
.loyText1 {
  font-size: 13px !important;
  content: "\00AE";
  font-size: 20px;
}
.loyText2 {
  font-size: 13px !important;
  padding-right: 0px !important;
}
.LoyaltyItems li {
  color: #0077C8;
}
.LoyaltyItems li span {
  color: #53585b;
}
.loyalty-termAndCond {
  font-size: 11px;
  font-weight: bold;
  padding-top: 15px;
}
.cursor-none {
  cursor: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.addressInfoContainer {
  max-width: 720px !important;
  /*IE CSS hacks*/
  /* .zipCodeContainerBilling{
      margin-left:-10px;
    } */
  /* .zipCodeContainerShipping{
        margin-left:-10px;
      } */
  /* .locationMargin{
        margin-left:-15px !important;
      } */
}
.addressInfoContainer .astrics {
  color: #E4002B;
  font-weight: 500;
  font-size: 14px;
  vertical-align: text-bottom;
}
.addressInfoContainer .accAlertBox {
  box-sizing: border-box;
  border: 1px solid #F6A800;
  border-radius: 2px;
  background-color: #FFFDFA;
  margin-left: 10px;
  max-width: 640px;
}
.addressInfoContainer .accAlertBox .accAlertLeft {
  display: inline-block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 0;
}
.addressInfoContainer .accAlertBox .accAlertLeft .accAlertLeftContent {
  text-align: center;
}
.addressInfoContainer .accAlertBox .accAlertLeft .accAlertLeftContent span {
  color: #B17B12;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.addressInfoContainer .accAlertBox .accAlertLeft .alreadyExistingAccWarning {
  position: relative !important;
  top: 25px !important;
}
.addressInfoContainer _:-ms-lang(x),
.addressInfoContainer .accAlertBox {
  display: table;
  max-width: 98%;
}
.addressInfoContainer .shipping-block {
  margin-top: 10px;
  margin-bottom: 20px;
  margin: 0 auto;
  max-width: 640px;
}
.addressInfoContainer .billing-block {
  margin: 0 auto;
  max-width: 640px;
}
.addressInfoContainer .inputValue {
  color: #53585B;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
}
.addressInfoContainer .elementTitle {
  color: #53585B;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.addressInfoContainer .newAccAddrHeader {
  border-bottom: 5px solid #0077C8;
  padding-top: 20px;
  color: #53585B;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
}
.addressInfoContainer .newAccAddrHeader h3 {
  color: #53585B;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 0;
}
.addressInfoContainer .shipping-checkbox-container {
  padding-left: 35px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.addressInfoContainer .shipping-street-container .shipAddressDsply {
  display: inline-block;
  color: #0077C8;
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
.addressInfoContainer .shipping-street-container2 {
  padding-left: 0;
}
.addressInfoContainer .form-right {
  padding-left: 10px !important;
  padding-right: 0;
}
.addressInfoContainer .form-right label {
  margin-bottom: 0;
}
@media only screen and (max-width: 833px) {
  .addressInfoContainer .form-right {
    padding-left: 0 !important;
    padding-right: 0;
  }
}
.addressInfoContainer .form-left {
  padding-right: 10px !important;
  padding-left: 0;
}
.addressInfoContainer .form-left label {
  margin-bottom: 0;
}
@media only screen and (max-width: 833px) {
  .addressInfoContainer .form-left {
    padding-right: 0px !important;
    padding-left: 0;
  }
}
.addressInfoContainer .shipping-zip-msg p {
  padding-top: 20px;
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: 0;
}
.addressInfoContainer .dropdown-menu {
  width: 100%;
}
.addressInfoContainer .accountTypemenu {
  padding-left: 15px;
}
.addressInfoContainer .billAddressDsply {
  color: #0077C8;
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  display: inline-block;
}
.addressInfoContainer .billing-street-container2 {
  padding-left: 0;
}
.addressInfoContainer .shipping-zip-msg-new p {
  padding-top: 24px;
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: 0;
}
.addressInfoContainer .zipCodeContainer {
  padding-left: 0;
}
.addressInfoContainer .focus-visible:focus {
  box-shadow: none;
}
.addressInfoContainer .form-control:focus {
  border-color: #ced4da;
  box-shadow: none;
}
.addressInfoContainer #selectAccount span {
  background-color: white;
}
.addressInfoContainer #selectAccount .css-bg1rzq-control {
  min-height: 34px;
}
.addressInfoContainer #selectAccount .css-16pqwjk-indicatorContainer {
  padding: 6px 8px;
}
.addressInfoContainer .accContinueBtn {
  width: 100%;
  background-color: #0077C8;
  border-radius: 4px;
  margin: 20px 0;
  padding: 12px;
  color: #FFFFFF;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.addressInfoContainer .accContinueBtn:disabled {
  color: #80898E;
  background-color: #D8D8D8;
  opacity: 1;
  border-color: #D8D8D8;
}
.addressInfoContainer .sameAsBillAddrFont {
  height: 120px;
  width: auto;
  color: #575B5E;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 20px;
}
.addressInfoContainer .recaptcha {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 640px;
}
.addressInfoContainer .sameBillAddrContainer {
  width: 100%;
  border: 1px solid #E7E7E7;
  background-color: #FFFFFF;
  margin-top: 20px;
  margin-bottom: 20px;
  margin: 0 auto;
  max-width: 640px;
}
.addressInfoContainer .sameAsBillAddrs {
  padding: 22px 15px 22px 50px;
}
.addressInfoContainer .fa-info-circle {
  height: 16px;
  width: 16px;
  color: #0676C5;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
}
.addressInfoContainer .phone-info {
  height: 16px;
  width: 160px;
  color: #0077C8;
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  padding-left: 10px;
}
.addressInfoContainer button {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.addressInfoContainer .pobox-warning {
  padding: 0;
  margin-top: 15px;
}
.addressInfoContainer .accAlert .accAlertBox {
  box-sizing: border-box;
  border: 1px solid #F6A800;
  border-radius: 2px;
  background-color: #FFFDFA;
  /*IE CSS hacks*/
}
.addressInfoContainer .accAlert .accAlertBox .accAlertLeft {
  display: inline-block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 0;
}
.addressInfoContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent i {
  color: #E29500;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 17px;
}
.addressInfoContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent i span {
  color: #B17B12;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.addressInfoContainer .accAlert .accAlertBox .accAlertRight {
  display: inline-block;
  padding-right: 0;
  float: right;
}
.addressInfoContainer .accAlert .accAlertBox .accAlertRight p {
  color: #4B4B4B;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}
.addressInfoContainer .accAlert .accAlertBox _:-ms-lang(x),
.addressInfoContainer .accAlert .accAlertBox .accAlertRight {
  top: 5px;
}
.addressInfoContainer .validBlockfont {
  color: #575B5E;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 20px;
}
.addressInfoContainer .invalidBlockfont {
  color: #575B5E;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 20px;
}
.addressInfoContainer .editAddBlock {
  position: relative;
  top: 15px;
}
.addressInfoContainer .newAccAddrHeader {
  border-bottom: 5px solid #0077C8;
  /* margin: 15px 0 15px 0; */
  padding-top: 20px;
  color: #53585B;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}
.addressInfoContainer .continueButton {
  padding: 0;
}
.addressInfoContainer .Editaddress,
.addressInfoContainer .Continue {
  width: 100%;
}
.addressInfoContainer .Editaddress {
  color: #0077C8;
  background-color: transparent;
  margin: 20px 0;
  padding: 12px;
}
.addressInfoContainer .accLookupHeader h3 {
  border-bottom: #0077C8 solid 5px;
  color: #53585B;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}
.addressInfoContainer .addressVerificationScreen {
  margin-bottom: 20px;
  margin-top: 20px;
}
.addressInfoContainer .captchaContainer {
  margin-left: -5px;
  margin-right: -5px;
}
.addressInfoContainer .showForsmDevice,
.addressInfoContainer .showShippingLine2ForSmDevice {
  display: none;
}
/* Adding fix related to IE as a part of CI-1833 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .accAlert {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    margin-bottom: 50px;
  }
  .accAlert .accAlertRight p {
    margin-top: -14px;
  }
}
@media only screen and (max-width: 833px) {
  body .container .addressInfoContainer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .showForLgDevice,
  .showShippingLine2ForLgDevice {
    display: none;
  }
  .showForsmDevice,
  .showShippingLine2ForSmDevice {
    display: block !important;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.registration-access-request .form-group.row.heading h3 {
  color: #53585b;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 15px;
  margin-top: 15px;
}
.registration-access-request .ds-input-components-error {
  color: #e4002b;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.registration-access-request .ds-input-components-label {
  color: #53585b;
}
.registration-access-request .address-info {
  color: #53585b;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 35px;
  padding-left: 15px;
  margin-bottom: 15px;
}
.registration-access-request .ds-notify.ds--registration-success .ds-notify-icon-span {
  width: 25px;
  margin-right: 0px;
}
.registration-access-request .ds-notify.ds--registration-success .ds-notify-title {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.join-request-sent h3 {
  color: #0077c8;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
  margin-top: 25px;
}
.join-request-sent div {
  margin-bottom: 15px;
}
.join-request-sent p {
  font-size: 12px;
  margin-bottom: 20px !important;
}
.join-request-sent p:last-child {
  margin-bottom: 10px !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.account-lookup-section {
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 720px;
}
@media only screen and (max-width: 739px) {
  .account-lookup-section {
    padding: 0 18px !important;
  }
}
.account-lookup-section .tooltip-toggle {
  background: #fff;
  border: 1px solid #f9f9f9;
  border-radius: 3px;
  display: none;
  font-size: 12px;
  left: 10px;
  opacity: 0;
  padding: 15px 15px;
  position: absolute;
  top: -15px;
  -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
  transition: opacity 2s ease;
  width: 215px;
  z-index: 10;
}
.account-lookup-section .tooltip-toggle.account-lookup {
  border: 1px solid #ced4da;
  border-radius: 4px;
  box-shadow: 0 0 14px 4px rgba(192, 201, 206, 0.38);
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  height: 137px;
  letter-spacing: 0;
  line-height: 22px;
  width: 417px;
}
@media only screen and (max-width: 739px) {
  .account-lookup-section .tooltip-toggle.account-lookup {
    width: 340px;
  }
}
.account-lookup-section .tooltip-toggle.account-lookup:after {
  border-top-color: #fff;
}
.account-lookup-section .glyphicon.glyphicon-info-sign.account-lookup {
  font-size: 11px;
  margin-left: 5px;
}
.account-lookup-section .ds-notify-content-text-description {
  font-size: 12px;
}
.account-lookup-section .ds-input-components-error-icon {
  display: none;
}
.account-lookup-section .shipping-street-container input.ds-input-components-text {
  font-size: 1rem;
  font-weight: 400;
}
.account-lookup-section input:invalid {
  box-shadow: none;
}
@media only screen and (max-width: 739px) {
  .accLookupContainer .form-group {
    margin-bottom: 9px;
  }
}
@media only screen and (max-width: 739px) {
  .accLookupContainer .form-group label {
    margin-bottom: 3px;
  }
}
@media only screen and (max-width: 739px) {
  .accLookupContainer .accContinueBtn {
    margin: 16px 0;
  }
}
.accLookupContainer .form-control.is-invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.astrics {
  color: #e4002b;
  font-size: 14px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  width: 7px;
}
.existingConfirmPracticeContainer {
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 620px;
}
.existingConfirmPracticeContainer .accLookupHeader h3 {
  border-bottom: #0077c8 solid 5px;
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
}
.existingConfirmPracticeContainer .elementLabel {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.existingConfirmPracticeContainer .ds-input:focus {
  border-color: #bec0c5;
  box-shadow: none;
}
.existingConfirmPracticeContainer .accContinueBtn {
  background-color: #0077c8;
  margin: 20px 0;
  padding: 12px;
  width: 100%;
}
.existingConfirmPracticeContainer .accContinueBtn:disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #80898e;
  opacity: 1;
}
.existingConfirmPracticeContainer button {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.existingConfirmPracticeContainer .invalidResult .elementLabel {
  color: #e4002b;
}
.existingConfirmPracticeContainer .invalidResult input {
  border: 1px solid red;
}
.existingConfirmPracticeContainer .invalidResult .ds-input:focus {
  border: 1px solid red;
}
.existingConfirmPracticeContainer .accDetails {
  color: #575b5e;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 30px;
  padding-left: 10px;
}
.existingConfirmPracticeContainer .selectTitle {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 20px;
}
@media only screen and (max-width: 833px) {
  .existingConfirmPracticeContainer {
    padding: 15px;
  }
}
@media only screen and (max-width: 739px) {
  .existingConfirmPracticeContainer {
    padding: 15px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.astrics {
  color: #e4002b;
  font-size: 14px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  width: 7px;
}
.existingConfirmShippingContainer {
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 620px;
}
.existingConfirmShippingContainer .accLookupHeader h3 {
  border-bottom: #0077c8 solid 5px;
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
}
.existingConfirmShippingContainer .elementLabel {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.existingConfirmShippingContainer .ds-input:focus {
  border-color: #bec0c5;
  box-shadow: none;
}
.existingConfirmShippingContainer .accContinueBtn {
  background-color: #0077c8;
  margin: 20px 0;
  padding: 12px;
  width: 100%;
}
.existingConfirmShippingContainer .accContinueBtn:disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #80898e;
  opacity: 1;
}
.existingConfirmShippingContainer button {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.existingConfirmShippingContainer .invalidResult .elementLabel {
  color: #e4002b;
}
.existingConfirmShippingContainer .invalidResult input {
  border: 1px solid red;
}
.existingConfirmShippingContainer .invalidResult .ds-input:focus {
  border: 1px solid red;
}
.existingConfirmShippingContainer .accDetails {
  color: #575b5e;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 30px;
  padding-left: 10px;
}
.existingConfirmShippingContainer .selectTitle {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.astrics {
  color: #e4002b;
  font-size: 14px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  width: 7px;
}
.existingConfirmPracticeContainer {
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 620px;
}
.existingConfirmPracticeContainer .accLookupHeader h3 {
  border-bottom: #0077c8 solid 5px;
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
}
.existingConfirmPracticeContainer .elementLabel {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.existingConfirmPracticeContainer .ds-input:focus {
  border-color: #bec0c5;
  box-shadow: none;
}
.existingConfirmPracticeContainer .accContinueBtn {
  background-color: #0077c8;
  margin: 20px 0;
  padding: 12px;
  width: 100%;
}
.existingConfirmPracticeContainer .accContinueBtn:disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #80898e;
  opacity: 1;
}
.existingConfirmPracticeContainer button {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.existingConfirmPracticeContainer .invalidResult .elementLabel {
  color: #e4002b;
}
.existingConfirmPracticeContainer .invalidResult input {
  border: 1px solid red;
}
.existingConfirmPracticeContainer .invalidResult .ds-input:focus {
  border: 1px solid red;
}
.existingConfirmPracticeContainer .accDetails {
  color: #575b5e;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 30px;
  padding-left: 10px;
}
.existingConfirmPracticeContainer .selectTitle {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 20px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.existingShippingAddressForm {
  margin: auto;
  max-width: 720px !important;
  padding: 0 40px;
  margin-top: 20px;
}
.existingShippingAddressForm .astrics {
  color: #e4002b;
  font-size: 14px;
  font-weight: 500;
  vertical-align: text-bottom;
}
.existingShippingAddressForm .checkbox-label {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}
.existingShippingAddressForm .checkbox-message-container {
  padding-top: 14px;
}
.existingShippingAddressForm .checkbox-text {
  font-size: 10px;
  letter-spacing: -0.2px;
  line-height: 12px;
}
.existingShippingAddressForm .shipping-location-text-container {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 12px;
  padding-top: 22px;
}
.existingShippingAddressForm .pobox-warning {
  margin-top: 10px;
}
.existingShippingAddressForm .accAlertBox {
  background-color: #fffdfa;
  border: 1px solid #f6a800;
  border-radius: 2px;
  box-sizing: border-box;
  margin-left: 10px;
  max-width: 640px;
}
.existingShippingAddressForm .accAlertBox .accAlertLeft {
  display: inline-block;
  padding-right: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.existingShippingAddressForm .accAlertBox .accAlertLeft .accAlertLeftContent i {
  color: #FFF8E8;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 17px;
}
.existingShippingAddressForm .accAlertBox .accAlertLeft .alreadyExistingAccWarning {
  position: relative !important;
  top: 25px !important;
}
.existingShippingAddressForm .shipping-block {
  margin-bottom: 20px;
  margin-top: 10px;
}
.existingShippingAddressForm .inputValue {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
}
.existingShippingAddressForm .elementTitle {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.existingShippingAddressForm .elementTitle.checkBoxLabel {
  font-weight: 300;
}
.existingShippingAddressForm .newAccAddrHeader {
  border-bottom: 5px solid #0077c8;
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
}
.existingShippingAddressForm .newAccAddrHeader h3 {
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 0;
}
.existingShippingAddressForm .shipping-checkbox-container {
  padding-bottom: 14px;
  padding-left: 35px;
  padding-top: 14px;
}
.existingShippingAddressForm .shipping-street-container .shipAddressDsply {
  color: #0077c8;
  cursor: pointer;
  font-size: 10px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  width: 160px;
}
.existingShippingAddressForm .form-right {
  padding-left: 10px !important;
}
.existingShippingAddressForm .form-right label {
  margin-bottom: 0;
}
.existingShippingAddressForm .form-left {
  padding-right: 10px !important;
}
.existingShippingAddressForm .form-left label {
  margin-bottom: 0;
}
.existingShippingAddressForm .shipping-zip-msg p {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: 0;
  padding-top: 20px;
}
.existingShippingAddressForm .dropdown-menu {
  width: 100%;
}
.existingShippingAddressForm .accountTypemenu {
  padding-left: 15px;
}
.existingShippingAddressForm .billAddressDsply {
  color: #0077c8;
  font-size: 10px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  width: 160px;
}
.existingShippingAddressForm .billing-street-container2 {
  padding-left: 0;
}
.existingShippingAddressForm .shipping-zip-msg-new p {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  margin-bottom: 0;
  padding-top: 24px;
}
.existingShippingAddressForm .zipCodeContainer {
  padding-left: 0;
}
.existingShippingAddressForm .zipCodeContainerBilling {
  margin-left: -10px;
}
.existingShippingAddressForm .zipCodeContainerShipping {
  margin-left: -10px;
}
.existingShippingAddressForm .focus-visible:focus {
  box-shadow: none;
}
.existingShippingAddressForm .form-control:focus {
  border-color: #ced4da;
  box-shadow: none;
}
.existingShippingAddressForm #selectAccount span {
  background-color: #fff;
}
.existingShippingAddressForm #selectAccount .css-bg1rzq-control {
  min-height: 34px;
}
.existingShippingAddressForm #selectAccount .css-16pqwjk-indicatorContainer {
  padding: 6px 8px;
}
.existingShippingAddressForm .accContinueBtn {
  background-color: #0077c8;
  margin: 20px 0;
  padding: 12px;
  width: 100%;
}
.existingShippingAddressForm .accContinueBtn:disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #80898e;
  opacity: 1;
}
.existingShippingAddressForm .sameAsBillAddrFont {
  color: #53585b;
  font-size: 12px;
  font-weight: 200;
  height: 120px;
  letter-spacing: 0;
  line-height: 20px;
  width: auto;
}
.existingShippingAddressForm .sameBillAddrContainer {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  margin-top: 20px;
  width: 100%;
}
.existingShippingAddressForm .sameAsBillAddrs {
  padding: 22px 0 22px 50px;
}
.existingShippingAddressForm .fa-info-circle {
  color: #0676c5;
  font-size: 16px;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  width: 16px;
}
.existingShippingAddressForm .phone-info {
  color: #0077c8;
  font-size: 10px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  padding-left: 10px;
  width: 160px;
}
.existingShippingAddressForm button {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.existingShippingAddressForm .accAlert .accAlertBox {
  background-color: #fffdfa;
  border: 1px solid #f6a800;
  border-radius: 2px;
  box-sizing: border-box;
}
.existingShippingAddressForm .accAlert .accAlertBox .accAlertLeft {
  display: inline-block;
  padding-right: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.existingShippingAddressForm .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent i {
  color: #FFF8E8;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 17px;
}
.existingShippingAddressForm .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent i span {
  color: #b17b12;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.existingShippingAddressForm .accAlert .accAlertBox .accAlertRight {
  display: inline-block;
  float: right;
  padding-right: 0;
}
.existingShippingAddressForm .accAlert .accAlertBox .accAlertRight p {
  color: #4b4b4b;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}
.existingShippingAddressForm .validBlockfont {
  color: #575b5e;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 20px;
}
.existingShippingAddressForm .invalidBlockfont {
  color: #575b5e;
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 20px;
}
.existingShippingAddressForm .editAddBlock {
  position: relative;
  top: 15px;
}
.existingShippingAddressForm .Editaddress,
.existingShippingAddressForm .Continue {
  width: 100%;
}
.existingShippingAddressForm .Editaddress {
  background-color: transparent;
  color: #0077c8;
  margin: 20px 0;
  padding: 12px;
}
.existingShippingAddressForm .accLookupHeader {
  padding-right: 11px;
  padding-left: 11px;
}
.existingShippingAddressForm .accLookupHeader h3 {
  border-bottom: #0077c8 solid 5px;
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}
.existingShippingAddressForm .addressVerificationScreen {
  margin-bottom: 20px;
  margin-top: 20px;
}
.existingShippingAddressForm .locationMargin {
  margin-left: -15px !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
@media only screen and (max-width: 833px) {
  .existingConfirmShippingContainer {
    padding: 0 18px;
  }
  .existingConfirmShippingContainer .card-body {
    padding-right: 8px;
  }
  .existingConfirmShippingContainer .card-body .form-row {
    -ms-flex-flow: row;
        flex-flow: row;
  }
  .existingConfirmShippingContainer .card-body .form-row .editBlock {
    width: 31%;
  }
  .existingConfirmShippingContainer .card-body .form-row .editBlock .ds-btn-standard.ds--white-blue {
    font-size: 12px;
    padding: 11.5px 5.5px 11.5px 6.5px;
    min-width: 50px;
    width: 100%;
    margin: 10px 0;
  }
  .existingConfirmShippingContainer .card-body .form-row .ds-input-components-radio-label {
    padding-left: 40px;
    font-size: 12px;
    margin-bottom: 0;
  }
  .existingConfirmShippingContainer .card-body .form-row .ds-input-components-radio-label .ds-input-components-radio-span {
    top: 35%;
  }
  .existingConfirmShippingContainer .card-body .form-row .bold-text {
    font-weight: 500;
  }
}

.astrics {
  height: 16px;
  width: 7px;
  color: #E4002B;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
.accLookupContainer {
  max-width: 720px;
  padding: 0 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.accLookupContainer p {
  margin-bottom: 0;
}
.accLookupContainer .accLookupHeader h3 {
  border-bottom: #0077C8 solid 5px;
  color: #53585B;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
}
.accLookupContainer .accAlert {
  padding-bottom: 0;
  margin-bottom: 20px;
}
.accLookupContainer .accAlert .accAlertBox {
  box-sizing: border-box;
  border: 1px solid #F6A800;
  border-radius: 2px;
  background-color: #FFFDFA;
  position: relative;
}
.accLookupContainer .accAlert .accAlertBox .accAlertLeft {
  display: inline-block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 0;
  padding-left: 0;
}
.accLookupContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent {
  text-align: center;
}
.accLookupContainer .accAlert .accAlertBox .accAlertLeft .accAlertLeftContent span {
  color: #B17B12;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.accLookupContainer .accAlert .accAlertBox .accAlertRight {
  display: inline-block;
  padding-right: 0;
  float: right;
}
.accLookupContainer .accAlert .accAlertBox .accAlertRight p {
  color: #4B4B4B;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}
.accLookupContainer .elementLabel {
  color: #53585B;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.accLookupContainer .ds-input:focus {
  border-color: #BEC0C5;
  box-shadow: none;
}
.accLookupContainer .ds-exclamation {
  color: #E4002B;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  font-weight: bolder;
  display: inline;
}
.accLookupContainer .ds-exclamation::before {
  content: '!';
  position: absolute;
  top: 46px;
  right: 20px;
  border: 1px solid #e60b29;
  border-radius: 50%;
  width: 16px;
  height: 17px;
}
.accLookupContainer .accContinueBtn {
  width: 100%;
  background-color: #0077C8;
  margin: 20px 0;
  padding: 12px;
}
.accLookupContainer .accContinueBtn:disabled {
  color: #80898E;
  background-color: #D8D8D8;
  opacity: 1;
  border-color: #D8D8D8;
}
.accLookupContainer button {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.accLookupContainer .invalidResult .elementLabel {
  color: #E4002B;
}
.accLookupContainer .invalidResult input {
  border: 1px solid red;
}
.accLookupContainer .invalidResult .ds-input:focus {
  border: 1px solid red;
}
.accLookupContainer .accDetails {
  padding-left: 10px;
  color: #575B5E;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 10px;
}
.accLookupContainer .selectTitle {
  color: #53585B;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 20px;
}
.accLookupContainer .select-label {
  height: 16px;
  width: 251px;
  color: #53585B;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 16px;
  padding-left: 20px;
}
.accLookupContainer .select-label .radioInput {
  margin-right: 10px;
  color: #0077C8;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  letter-spacing: 0;
  line-height: 18px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.astrics {
  color: #e4002b;
  font-size: 14px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  width: 7px;
}
.existingConfirmPracticeContainer {
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 620px;
}
.existingConfirmPracticeContainer .accLookupHeader h3 {
  border-bottom: #0077c8 solid 5px;
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
}
.existingConfirmPracticeContainer .elementLabel {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.existingConfirmPracticeContainer .ds-input:focus {
  border-color: #bec0c5;
  box-shadow: none;
}
.existingConfirmPracticeContainer .accContinueBtn {
  background-color: #0077c8;
  margin: 20px 0;
  padding: 12px;
  width: 100%;
}
.existingConfirmPracticeContainer .accContinueBtn:disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #80898e;
  opacity: 1;
}
.existingConfirmPracticeContainer button {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.existingConfirmPracticeContainer .invalidResult .elementLabel {
  color: #e4002b;
}
.existingConfirmPracticeContainer .invalidResult input {
  border: 1px solid red;
}
.existingConfirmPracticeContainer .invalidResult .ds-input:focus {
  border: 1px solid red;
}
.existingConfirmPracticeContainer .accDetails {
  color: #575b5e;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 30px;
  padding-left: 10px;
}
.existingConfirmPracticeContainer .selectTitle {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 20px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.astrics {
  color: #e4002b;
  font-size: 14px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  width: 7px;
}
.existingConfirmPracticeContainer {
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 620px;
}
.existingConfirmPracticeContainer .accLookupHeader h3 {
  border-bottom: #0077c8 solid 5px;
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 0;
  padding-right: 0;
}
.existingConfirmPracticeContainer .elementLabel {
  color: #53585b;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
}
.existingConfirmPracticeContainer .ds-input:focus {
  border-color: #bec0c5;
  box-shadow: none;
}
.existingConfirmPracticeContainer .accContinueBtn {
  background-color: #0077c8;
  margin: 20px 0;
  padding: 12px;
  width: 100%;
}
.existingConfirmPracticeContainer .accContinueBtn:disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #80898e;
  opacity: 1;
}
.existingConfirmPracticeContainer button {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.existingConfirmPracticeContainer .invalidResult .elementLabel {
  color: #e4002b;
}
.existingConfirmPracticeContainer .invalidResult input {
  border: 1px solid red;
}
.existingConfirmPracticeContainer .invalidResult .ds-input:focus {
  border: 1px solid red;
}
.existingConfirmPracticeContainer .accDetails {
  color: #575b5e;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 30px;
  padding-left: 10px;
}
.existingConfirmPracticeContainer .selectTitle {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 20px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-grid {
  border: 1px solid #d5d5d5;
  border-width: 0 0 0 1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 1px;
}
.ds-product-grid-item {
  border: 1px solid #d5d5d5;
  border-width: 1px 1px 1px 0;
  margin-top: -1px;
  padding: 30px;
  width: 25%;
}
@media only screen and (max-width: 1439px) {
  .ds-product-grid-item {
    width: 33.333%;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-product-grid-item {
    width: 50%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-product-grid-item {
    width: 100%;
  }
}
.ds-product-grid-item .ds-product-item {
  height: 100%;
}

.ds-fav-card-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 5px 0;
}
.ds-fav-card-img-container {
  max-width: 16%;
  width: 100%;
  position: relative;
}
.ds-fav-card-img-container .ds-badge {
  text-transform: uppercase;
  font-size: 10px;
  padding: 3px 7px;
  top: 5px;
  left: 5px;
  letter-spacing: 0.8px;
}
.ds-fav-card-img-container .ds-badge-Short {
  background-color: #54AF58;
}
@media only screen and (max-width: 1379px) {
  .ds-fav-card-img-container {
    max-width: 25%;
  }
}
.ds-fav-card-info-container {
  padding-left: 15px;
  padding-right: 15px;
  width: 33%;
}
@media only screen and (max-width: 1379px) {
  .ds-fav-card-info-container {
    width: 75%;
  }
}
.ds-fav-card-price-container {
  padding-right: 15px;
  width: 20%;
}
@media only screen and (max-width: 1379px) {
  .ds-fav-card-price-container {
    padding: 0;
    width: 100%;
  }
  .ds-fav-card-price-container:before {
    content: "";
    display: inline-block;
    margin-right: 15px;
    width: 25%;
  }
}
.ds-fav-card-buttons-container {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 30%;
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-fav-card-buttons-container {
    max-width: 100%;
  }
}
.ds-fav-card-product {
  padding: 10px;
}
.ds-fav-card-product-distributor {
  color: #80898e;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  position: relative;
  width: 100%;
}
.ds-fav-card-product-img {
  border: solid 1px #e7e7e7;
  border-radius: 0.25rem;
  max-height: 138px;
  max-width: 220px;
  padding: 5px 5px;
  width: 100%;
}
.ds-fav-card-product-loyalty-points {
  color: #18b14a;
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
}
@media only screen and (max-width: 1379px) {
  .ds-fav-card-product-loyalty-points {
    display: inline;
    margin-left: 5px;
  }
}
.ds-fav-card-product-name {
  color: #0077c8;
  display: inline-block;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  overflow-wrap: break-word;
  text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  width: 100%;
}
.ds-fav-card-product-name:hover {
  text-decoration: none;
}
.ds-fav-card-product-sku {
  color: #80898e;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  overflow-wrap: break-word;
  width: 100%;
}
.ds-fav-card-product-price {
  color: #53585b;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.ds-fav-card-product-purchase-btn {
  background-color: #f6a800;
  border: 1px solid #f6a800;
  border-radius: 4px;
  color: #272727;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  line-height: 39px;
  margin-left: 3%;
  max-width: 55%;
  padding-bottom: 0;
  padding-top: 0;
  white-space: nowrap;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ds-fav-card-product-purchase-btn {
    margin: 0 0 10px auto;
  }
}
.ds-fav-card-product-quantity-setter {
  -ms-flex: 0 0 98px;
      flex: 0 0 98px;
  height: 38px;
  max-width: 40%;
  padding: 0;
}
.ds-fav-card-product-unfavorite-btn {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #272727;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  line-height: 39px;
  margin: 15px auto 10px auto;
  padding: 0;
  width: 100%;
}
.ds-fav-card-product-unfavorite-btn-heart-icon {
  color: #f6a800;
  fill: #f6a800;
  margin-bottom: 2px;
  margin-left: 10px;
  max-height: 14px;
  max-width: 14px;
}
.ds-fav-card-product-unit {
  color: #7d8081;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.ds-fav-card-product-variants {
  color: #53585b;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media only screen and (max-width: 833px) {
  .ds-fav-card-product-img {
    padding: 2px 2px;
  }
  .ds-fav-card-product-unfavorite-btn {
    margin-bottom: 0;
  }
  .ds-fav-card-buttons-container {
    padding-top: 14px;
  }
}
@keyframes blink {
  50% {
    color: transparent;
  }
}
.loader__dot {
  animation: 1s blink infinite;
}
.loader__dot:nth-child(2) {
  animation-delay: 250ms;
}
.loader__dot:nth-child(3) {
  animation-delay: 500ms;
}

.ds-fav-component-checkout-btn {
  margin-right: 16px;
  padding: 11px 15px;
}
.ds-fav-component-view-cart-btn {
  margin-right: 16px;
  padding: 11px 18px;
}
.ds-fav-component-controls {
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
  min-width: 0;
  padding-bottom: 15px;
}
.ds-fav-component-controls-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.ds-fav-component-controls-right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-fav-component-checkout-btn,
  .ds-fav-component-view-cart-btn {
    display: block !important;
    margin-top: 10px;
    text-align: center;
  }
  .ds-fav-component-controls {
    border: none;
    display: block;
    padding-bottom: 0;
    padding-bottom: 15px;
    margin: 0 12px 20px 12px;
  }
  .ds-fav-component-controls-left {
    margin-bottom: 10px;
  }
  .ds-fav-component-controls-right {
    margin-bottom: 10px;
    margin-left: 0;
  }
}
.load-more {
  display: block;
  width: 100%;
  height: 30px;
  background: white;
}
.hide-load-more {
  display: none !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-reorder-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.ds-reorder-button {
  width: 100%;
}
.ds-reorder-number {
  color: #0077c8;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  text-decoration: none;
}
.ds-reorder-text {
  color: #0077c8;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  max-height: 46px;
  max-width: 110px;
  overflow: hidden;
  text-decoration: none;
  text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.ds-reorder-text:hover,
.ds-reorder-text:focus {
  font-size: 14px;
}
.ds-reorder-more-box {
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #e7e7e7;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  -ms-flex-pack: center;
      justify-content: center;
  height: 80px;
  width: 112px;
}

.ds-product-user-loyalty {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.ds-product-user-loyalty-count {
  color: #0077c8;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-specifications-cnt {
  margin-bottom: 15px;
  position: relative;
  text-align: center;
}
.ds-product-specifications-shadow {
  box-shadow: inset 0 -150px 145px -49px #ffffff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-product-specifications-shadow {
    display: none;
  }
}
.ds-product-specifications-table {
  width: 100%;
}
.ds-product-specifications-tr.ds--hide-desktop {
  display: none;
}
@media only screen and (max-width: 833px) {
  .ds-product-specifications-tr.ds--hide-desktop {
    display: table-row;
  }
}
.ds-product-specifications-tr:nth-of-type( 2n ) {
  background-color: #fbfbfb;
}
.ds-product-specifications-cell {
  border: 1px solid #e7e7e7;
}
.ds-product-specifications-cell.ds--th {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 16px;
  text-align: left;
}
.ds-product-specifications-cell.ds--td {
  padding: 6px 24px;
}
.ds-product-specifications .multiline {
  white-space: pre;
}
@media only screen and (max-width: 833px) {
  .ds-product-specifications .multiline {
    white-space: pre-line !important;
  }
}
.ds-product-specifications-more {
  display: block;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-product-specifications-more {
    display: none;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-details-sku-list {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-top: -16px;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-sku-list {
    margin-top: 20px;
  }
}
.ds-product-details-sku-list-title {
  font-weight: 500;
}
.ds-product-details-sku-list .ds-sku-table {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
  color: #53585b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 1.5;
  margin-bottom: 20px;
  overflow: hidden;
}
.ds-product-details-sku-list .ds-sku-table .ds-quantity-picker {
  -ms-flex-align: center;
      align-items: center;
  background: #fff;
  height: 34px;
  width: 82px;
}
.ds-product-details-sku-list .ds-sku-table .ds-quantity-picker .ds-quantity-picker-minus,
.ds-product-details-sku-list .ds-sku-table .ds-quantity-picker .ds-quantity-picker-plus {
  line-height: 31px;
  padding: 0 7px;
}
.ds-product-details-sku-list .ds-sku-table .ds-hiding-items {
  border-radius: 2px;
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 20px;
  width: 100%;
}
.ds-product-details-sku-list .ds-sku-table .ds-hiding-items button {
  background-color: inherit;
  border: none;
  color: #0077c8;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 10px;
  padding-top: 0;
}
.ds-product-details-sku-list .ds-sku-table .ds-hiding-items .ds-sku-table-header-text.ds--mobile {
  color: #53585b;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  padding: 0 30px;
  text-align: center;
  width: 100%;
}
.ds-product-details-sku-list .ds-sku-table .ds--hidden-true,
.ds-product-details-sku-list .ds-sku-table .ds--hidden-false {
  display: block;
}
.ds-product-details-sku-list .ds-sku-table-header {
  background-color: #f9f9f9;
  border: 1px solid #e7e7e7;
  border-bottom: none;
  width: 100%;
}
.ds-product-details-sku-list .ds-sku-table-header .ds-sku-table-row-item {
  font-weight: 500;
}
.ds-product-details-sku-list .ds-sku-table-header-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  width: 100%;
}
.ds-product-details-sku-list .ds-sku-table-header-inner.ds--padding {
  width: calc(100% - 17px);
}
.ds-product-details-sku-list .ds-sku-table-row {
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  width: 100%;
}
.ds-product-details-sku-list .ds-sku-table-row:nth-child( even ) {
  background-color: #f9f9f9;
}
.ds-product-details-sku-list .ds-sku-table-row:nth-child( odd ) {
  background-color: #fff;
}
.ds-product-details-sku-list .ds-sku-table-row:first-child {
  border-bottom: 1px solid #e7e7e7;
}
.ds-product-details-sku-list .ds-sku-table-row:last-child {
  border: none;
}
.ds-product-details-sku-list .ds-sku-table-row-item {
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 300;
  min-height: 50px;
  padding: 4px 20px;
  width: 25%;
}
.ds-product-details-sku-list .ds-sku-table-row-item .ds--mobile {
  display: none;
}
.ds-product-details-sku-list .ds-sku-table-row-item:first-child {
  width: 35%;
}
.ds-product-details-sku-list .ds-sku-table-row-item:last-child {
  -ms-flex: auto;
      flex: auto;
  -ms-flex-pack: center;
      justify-content: center;
}
.ds-product-details-sku-list .ds-sku-table-row-item.ds--without-price {
  -ms-flex-pack: left;
      justify-content: left;
  width: 20%;
}
.ds-product-details-sku-list .ds-sku-table-sort-icon {
  color: #53585b;
  display: none;
  fill: #53585b;
  height: 20px;
  width: 20px;
}
.ds-product-details-sku-list .ds-sku-table-sort-icon.ds--show {
  display: block;
}
.ds-product-details-sku-list .ds-sku-table-sort-button {
  -webkit-appearance: none;
  background: none;
  border: none;
  display: inline;
  position: relative;
  top: 5px;
}
.ds-product-details-sku-list .ds-sku-table-sort-button.ds--active .ds-sku-table-sort-icon {
  color: #0077c8;
  fill: #0077c8;
}
.ds-product-details-sku-list .ds-sku-table-sort-button.ds--active:hover .ds-sku-table-sort-icon {
  color: #53585b;
  fill: #53585b;
}
.ds-product-details-sku-list .ds-sku-table-sort-button.ds--active:hover .ds-sku-table-sort-icon:not( .ds--show ) {
  display: block;
}
.ds-product-details-sku-list .ds-sku-table-sort-button.ds--active:hover .ds-sku-table-sort-icon.ds--show {
  display: none;
}
.ds-product-details-sku-list .ds-sku-table-row-item-name {
  display: block;
  overflow: hidden;
}
.ds-product-details-sku-list .ds-sku-table-row-item-price {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.ds-product-details-sku-list .ds-sku-table-row-item-price-value {
  color: #0077c8;
}
.ds-product-details-sku-list .ds-sku-table-row-collection {
  border: 1px solid #e7e7e7;
  margin-right: -15px;
  max-height: 204px;
  overflow: auto;
  width: 100%;
}
.ds-product-details-sku-list .ds-sku-table-buttons {
  display: block;
  width: 100%;
}
.ds-product-details-sku-list .ds-sku-table-button {
  padding-left: 5px;
  padding-right: 5px;
  white-space: normal;
  width: 100%;
}
@media only screen and (max-width: 1439px) {
  .ds-product-details-sku-list .ds-sku-table {
    margin-bottom: 20px;
    padding: 20px;
    padding-bottom: 0;
  }
  .ds-product-details-sku-list .ds-sku-table .ds-hiding-items {
    display: -ms-flexbox;
    display: flex;
  }
  .ds-product-details-sku-list .ds-sku-table .ds--hidden-false {
    display: block;
  }
  .ds-product-details-sku-list .ds-sku-table .ds--hidden-true {
    display: none;
  }
  .ds-product-details-sku-list .ds-sku-table-header {
    display: none;
  }
  .ds-product-details-sku-list .ds-sku-table-quantity {
    width: 100%;
  }
  .ds-product-details-sku-list .ds-sku-table-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ds-product-details-sku-list .ds-sku-table-row:first-child {
    border-top: none;
    padding: 0;
  }
  .ds-product-details-sku-list .ds-sku-table-row:nth-child( even ),
  .ds-product-details-sku-list .ds-sku-table-row:nth-child( odd ) {
    background-color: #fff;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item {
    margin-bottom: 8px;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item.ds--quantity {
    width: 40%;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item.ds--without-price {
    color: #0077c8;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item-name {
    display: none;
    max-height: 60px;
    overflow: hidden;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item-name.ds--mobile {
    color: #80898e;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item:last-child {
    padding-left: 0;
    padding-right: 0;
    width: 120px;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item:last-child span {
    display: block;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item:last-child span button {
    display: block;
    font-size: 12px;
    height: 36px;
    width: 100%;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item .ds-quantity-picker {
    height: 36px;
    width: 90%;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item:first-child {
    padding: 16px 0 0 0;
    width: 100%;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item-code {
    display: none;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item-code.ds--mobile {
    color: #53585b;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item-price-value {
    color: #53585b;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item-price-unit {
    display: none;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item-price-unit.ds--mobile {
    display: none;
  }
  .ds-product-details-sku-list .ds-sku-table-row-item:not( :first-child ):not( :last-child ) {
    padding: 0;
  }
  .ds-product-details-sku-list .ds-sku-table-row-collection {
    border: none;
    border-top: 1px solid #e7e7e7;
    max-height: none;
    overflow: unset;
  }
  .ds-product-details-sku-list i {
    border: solid #0077c8;
    border-width: 0 1px 1px 0;
    display: inline-block;
    margin: 0 0 8px 2px;
    padding: 2px;
  }
  .ds-product-details-sku-list .arrow-right {
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
  }
  .ds-product-details-sku-list .arrow-down {
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
}
@media only screen and (max-width: 739px) {
  .ds-product-details-sku-list .ds-quantity-picker {
    width: 80%;
  }
  .ds-product-details-sku-list .ds-quantity-picker-minus,
  .ds-product-details-sku-list .ds-quantity-picker-plus {
    padding: 0 7px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-details-price-breaks-custom-value {
  color: #80898e;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 15px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
}
.ds-product-details-price-custom-value .newInner {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px 0 #7d8081;
  color: #53585b;
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  max-width: 240px;
  padding: 15px;
  white-space: normal;
}
.ds-product-details-price-custom-value .ds-hint-text {
  padding: 5px 6px;
}
.ds-product-details-price-breaks-custom-value ul {
  margin: 0;
  padding: 0;
}
.ds-product-details-price-breaks-custom-value li {
  list-style: none;
  margin-top: 7px;
}
.ds-product-details-price-breaks-custom-value .price-highLight {
  color: #0077c8;
  line-height: 18px;
}
.ds-product-details-price-breaks-custom-value .price-normal {
  color: #80898e;
  line-height: 18px;
}
.ds-product-details-price-breaks-custom-value .ds-price-break-quantity {
  font-size: 11px;
  margin-left: 3px;
  color: #ccc;
  padding: 2px;
}
span.price-break-value {
  color: #80898e;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.ds-product-details-fullfilledby-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.manage-distributor-logo {
  max-width: 60%;
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
.ds-product-details-fulfilled-by-logo {
  border: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 10px;
  padding: 10px;
}
.ds-product-details-fulfilled-by-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #53585b;
  text-align: center;
}
.ds-fullfilled-by-manage-preferrer-links {
  font-size: 12px;
  font-weight: 500;
}
.ds-product-details-fullfilledby-wrapper .ds-product-details-price,
.ds-product-details-fulfilled-by-logo-sec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex: 1;
      flex: 1;
}
.ds-pdp-price-card-formulary {
  background: #6200EA;
  border-radius: 50px;
  padding: 5px 10px 5px 10px;
  font: normal normal bold 12px/14px 'Montserrat';
  letter-spacing: 0px;
  color: #fff;
  opacity: 1;
}
.ds-pdp-price-card-formulary-container {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-details-slider {
  border-bottom: 1px solid #c0c9ce;
  margin-bottom: 32px;
  padding-bottom: 8px;
  text-align: center;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-slider {
    border-bottom: none;
  }
}
.ds-product-details-slider-cnt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 511px;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-slider-cnt {
    height: auto;
  }
}
.ds-product-details-slider-w {
  background: none;
  border: none;
  margin-right: 10px;
}
.ds-product-details-slider-expand {
  background: none;
  border: none;
  color: #80898e;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  margin-bottom: 15px;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-slider-expand {
    border-bottom: 1px solid #c0c9ce;
    padding-bottom: 15px;
  }
}
.ds-product-details-slider-arrow {
  height: 24px;
  width: 15px;
}
.ds-product-details-slider .slick-list,
.ds-product-details-slider .slick-track,
.ds-product-details-slider .slick-slide div {
  height: 100%;
}
.ds-product-details-slider .slick-arrow {
  color: #0077c8;
  cursor: pointer;
  fill: #0077c8;
}
.ds-product-details-slider .slick-arrow.slick-disabled {
  color: #e7e7e7;
  cursor: default;
  fill: #e7e7e7;
}
.ds-product-details-slider-first {
  text-align: center;
  width: 78px;
}
.ds-product-details-slider-first .slick-prev {
  margin-bottom: 8px;
}
.ds-product-details-slider-first .slick-next {
  margin-top: 4px;
}
.ds-product-details-slider-first-img {
  width: 100%;
}
.ds-product-details-slider-first-img-w {
  display: table-cell;
  vertical-align: middle;
}
.ds-product-details-slider-first-img-cnt-w {
  padding: 5px 0;
}
.ds-product-details-slider-first-img-cnt {
  border: 1px solid #c0c9ce;
  display: table;
  min-height: 78px;
  padding: 1px;
  position: relative;
}
.ds-product-details-slider-first-play-button {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
}
.ds-product-details-slider-first-play-button-svg {
  fill: #0077c8;
  height: 20px;
  width: 20px;
}
.ds-product-details-slider-first-duration {
  font-size: 9px;
  margin-bottom: 2px;
  margin-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
  background: #000;
  border-radius: 16%;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}
.ds-product-details-slider .slick-slide .ds-product-details-slider-first-img-cnt {
  height: 78px;
}
@media only screen and (max-width: 1379px) {
  .ds-product-details-slider .slick-slide .ds-product-details-slider-first-img-cnt {
    height: 65px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-product-details-slider .slick-slide .ds-product-details-slider-first-img-cnt {
    height: 78px;
  }
}
.ds-product-details-slider-second {
  width: calc(100% - 90px);
}
.ds-product-details-slider-second-img {
  width: 100%;
}
.ds-product-details-slider-second-img-cnt {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 100%;
}
.ds-product-details-slider-second-img-cnt.ds--unclickable {
  cursor: initial;
}
.ds-product-details-slider-second-play-button {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
}
.ds-product-details-slider-second-play-button-svg {
  fill: #0077c8;
  height: 25px;
  width: 25px;
}
.ds-product-details-slider-second-duration {
  font-size: 16px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-left: 4px;
  padding-right: 4px;
  background: #000;
  border-radius: 16%;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}
.ds-product-details-slider-popup {
  height: calc(60vh + 2 * 80px);
  padding: 80px 0;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-slider-popup {
    height: 100vh;
    padding: 0;
  }
}
.ds-product-details-slider-popup-img-cnt {
  height: 60vh;
  position: relative;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-slider-popup-img-cnt {
    height: 100vh;
    padding: 0;
  }
}
.ds-product-details-slider-popup-you-tube-container {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
.ds-product-details-slider-popup-you-tube {
  width: 100%;
  z-index: -1;
}
.ds-product-details-slider-popup-img {
  margin: auto;
  max-height: 75vh;
  max-width: 100%;
  transform: perspective(1px) translateY(-50%);
  position: relative;
  top: 50%;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-slider-popup-img {
    max-height: 100vh;
  }
}
.ds-product-details-slider-popup-inner {
  height: 100%;
}
.ds-product-details-slider-popup-inner .slick-list {
  height: 100%;
}
.ds-product-details-slider-popup-inner .slick-arrow {
  background: rgba(255, 255, 255, 0.75);
  border: 0;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0 #e7e7e7;
  color: #0077c8;
  cursor: pointer;
  font-size: 34px;
  line-height: 23px;
  outline: none;
  padding: 0;
  right: 0;
  text-align: center;
  transition: all 0.6s ease 0s;
  z-index: 1;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
  height: 114px;
  width: 45px;
}
.ds-product-details-slider-popup-inner .slick-arrow:before {
  font-weight: 500;
  left: 19px;
  margin-top: -5px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.ds-product-details-slider-popup-inner .slick-arrow.slick-disabled {
  opacity: 0;
  z-index: -1;
}
.ds-product-details-slider-popup-inner .slick-arrow.slick-prev {
  bottom: 0;
  left: 0;
}
.ds-product-details-slider-popup-inner .slick-arrow.slick-prev:before {
  content: "‹";
  left: auto;
  right: 16px;
}
.ds-product-details-slider-popup-inner .slick-arrow.slick-next {
  bottom: 0;
  right: 0;
}
.ds-product-details-slider-popup-inner .slick-arrow.slick-next:before {
  content: "›";
}
.ds-product-details-slider-popup .ds-popup-close {
  top: 30px;
  right: 30px;
  height: 28px;
  width: 18px;
}
@media only screen and (max-width: 1379px) {
  .ds-product-details-slider-first {
    width: 65px;
  }
  .ds-product-details-slider-first-img-cnt {
    min-height: 65px;
  }
  .ds-product-details-slider-second {
    width: calc(100% - 65px);
  }
}
@media only screen and (max-width: 833px) {
  .ds-product-details .ds-product-details-slider-cnt {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .ds-product-details .ds-product-details-slider-first {
    margin-left: -15px;
    margin-right: -15px;
    text-align: left;
    width: auto;
  }
  .ds-product-details .ds-product-details-slider-first .slick-track {
    margin-left: 0;
    margin-right: 0;
  }
  .ds-product-details .ds-product-details-slider-first .slick-arrow {
    display: none !important;
  }
  .ds-product-details .ds-product-details-slider-first .slick-list,
  .ds-product-details .ds-product-details-slider-first .slick-track {
    height: 84px;
  }
  .ds-product-details .ds-product-details-slider-first-img-cnt-w {
    height: 78px;
    padding: 0 5px;
    width: 84px;
  }
  .ds-product-details .ds-product-details-slider-first-img-w {
    height: 78px !important;
    width: 78px;
  }
  .ds-product-details .ds-product-details-slider-first-img-cnt img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
  }
  .ds-product-details .ds-product-details-slider-second {
    height: 250px;
    margin-bottom: 15px;
    width: auto;
  }
  .ds-product-details .ds-product-details-slider-second-img-cnt img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.ds-product-details-pdf-info {
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #c0c9ce;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 16px;
  padding: 16px;
}
.ds-product-details-pdf-info-name {
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}
.ds-product-details-pdf-info-button {
  padding: 11px 32px;
}
@media only screen and (max-width: 1379px) {
  .ds-product-details-pdf-info {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ds-product-details-pdf-info-name {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 27px;
  }
  .ds-product-details-pdf-info-button {
    padding: 9px 32px;
    text-align: center;
    width: 100%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-details {
  color: #53585b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
}
.ds-product-details .ds-notify-w {
  margin-bottom: 20px;
}
.ds-product-details .ds-notify-content {
  -ms-flex-pack: center;
      justify-content: center;
}
.ds-product-details .ds-notify-text {
  display: inline-block;
}
.ds-product-details-stock {
  margin-bottom: 7px;
}
.ds-product-details-promotion {
  margin-bottom: 20px;
}
.ds-product-details-top-line {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}
.ds-product-details-top-line-icon {
  color: #0077c8;
  cursor: pointer;
  fill: #0077c8;
  height: 18px;
  margin-left: 20px;
  width: 18px;
}
.ds-product-details-top-line-back-icon {
  height: 12px;
  margin-left: 0;
  margin-right: 10px;
  width: 12px;
}
.ds-product-details-left {
  margin-right: 30px;
  width: calc(66.666% - 30px);
}
@media only screen and (max-width: 1439px) {
  .ds-product-details-left {
    width: calc(60% - 30px);
  }
}
@media only screen and (max-width: 1379px) {
  .ds-product-details-left {
    width: 50%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-product-details-left {
    width: 100%;
  }
}
.ds-product-details-right {
  width: 33.333%;
}
@media only screen and (max-width: 1439px) {
  .ds-product-details-right {
    width: 40%;
  }
}
@media only screen and (max-width: 1379px) {
  .ds-product-details-right {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 833px) {
  .ds-product-details-right {
    width: 100%;
  }
}
.ds-product-details .ds-notification-content {
  padding: 16px 20px;
}
.ds-product-details-sku {
  color: #80898e;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 3px;
}
.ds-product-details-name {
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
}
.ds-product-details-block {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 32px;
}
.ds-product-details-block ul {
  padding-left: 15px;
}
.ds-product-details-previously-ordered-notification .ds-notify-content {
  padding: 14px 40px 10px 10px;
}
.ds-product-details-previously-ordered-notification .ds-notify {
  min-height: 0;
}
.ds-product-details-previously-ordered-notification .ds-notify-content-text {
  line-height: 25px;
}
.ds-product-details-previously-ordered-notification .ds-notify-content-text .ds-notify-text {
  line-height: 20px;
}
.ds-product-details-bullets {
  margin-top: 20px;
}
.ds-product-details-bullets-item {
  margin-top: 20px;
}
.ds-product-details-bullets-item:first-child {
  margin-top: 0;
}
.ds-product-details-suggestion {
  border: 1px solid #e7e7e7;
  box-shadow: 0 2px 15px 0 rgba(83, 88, 91, 0.15);
  margin-bottom: 32px;
  margin-top: 40px;
  padding: 30px 32px;
  text-align: center;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-suggestion {
    margin-bottom: 35px;
  }
}
.ds-product-details-suggestion-name {
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
}
.ds-product-details-suggestion-link {
  font-weight: 500;
}
.ds-product-details-price {
  font-size: 14px;
}
.ds-product-details-price:not( :first-child ) {
  margin-top: 16px;
}
.ds-product-details-price-title {
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.ds-product-details-price-old {
  margin-bottom: 10px;
}
.ds-product-details-price-custom {
  margin-bottom: 10px;
}
.ds-product-details-price-custom-no-price {
  color: #0077c8;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-transform: capitalize;
}
.ds-product-details-price-custom-no-price-text {
  color: #80898e;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}
.ds-product-details-price-title,
.ds-product-details-price-old {
  color: #80898e;
}
.ds-product-details-price-old-value,
.ds-product-details-price-custom-value {
  color: #aaa;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.ds-product-details-price-old-value span {
  color: #80898e;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: line-through;
}
.ds-product-details-price-old-value.ds--msrp-only span {
  text-decoration: none;
}
.ds-product-details-price-custom-value span {
  color: #0077c8;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}
.ds-product-details-settings {
  margin-bottom: 30px;
}
.ds-product-details-settings-items {
  margin-bottom: -10px;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-settings-items-select {
    display: block;
  }
}
.ds-product-details-settings-desc {
  color: #80898e;
  font-size: 12px;
  padding-top: 10px;
}
.ds-product-details-settings-items-info {
  color: #80898e;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 10px;
}
.ds-product-details-settings-collapse {
  margin-top: -1px;
}
.ds-product-details-settings-collapse:first-child {
  margin-top: 0;
}
.ds-product-details-settings-quantity {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
.ds-product-details-settings-button {
  background-color: #fff;
  border: 1px solid #c0c9ce;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 10px;
  margin-right: 15px;
  padding: 7px 6px;
}
.ds-product-details-settings-button.ds--error {
  border-color: #e4002b;
  color: #e4002b;
  font-weight: 500;
}
.ds-product-details-settings-button.ds--selected {
  border-color: #0077c8;
  color: #0077c8;
  font-weight: 500;
}
.ds-product-details-settings-button.ds--disabled {
  background-color: #e7e7e7;
  color: #80898e;
  cursor: default;
}
.ds-product-details-settings-button-add-to-cart.ds--orange {
  display: block;
  padding: 14px 20px;
  text-align: center;
  width: 100%;
}
.ds-product-details-settings-button-add-to-cart.ds--orange.ds--capitalize {
  text-transform: capitalize;
}
.ds-product-details-settings-button-add-to-cart.ds--orange .ds-button-icon {
  fill: #272727;
}
.ds-product-details-settings-quantity-favorite {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 15px;
  min-width: 0;
}
.ds-product-details-settings-quantity-block {
  width: 40%;
}
.ds-product-details-settings-button-favorite {
  border-radius: 4px;
  font-weight: 500;
  margin-right: 0;
  padding: 8px;
  text-align: center;
  width: calc(60% - 24px);
}
.ds-product-details-settings-button-favorite .ds-button-icon {
  fill: #f6a800;
  height: 14px;
  line-height: 20px;
  margin-top: 4px;
}
.ds-product-details-settings-accordions {
  margin-bottom: 20px;
}
.ds-product-details-settings-input {
  border: none;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
  width: 1%;
}
.ds-product-details-settings-input:focus {
  outline: none;
}
.ds-video-link {
  line-height: 16px;
  margin-bottom: 10px;
  margin-top: -5px;
}
@media only screen and (max-width: 833px) {
  .ds-product-details {
    display: block;
  }
  .ds-product-details-settings-block-button-cnt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ds-product-details-settings-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .ds-product-details-settings-button {
    display: block;
    margin-bottom: 12px;
    margin-right: 0;
    text-align: center;
    width: calc(50% - 7px);
  }
  .ds-product-details-settings-button-favorite {
    width: calc(60% - 15px);
  }
}
/*info tool tip for formulary tag*/
.tooltip-toggle-formulary {
  display: none;
  background: #fff 0% 0% no-repeat padding-box;
  color: #53575A;
  position: absolute;
  -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
  top: 170px;
  left: 120px;
  width: 245px;
  text-align: left;
  font: normal normal normal 14px/20px 'Arial', sans-serif;
  letter-spacing: 0px;
  opacity: 1;
  box-shadow: 0px 1px 6px #122D5733;
  border-radius: 6px;
  padding: 18px 18px;
  transition: opacity 2s ease;
  z-index: 2;
}
@media only screen and (max-width: 833px) {
  .tooltip-toggle-formulary {
    -ms-transform: translate(-22%, -100%);
        transform: translate(-22%, -100%);
  }
}
a.tooltip-custom-formulary {
  position: relative;
}
a.tooltip-custom-formulary:hover .tooltip-toggle-formulary {
  display: block;
  opacity: 1;
}
a.tooltip-custom-formulary .dsblue {
  color: #0056b3;
}
.tooltip-toggle-formulary::after {
  border: 0;
}
.ds-formulary-tag {
  text-align: left;
  font: normal normal normal 14px/16px 'Montserrat';
  letter-spacing: 0px;
  color: #6200EA;
  opacity: 1;
}
/*info tool tip for formulary tag*/

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-video-line {
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 0;
}
.ds-video-line:last-of-type {
  margin-bottom: 40px;
}
.ds-video-line-image-thumbnail {
  display: block;
  margin-right: 18px;
  min-height: 149px;
  min-width: 265px;
  position: relative;
}
.ds-video-line-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  padding-top: 56%;
  width: 100%;
}
.ds-video-line-procedure-tag {
  left: 8px;
  position: absolute;
  top: 8px;
}
.ds-video-line-duration {
  background-color: #000;
  border-radius: 5px;
  bottom: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0 8px;
  position: absolute;
  right: 4px;
}
.ds-video-line-text {
  max-width: 820px;
}
.ds-video-line-info {
  color: #53585b;
  font-weight: 300;
}
.ds-video-line-title {
  color: #53585b;
  display: block;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 8px;
  margin-top: 13px;
}
.ds-video-line-title:hover {
  color: #53585b;
}
.ds-video-line-description {
  display: block;
  font-size: 14px;
  margin-bottom: 9px;
}
.ds-video-line-link {
  padding: 0;
}
.ds-video-line-popup {
  padding: 110px 0;
}
.ds-video-line-popup .ds-popup-close {
  right: 35px;
  top: 30px;
  height: 26px;
  width: 16px;
}
.ds-video-line-you-tube {
  width: 100%;
}
@media only screen and (max-width: 1379px) {
  .ds-video-line {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 20px 0;
  }
  .ds-video-line-image-thumbnail {
    height: auto;
    min-height: auto;
    min-width: auto;
    width: 100%;
  }
  .ds-video-line-procedure-tag {
    left: 9px;
    top: 9px;
  }
  .ds-video-line-duration {
    bottom: 3px;
    right: 8px;
  }
  .ds-video-line-title {
    margin-top: 5px;
  }
  .ds-video-line-description {
    margin-bottom: 5px;
    max-height: 63px;
    overflow: hidden;
    position: relative;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-product-details-learning {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 4px 20px 0 #d5d5d5;
  box-sizing: content-box;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  padding: 24px 32px 32px;
}
.ds-product-details-learning-h2 {
  margin: 0;
}
.ds-product-details-learning-text {
  margin-bottom: 24px;
}
.ds-product-details-learning-img {
  box-sizing: content-box;
  display: block;
  padding: 24px 0;
  height: 250px 100%;
  width: 250px 100%;
}
.ds-product-details-learning-img-item {
  max-height: 250px;
  width: 100%;
}
.ds-product-details-learning-button {
  border: 1px solid #0077c8;
  border-radius: 4px;
  color: #0077c8;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-product-details-learning {
    font-size: 18px;
  }
}

.ds-products-slider .slick-track {
  display: -ms-flexbox;
  display: flex;
}
.ds-products-slider .slick-slide {
  height: auto;
}
.ds-products-slider .slick-slide > div,
.ds-products-slider .slick-slide .ds-card-product,
.ds-products-slider .slick-slide .ds-product-item {
  height: 100%;
}
.ds-products-slider-slide-container {
  height: 100%;
}

.recommended-products-slider .slick-list {
  max-height: none;
}

.ds-resource-tile {
  padding: 0 15px;
}
.ds-resource-tile-title,
.ds-resource-tile-title:hover,
.ds-resource-tile-title:focus,
.ds-resource-tile-title:active {
  color: #53585b;
  display: block;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 8px;
  text-decoration: none;
}
@media only screen and (max-width: 1379px) {
  .ds-resource-tile-title,
  .ds-resource-tile-title:hover,
  .ds-resource-tile-title:focus,
  .ds-resource-tile-title:active {
    margin-bottom: 5px;
  }
}
.ds-resource-tile-description {
  font-size: 14px;
  margin-bottom: 9px;
}
@media only screen and (max-width: 1379px) {
  .ds-resource-tile-description {
    margin-bottom: 5px;
  }
}
.ds-resource-tile-download {
  font-size: 14px;
  font-weight: 500;
}
.ds-resource-tile-badge {
  margin-bottom: 9px;
}
@media only screen and (max-width: 1379px) {
  .ds-resource-tile-badge {
    margin-bottom: 10px;
  }
}
.ds-resource-tile-badge .ds-badge-left-icon {
  height: 10px;
  margin-top: 2px;
  width: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-resources-about-author {
  background-color: #fbfbfb;
  padding-bottom: 50px;
  padding-top: 45px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-about-author {
    border-bottom: 1px solid #c0c9ce;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
  }
}
.ds-resources-about-author-content {
  font-size: 14px;
  margin: 0 auto;
  max-width: 1130px;
}
.ds-resources-about-author-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-about-author-card-w + .ds-resources-about-author-card-w {
    margin-top: 35px;
  }
}
.ds-resources-about-author-card {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-about-author-card {
    margin-bottom: 35px;
  }
}
.ds-resources-about-author-card-img {
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  height: 120px;
  margin-right: 30px;
  min-width: 120px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-about-author-card-img {
    margin-right: 20px;
  }
}
.ds-resources-about-author-card-info {
  line-height: 22px;
}
.ds-resources-about-author-card-info > * {
  margin-bottom: 0;
}
@media only screen and (max-width: 833px) {
  .ds-resources-about-author-card-title > * {
    display: block;
    font-weight: 500;
  }
}
@media only screen and (max-width: 833px) {
  .ds-resources-about-author .ds-tag-list {
    margin-top: 45px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-resources-case-studies-line {
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-case-studies-line {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.ds-resources-case-studies-line-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 150px;
  margin-right: 20px;
  min-width: 265px;
  position: relative;
}
@media only screen and (max-width: 833px) {
  .ds-resources-case-studies-line-image {
    height: 180px;
    margin-bottom: 10px;
    margin-right: 0;
    min-width: 100%;
  }
}
.ds-resources-case-studies-line-badge {
  position: absolute;
  left: 8px;
  top: 8px;
}
.ds-resources-case-studies-line-text {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.ds-resources-case-studies-line-title {
  color: #53585b;
  display: block;
  font-size: 20px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-resources-case-studies-line-title:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-resources-case-studies-line-title:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-resources-case-studies-line-title:hover {
    color: #53585b;
  }
}
.ds-resources-case-studies-line-title:active {
  color: #53585b;
}
.ds-resources-case-studies-line-description {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-case-studies-line-description {
    margin-bottom: 5px;
  }
}
.ds-resources-case-studies-line-link {
  padding: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-resources-hero-image-slider-slide-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 500px;
  margin: 0 auto 5px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-hero-image-slider-slide-img {
    height: 165px;
    margin-bottom: 15px;
  }
}
.ds-resources-hero-image-slider-slide-caption {
  color: #80898e;
  font-size: 12px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-hero-image-slider-slide-caption {
    margin-bottom: 0;
    margin-left: 25px;
  }
}
.ds-resources-hero-image-slider .slick-arrow {
  -ms-transform: translateY(calc(-50% - 35px));
      transform: translateY(calc(-50% - 35px));
}
@media only screen and (max-width: 833px) {
  .ds-resources-hero-image-slider .slick-arrow {
    -ms-transform: translateY(calc(-50% - 45px));
        transform: translateY(calc(-50% - 45px));
  }
  .ds-resources-hero-image-slider .slick-arrow.slick-prev {
    left: 0;
  }
  .ds-resources-hero-image-slider .slick-arrow.slick-next {
    right: 0;
  }
}
.ds-resources-hero-image-slider .slick-dots {
  border-top: 1px solid #c0c9ce;
  margin-bottom: 10px;
  margin-top: 10px;
}
.ds-resources-hero-image-slider .slick-dots > li button {
  box-sizing: content-box;
  margin: 10px 6.25px;
  padding: 0;
}
@media only screen and (max-width: 833px) {
  .ds-resources-hero-image-slider .slick-dots > li button {
    margin-top: 20px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-resources-image-gallery-popup {
  height: 70vh;
  padding-bottom: 50px;
  padding-top: 90px;
}
.ds-resources-image-gallery-popup .ds-popup-close-button {
  top: 30px;
  right: 30px;
}
.ds-resources-image-gallery-popup .slick-arrow {
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.ds-resources-image-gallery-popup-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: calc(70vh - 200px);
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-resources-image-gallery-popup-img {
    height: 30vh;
  }
}
.ds-resources-image-gallery-popup-img-caption {
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-resources-image-gallery-slider-slide {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  margin-right: 0;
  margin-top: 0;
  height: 230px;
  width: 100%;
}
.ds-resources-image-gallery-slider-slide-caption {
  font-size: 14px;
  margin-bottom: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
@media only screen and (max-width: 833px) {
  .ds-resources-image-gallery-slider-slide-caption {
    margin-left: 5%;
  }
}
.ds-resources-image-gallery-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ds-resources-image-gallery-items.ds--two-columns {
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 435px;
}
.ds-resources-image-gallery-items.ds--two-columns .ds-resources-image-gallery-item {
  -ms-flex-preferred-size: calc(435px/2 - 17.5px);
      flex-basis: calc(435px/2 - 17.5px);
  height: 150px;
  margin: 0;
  min-width: calc(435px/2 - 17.5px);
  padding-top: 0;
}
.ds-resources-image-gallery-items.ds--two-columns .ds-resources-image-gallery-item.ds--large {
  -ms-flex-preferred-size: 435px;
      flex-basis: 435px;
  height: 325px;
  min-width: 435px;
}
.ds-resources-image-gallery-item-w {
  margin-bottom: 20px;
}
.ds-resources-image-gallery-item {
  background-color: #fff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  display: inline-block;
  -ms-flex: 0 0 30%;
      flex: 0 0 30%;
  margin-right: 3%;
  margin-top: 30px;
  padding-top: 20%;
}
.ds-resources-image-gallery-caption,
.ds-resources-image-gallery-item-caption {
  color: #80898e;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 10px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-image-gallery-caption,
  .ds-resources-image-gallery-item-caption {
    margin-left: 5%;
  }
}
.ds-resources-image-gallery-item-caption {
  margin-top: 0;
}

.ds-resource-line {
  border-bottom: 1px solid #e7e7e7;
  padding: 24px 0 18px;
}
.ds-resource-line:first-child {
  padding-top: 0;
}
.ds-resource-line-title {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 8px;
}
.ds-resource-line-description {
  font-size: 14px;
  margin-bottom: 9px;
}
.ds-resource-line-download {
  font-size: 14px;
  font-weight: 500;
}
.ds-resource-line-badge {
  margin-bottom: 9px;
}
.ds-resource-line-badge .ds-badge-left-icon {
  height: 10px;
  margin-top: 2px;
  width: 10px;
}
@media only screen and (max-width: 1379px) {
  .ds-resource-line {
    padding: 30px 0 19px;
  }
  .ds-resource-line:first-child {
    padding-top: 0;
  }
  .ds-resource-line-badge {
    margin-bottom: 10px;
  }
  .ds-resource-line-title {
    margin-bottom: 5px;
  }
  .ds-resource-line-description {
    margin-bottom: 5px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-resources-page-subheading {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
  padding: 0 160px 15px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-page-subheading {
    display: block;
    margin-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }
}
.ds-resources-page-subheading-badge {
  white-space: nowrap;
}
@media only screen and (max-width: 833px) {
  .ds-resources-page-subheading-badge {
    margin-bottom: 10px;
  }
}
.ds-resources-page-subheading-info {
  font-size: 14px;
  font-weight: 300;
  margin-left: 20px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-page-subheading-info {
    margin-left: 0;
  }
}
.ds-resources-page-subheading-author {
  border-right: 1px solid;
  padding-right: 10px;
}
.ds-resources-page-subheading-author:not( :first-of-type ) {
  padding-left: 10px;
}
.ds-resources-page-subheading-date {
  padding-left: 10px;
  white-space: nowrap;
}
.ds-resources-page-subheading-share {
  width: 30%;
}
@media only screen and (max-width: 833px) {
  .ds-resources-page-subheading-share {
    position: absolute;
    top: 0;
    right: 30px;
  }
}
.ds-resources-page-subheading-share .ds-share-buttons-icon {
  height: 18px;
  width: 20px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-resources-products-used {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 60px;
  max-width: 1008px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-products-used {
    padding: 0 15px 21px 15px;
  }
}
.ds-resources-products-used-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 24px;
}
.ds-resources-products-used-items {
  margin: 0 -13px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-products-used-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 7px;
  }
}
.ds-resources-products-used-item-col {
  display: inline-block;
  margin-bottom: 36px;
  padding: 0 13px;
  vertical-align: top;
  height: 100%;
  width: 20%;
}
@media only screen and (max-width: 833px) {
  .ds-resources-products-used-item-col {
    margin-bottom: 14px;
    width: 100%;
  }
}
@media only screen and (max-width: 833px) {
  .ds-resources-products-used-item {
    max-height: 55px;
  }
}
.ds-resources-products-used-item-img-cnt {
  border: 1px solid #e7e7e7;
  display: block;
  margin-bottom: 6px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-products-used-item-img-cnt {
    margin-bottom: 0;
    margin-right: 10px;
    width: 75px;
  }
}
.ds-resources-products-used-item-img {
  background: 50% no-repeat;
  background-size: contain;
  display: inline-block;
  height: 115px;
  width: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-resources-products-used-item-img {
    max-height: 55px;
  }
}
.ds-resources-products-used-item-link {
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
}
@media only screen and (max-width: 833px) {
  .ds-resources-products-used-item-link {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.ds-resources-products-used-link-cnt {
  text-align: center;
}

.ds-resources-title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
  margin-left: 0;
}
@media only screen and (max-width: 833px) {
  .ds-resources-title {
    margin-bottom: 10px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-subLevelButtons-container {
  height: auto;
  margin: 0 auto;
  max-width: 1440px;
  padding-bottom: 40px;
  position: relative;
}
.ds-subLevelButtons-title {
  color: #53585b;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 26px;
}
.ds-subLevelButtons-buttonsContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 833px) {
  .ds-subLevelButtons-buttonsContainer {
    width: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.ds-subLevelButtons-buttonsSection {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -24px;
}
@media only screen and (max-width: 833px) {
  .ds-subLevelButtons-buttonsSection {
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: -15px;
  }
}
.ds-subLevelButtons-buttonsSection.ds--fix-height {
  max-height: 160px;
  overflow: hidden;
}
.ds-subLevelButtons-buttonsSection.ds--free-height {
  max-height: 100%;
}
@media only screen and (max-width: 833px) {
  .ds-subLevelButtons-buttonsContainer.ds--oddButtons .ds-subLevelButtons-button:last-child {
    margin-left: auto;
    margin-right: auto;
  }
}
.ds-subLevelButtons-button {
  -ms-flex-align: center;
      align-items: center;
  background: none;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  box-shadow: 0 0 1px 1px #fbfbfb;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 300;
  margin: 0 24px 24px 0;
  padding: 15px 20px;
  transition: color 0.15s ease, border-color 0.15s ease;
  /* stylelint-disable */
  /* stylelint-enable */
}
.ds--fix-size .ds-subLevelButtons-button {
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 200px;
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-subLevelButtons-button:hover {
    border-color: #0077c8;
    color: #0077c8;
  }
  .ds-subLevelButtons-button:hover .ds-subLevelButtons-icon {
    fill: #0077c8;
    color: #0077c8;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-subLevelButtons-button:hover {
    border-color: #0077c8;
    color: #0077c8;
  }
  .ds-subLevelButtons-button:hover .ds-subLevelButtons-icon {
    fill: #0077c8;
    color: #0077c8;
  }
}
@media (hover) {
  .ds-subLevelButtons-button:hover {
    border-color: #0077c8;
    color: #0077c8;
  }
  .ds-subLevelButtons-button:hover .ds-subLevelButtons-icon {
    fill: #0077c8;
    color: #0077c8;
  }
}
.ds-subLevelButtons-button:active {
  border-color: #0077c8;
  color: #0077c8;
}
.ds-subLevelButtons-button:active .ds-subLevelButtons-icon {
  fill: #0077c8;
  color: #0077c8;
}
.ds-subLevelButtons-button.ds--selected {
  border-color: #0077c8;
  color: #0077c8;
}
.ds-subLevelButtons-button.ds--selected .ds-subLevelButtons-icon {
  color: #0077c8;
  fill: #0077c8;
}
@media only screen and (max-width: 833px) {
  .ds-subLevelButtons-button {
    margin: 0;
    margin-bottom: 14px;
    padding: 5px 15px;
    width: calc(50% - 7px);
    min-height: 56px;
    line-height: 20px;
    font-size: 14px;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .ds--fix-size .ds-subLevelButtons-button {
    min-width: 0;
  }
}
.ds-subLevelButtons-icon {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  transition: color 0.15s ease, fill 0.15s ease;
  color: #53585b;
  fill: #53585b;
  height: 24px;
  width: 23px;
}
.ds-subLevelButtons-link {
  background-color: #fff;
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.ds-subLevelButtons .ds-brands-column-button {
  letter-spacing: 0.3px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-brand-info {
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
  padding: 24px;
}
.ds-brand-info-title {
  color: #53585b;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 16px;
  overflow: hidden;
}
.ds-brand-info-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.ds-brand-info-read-more {
  font-size: 14px;
  font-weight: bolder;
  line-height: 21px;
  text-align: center;
}
.ds-brand-info-read-more-icon {
  margin-left: 5px;
}
.ds-brand-info-read-more-icon[name="angle-down"] {
  height: 17px;
  width: 17px;
}
.ds-brand-info-read-more-icon[name="angle-up"] {
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 833px) {
  .ds-brand-info {
    margin-bottom: 15px;
    padding: 25px 28px 22px;
  }
  .ds-brand-info-title {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }
  .ds-brand-info-description {
    margin-bottom: 16px;
    overflow: hidden;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-search-results-sign-in .ds-srp-sign-in-container .ds-notify-content-inner {
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 1379px) {
  .ds-search-results-sign-in .ds-srp-sign-in-container .ds-notify-content-inner {
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: center;
  }
}
.ds-search-results-sign-in .ds-srp-sign-in-container .ds-notify-icon {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  width: 24px;
}
@media only screen and (max-width: 1379px) {
  .ds-search-results-sign-in .ds-srp-sign-in-container .ds-notify-icon {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    width: 32px;
  }
}
.ds-search-results-sign-in .ds-srp-sign-in-container .ds-notify-title {
  font-size: 20px;
  padding-left: 8px;
}
@media only screen and (max-width: 1379px) {
  .ds-search-results-sign-in .ds-srp-sign-in-container .ds-notify-title {
    margin-top: 11px;
  }
}
.ds-search-results-sign-in .ds-srp-sign-in-container .ds-notify-text {
  display: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-video-details-container .ds-previous-page-link {
  margin-bottom: 18px;
}
.ds-video-details-share {
  display: inline-block;
  padding: 0 28px 0 40px;
  width: auto;
}
.ds-video-details-share .ds-share-buttons-wrapper {
  margin: 0;
  white-space: nowrap;
}
.ds-video-details-share .ds-share-buttons-icon {
  display: inline-block;
}
.ds-video-details-share .ds-share-buttons-title {
  font-size: 14px;
  padding-left: 10px;
}
.ds-video-details-share .ds-share-buttons-popup {
  width: 90px;
}
.ds-video-details-you-tube-container {
  font-size: 0;
  padding-top: 45%;
  position: relative;
}
.ds-video-details-you-tube {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ds-video-details-info-w {
  border-bottom: 1px solid #d5d5d5;
}
.ds-video-details-info {
  padding: 35px 115px 42px;
}
.ds-video-details-title {
  font-size: 32px;
  line-height: 40px;
}
.ds-video-details-desc {
  color: #7d8081;
  font-size: 14px;
  padding-top: 10px;
}
.ds-video-details-actions {
  -ms-flex-align: baseline;
      align-items: baseline;
  display: -ms-flexbox;
  display: flex;
  padding-top: 18px;
}
.ds-video-details-actions-buttons {
  -ms-flex-align: baseline;
      align-items: baseline;
  display: -ms-flexbox;
  display: flex;
}
.ds-video-details-tags {
  -ms-flex-align: baseline;
      align-items: baseline;
  border-left: 1px solid #d5d5d5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  font-weight: 500;
  padding-left: 23px;
}
.ds-video-details-tags-title {
  color: #7d8081;
  padding-right: 17px;
}
.ds-video-details-tag {
  background: #e7e7e7;
  border: 1px solid #d5d5d5;
  border-radius: 40px;
  margin-bottom: 13px;
  margin-right: 13px;
  padding: 4px 15px;
}
.ds-video-details-link .ds-button-icon {
  height: 15px;
  width: 15px;
}
@media only screen and (max-width: 1379px) {
  .ds-video-details-info {
    padding: 35px 0 42px;
  }
}
@media only screen and (max-width: 833px) {
  .ds-video-details-container {
    padding-left: 0;
    padding-right: 0;
  }
  .ds-video-details-container .ds-previous-page-link {
    margin-left: 17px;
  }
  .ds-video-details-you-tube-container {
    padding-top: 70%;
  }
  .ds-video-details-info {
    padding: 19px 17px 33px;
  }
  .ds-video-details-title {
    font-size: 28px;
    line-height: 34px;
  }
  .ds-video-details-actions {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ds-video-details-tags {
    border-left: none;
    padding: 0;
  }
  .ds-video-details-tags-title {
    margin: 25px 0 11px;
    padding: 0;
    width: 100%;
  }
  .ds-video-details-share {
    padding-left: 0;
  }
  .ds-video-details .ds-share-buttons-icon {
    margin-right: 5px;
  }
  .ds-video-details .ds-share-buttons-icon.share-alt {
    left: 10px;
  }
  .ds-video-details .ds-share-buttons-social-icon {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .ds-video-details .ds-share-buttons-list {
    left: 0;
  }
  .ds-video-details .ds-share-buttons-popup {
    left: -1px;
  }
  .ds-video-details-link + .ds-video-details-share {
    padding-left: 22px;
  }
  .ds-video-details-link + .ds-video-details-share .ds-share-buttons-icon {
    margin-right: 0;
  }
  .ds-video-details-link + .ds-video-details-share .ds-share-buttons-icon.share-alt {
    left: auto;
  }
  .ds-video-details-link + .ds-video-details-share .ds-share-buttons-social-icon {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .ds-video-details-link + .ds-video-details-share .ds-share-buttons-list {
    right: -8px;
    left: auto;
  }
  .ds-video-details-link + .ds-video-details-share .ds-share-buttons-popup {
    right: -1px;
    left: auto;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-video-tile-container {
  position: relative;
  height: 328px;
  width: 315px;
}
.ds-video-tile-thumbnail {
  position: relative;
  height: 50%;
  width: 100%;
}
.ds-video-tile-tag {
  -ms-flex-align: center;
      align-items: center;
  border-radius: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  height: 24px;
  -ms-flex-pack: center;
      justify-content: center;
  left: 10px;
  position: absolute;
  top: 10px;
}
.ds-video-tile-tag-text {
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  text-transform: capitalize;
}
.ds-video-tile-thumbnail-img-w {
  display: block;
  overflow: hidden;
}
.ds-video-tile-thumbnail-img {
  height: 100%;
  width: 100%;
}
.ds-video-tile-tag-icon {
  height: 13px;
  width: 13px;
}
.ds-video-tile-duration {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  bottom: 8px;
  color: #fff;
  font-size: 12px;
  padding: 3px 12px;
  position: absolute;
  right: 10px;
}
.ds-video-tile-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  padding-right: 10px;
  padding-top: 5px;
  text-align: left;
  height: 50%;
  width: 100%;
}
.ds-video-tile-info-title {
  color: #53585b;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  padding-top: 7px;
  /* stylelint-disable */
  /* stylelint-enable */
}
@media (-moz-device-pixel-ratio: 0) {
  .ds-video-tile-info-title:hover {
    color: #53585b;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-video-tile-info-title:hover {
    color: #53585b;
  }
}
@media (hover) {
  .ds-video-tile-info-title:hover {
    color: #53585b;
  }
}
.ds-video-tile-info-title:active {
  color: #53585b;
}
.ds-video-tile-info-description span {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.ds-video-tile-info-link {
  border-radius: 0;
  padding: 0;
  text-align: left;
}
.ds-video-tile-info-link .ds-button-icon {
  height: 16px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}
.ds-video-slider .slick-slider {
  position: relative;
}
.ds-video-slider .slick-slider .slick-arrow {
  top: 66px;
  -ms-transform: none;
      transform: none;
}
.ds-video-slider-slide-container .ds-video-tile-container {
  min-height: 328px;
  padding: 5px 15px;
  height: auto;
  width: auto;
}
.ds-video-slider-slide-container .ds-video-tile-thumbnail-img {
  margin: 0 auto;
  height: 180px;
  width: auto;
}
.ds-video-slider-header {
  color: #53585b;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  padding-left: 30px;
}
.ds-video-slider-info {
  color: #0077c8;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding-left: 30px;
}
.ds-video-slider-info:after {
  content: "\203A";
  font-size: 21px;
  padding-left: 8px;
}
@media only screen and (max-width: 833px) {
  .ds-static-video-slider.ds-slider {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.voucher_table {
  margin: 20px 0px 30px;
}
.voucher_table .expiring-soon-date span {
  color: red;
}
.voucher_table .voucher-copy-code-btn {
  border: none;
  color: #106ac5;
}
.voucher_table .voucher-active span {
  background-color: #106ac5;
  color: white;
  padding: 3px 10px 3px 10px;
  border-radius: 15px;
}
.voucher_table .voucher-redeemed-expired span {
  background-color: #e7e7e7;
  padding: 3px 10px 3px 10px;
  border-radius: 15px;
}
.voucher_table .voucher-copy-code-btn-disabled {
  border: none;
  pointer-events: none;
  color: #999;
}
.voucher_table .no-vouchers {
  display: table-cell;
  text-transform: none;
}
.voucher_table .no-vouchers h3 {
  font-size: 20px;
}
.voucher_table .no-vouchers p {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 1024px) {
  .voucher_table .copy-code-button {
    position: relative;
    padding-left: 20px;
  }
  .voucher_table .copy-code-button::before {
    font-family: "Material Icons Round";
    content: "\e3e0";
    position: absolute;
    left: 5px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  .voucher_table .td_voucher_copy_code {
    border-top: 0.0625rem solid rgba(60, 64, 67, 0.2);
    padding: 0.9375rem 5.775rem 0.9375rem 2rem;
  }
  .voucher_table .td_voucher_copy_code span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-positive: 0;
        flex-grow: 0;
  }
}

.ds-list-controls {
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 15px;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (max-width: 833px) {
  .ds-list-controls {
    display: block;
  }
}
.ds-list-controls > * {
  margin-bottom: 5px;
}
.ds-list-controls-order-qty {
  font-weight: 500;
  margin-right: 5px;
}
.vouchers-list-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.vouchers-list-search .input-group .input-wrapper {
  width: 100%;
  position: relative;
  margin: 0 0 1rem 0;
  padding-top: 0.5rem;
  left: 0px;
}
.filter-vouchers-mobile {
  display: none;
}
.filter-span-display {
  display: contents;
}
@media only screen and (max-width: 1024px) {
  .filter-vouchers-sort {
    position: absolute;
    left: 0;
    top: -50px;
  }
  .filter-vouchers-sort .filter_pill_wrapper {
    display: block !important;
  }
  .filter-vouchers-sort .filter_pill_dropdown.fs-swap-active {
    position: absolute;
    right: auto;
    width: 165px;
  }
  .filter-btn-style {
    border: 1px solid lightgrey;
    border-radius: 3px;
    padding: 3px 7px;
  }
  .filter-vouchers-mobile {
    display: block;
    position: relative;
    margin-right: 5px;
  }
  .filter-vouchers-mobile::before {
    font-family: "Material Icons Round";
    content: "\e152";
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    font-size: x-large;
  }
  .filter-search-mobile {
    display: block;
    position: relative;
  }
  .filter-search-mobile::before {
    font-family: "Material Icons Round";
    content: "\e8b6";
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    font-size: x-large;
  }
  .vouchers-list-search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 60px;
  }
  .vouchers-list-search .input-group .input-wrapper {
    width: 100%;
    position: relative;
    margin: 0 0 1rem 0;
    padding-top: 0.5rem;
    left: -300px;
  }
  .filter-vouchers-sort-search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.voucher-timeperiod-filter {
  position: relative;
}
.voucher-timeperiod-filter .fitler_pill_select_button {
  display: inline-block;
}
.voucher-timeperiod-filter .filter_pill_caret {
  top: 3px;
}
.voucher-timeperiod-filter .filter_pill_caret.vouchers-dropdown-active {
  -ms-transform: scaleY(-0.7) scaleX(-0.8);
      transform: scaleY(-0.7) scaleX(-0.8);
}
.filter-vouchers-sort .fitler_pill_select_button {
  display: inline-block;
}
.filter-vouchers-sort .filter_pill_caret {
  top: 5px;
}
.filter-vouchers-sort .filter_pill_caret.vouchers-sort-dropdown-active {
  -ms-transform: scaleY(-0.7) scaleX(-0.8);
      transform: scaleY(-0.7) scaleX(-0.8);
}
.filter-vouchers-sort .filter_pill_inner {
  font-size: 0.875rem;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.focus-visible:focus {
  box-shadow: 0 0 3px 2px #0077c8;
  outline: none;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Regular.eot');
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Regular.woff2') format('woff2'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Regular.woff') format('woff'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Regular.ttf') format('truetype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Medium.eot');
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Medium.woff2') format('woff2'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Medium.woff') format('woff'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Medium.ttf') format('truetype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Bold.eot');
  src: url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Bold.woff2') format('woff2'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Bold.woff') format('woff'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Bold.ttf') format('truetype'), url('../../../../etc.clientlibs/ds-ecom-webapp-dt/clientlibs/clientlib-site/resources/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
}
input[type="search"] {
  -webkit-appearance: searchfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}


