code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
.profile-spacer {
  flex-grow: 1; /* Pushes last div to the bottom */
}
.padding-0 {
  padding: 0px !important;
}
.padding-left-25{
  padding-left: 25px !important;
}

.modal-bottom {
  text-align: right;
  background: #eee;
  padding: 22px 34px;
  bottom: 0;
  position: absolute;
  width: 100%;
}

.padding-40 {
  padding: 40px !important;
}

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

.floating-right-bg {
  text-align: right;
  height: 80px;
  background: #eee;
  width: 100%;
  padding: 22px 34px;

}

.floating-right-bg-editImage {
  text-align: center;
  height: 80px;
  background: #000;
  width: 100%;
  padding: 22px 34px;
}

html,
body,
.ht-100,
#root {
  height: 100%;
}

.section-container {
  min-height: calc(100% - 277px);
  margin-top: 30px;
}

.profile-section-container {
  min-height: calc(100% - 170px);
  margin-top: 30px;
}


.password-section-container {
  min-height: calc(100% - 242px);
  margin-top: 30px;
}

.client-company-section-container {
  min-height: calc(100% - 242px);
  margin-top: 30px;
  background-color: white !important;
}

.login-section-container {
  min-height: calc(100% - 87px);
}

.emailtemplates-section-container {
  min-height: calc(100% - -391px);
  margin-top: 30px;
}

.brands-section-container {
  min-height: calc(100% - 267px);
  margin-top: 30px;
}

.users-section-container {
  min-height: calc(100% - 240px);
  margin-top: 30px;
}

.vendor-section-container {
  min-height: calc(100% - 276px);
  margin-top: 30px;
}

.client-login-section-container {
  height: calc(100% - 236px);
  padding-top: 5%;
  padding-bottom: 20px;
}

.max-500 {
  max-width: 450px !important;
}

.max-800 {
  max-width: 800px !important;
}


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

.pointer-event {
  pointer-events: none;
}

.min-hight-calculated {
  height: 500px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

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

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

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

.margin-top-5 {
  margin-top: 5px !important;
}

.client-dashboard-section-container {
  min-height: calc(100% - 500px);
  margin-top: 30px;
}

.progress-bar-wrapper {
  position: absolute;
  z-index: 99999;
  text-align: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.wrapper-compliance-test-library{
  left: 34%!important;
  position: absolute;
  z-index: 99999;
  text-align: center;
  
  
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

.wrapper-compliance-calendar-library {
  left: 24% !important;
  position: absolute;
  z-index: 99999;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  bottom: 23%;
  margin-top: auto;
  margin-bottom: auto;
}



.d1-d2-d3-box {
  background-color: #eee;
  margin-left: 15px;
  padding-top: 7%;
  padding-bottom: 7%;
  text-align: center;
}

.react-datepicker__day--outside-month {
  opacity: 0.5 !important;
  pointer-events: none;
}

.add-file-button {
  width: 134px !important;
}

.add-file-button1 {
  width: 200px !important;
  font-size: small !important;
}


.eye-color.fa-eye:hover {
  cursor: pointer !important;
  color: #003C55 !important;
}

.eye-color.fa-eye {
  color: #337ab7 !important;
}

.form-control.processing:focus {
  border-color: #003C55;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #003C55;
  outline: 0 none;
}

.actions .dropdown-toggle, .actions .dropdown-toggle:focus:not(:focus-visible) {
  background-color: white !important;
  color: #999 !important;
  height: 32px !important;
  border-color: #999 !important;
  font-size: small !important;
  border: 1px solid !important;
  float: right;
}

.items-size-color {
  color: #999 !important;
  font-size: small !important;
}

.chat-date {
  font-size: small;
  opacity: 0.5;
}

.files-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.files-icon-2 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/*  Specs 3.25.2023 slide 2 */
.d3-d8-icon {
  display: inline-block;
  color: white;
  padding: 5%;
  width: 50px;
  align-items: center;
}


.files-icon:hover {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #000;
}

.login_form_heading {
  color: #003C55;
  font-weight: 800 !important;
  font-family: sans-serif;
}


.login_form_text {
  color: #858585;
}

.btn-info.btn-info-fiduciary-login {
  background-color: #00CFFF;

}


.btn-info.btn-info-fiduciary-login:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.fiduciary_navbar {
  background-color: var(--purchaser-branding) !important;
  display: flex !important;
  align-items: center !important;
}

#dropdown-basic, #dropdown-basic:active, #dropdown-basic:focus {
  background: transparent !important;
  border: none !important;
}

.dropdown-box {
  padding: 0 !important;
  background-color: #00CFFF;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* Firms */
.firms-section-container {
  margin-top: 10vh;
  font-size: small !important;
}

.Add-button {
  float: right;
  width: 3vw !important;
  margin-right: 10px;
  margin-top: -31px;
  background-color: #f87e24;
  color: #fff;
  border: 1px solid #f87e24;
  font-weight: bold;
  height: 33px;
}

.dx-icon-xlsxfile::before {
  content: "\F022" !important;
  color: black !important;
}

.dx-icon-xlsxfile {
  content: "\F022" !important;
  color: black !important;
}

#gridContainer .switch.btn-xs {
  min-height: 1.035rem;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  .Go-back-button-box {
    float: right;
    background-color: #f87e24;
    color: #fff;
    border: 1px solid #f87e24;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
    font-size: small;
    margin-right: 15px;
  }

  .Add-order-button-box {
    padding: 9px 10px;
    font-weight: bold;
    font-size: small;
    background-color: #6ca62b !important;
    border: #6ca62b !important;
    border-radius: 5px;
    color: #fff !important;
  }

  .fiduciary_form {
    display: grid;
    justify-content: center;
    padding: 50px 30px;
  }

  .welcome_form {
    padding: 20px 30px;
    display: grid;
    justify-content: center;
  }

  .logoOfCompany {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 32% !important;
  }

  .login-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 40vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
  }

  .login-page-background-hcr-affiliate-user {
    background: url("Images/Livinit.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 40vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
  }

  .fiduciary_form_affiliate_user {
    display: grid;
    justify-content: center;
    padding: 0px 30px 50px 30px;
  }

  .welcome-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 40vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
  }

  .login_form_heading {
    font-size: 15px;
    text-align: center;
  }

  .login_form_text {
    font-size: 10px;
    text-align: center;
  }

  .fiduciary_resize {
    font-size: small !important;
  }

  .fiduciary_password__show {
    cursor: pointer !important;
    position: absolute !important;
    bottom: 30px !important;
    height: 10px !important;
    right: 0 !important;
    color: black !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-weight: 810 !important;
    font-size: 12px;
  }

  .fiduciary-my-forgot-btn,
  .fiduciary-my-forgot-btn:hover,
  .fiduciary-my-forgot-btn:focus {
    color: #003C55 !important;
    font-weight: 600 !important;
    font-size: small !important;
    cursor: pointer !important;
    display: block;
    border: none;
    background-color: transparent;
  }

  .error.fiduciary_login_err_msg {
    font-size: small !important;
  }

  .btn-info.btn-info-fiduciary-login, .btn-info.btn-info-fiduciary-login:disabled {
    color: white !important;
    padding: 2% 14% 2% 14% !important;
    font-size: small;
    margin: 0px auto 10% auto;
  }

  /* Fiduciary Dashboard */
  .fiduciary_header, .fiduciary_header.selected, .fiduciary_header:hover {
    font-size: medium;
    color: white;
    background-color: #003C55 !important;
  }

  .fiduciary_header_purchaser, .fiduciary_header_purchaser.selected, .fiduciary_header_purchaser:hover {
    font-size: medium;
    color: white;
    background-color: var(--purchaser-branding) !important;
  }

  .fiduciary_card {
    min-height: 100% !important;
    margin-left: 15px !important;
    border-color: white !important;
    border-radius: 15px 0px 0px 0px !important;
    overflow-y: hidden !important;
  }

  .navbar-toggler.fiduciary_toggler {
    border: none !important;
    border-radius: 0px !important;
    color: white !important;
  }

  .fiduciary_toggler:focus,
  .fiduciary_toggler:active,
  .fiduciary_toggler_icon:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: var(--purchaser-branding) !important;
    transition: 0.3s;
  }

  .fiduciary_toggler_icon {
    width: 1.3rem !important;
    height: 1.5rem !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  }

  /* .productLogo {
    cursor: pointer;
    border: 1px solid #d5d5d5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 45% !important;
    margin: 2%;
    border-radius: 10px;
  } */

  .fiduciary_collapsible_navbar_menu {
    justify-content: flex-start !important;
    align-items: flex-end !important;
    font-size: small;
  }

  .fiduciary_dropdown_nav_item {
    padding: 0px 18px 0px 18px !important;
  }

  .check-changed-out {
    color: white !important;
  }

  /* Master Data */
  .master-text {
    display: flex;
    align-items: center;
  }

  .admin-dropdown-menu {
    color: #003C55 !important;
    text-decoration: none;
    font-size: xx-small !important;
    font-weight: 700 !important;
    border: none !important;
    background-color: white !important;
    transition: 0.2s;
  }

  .admin-dropdown-menu:active,
  .admin-dropdown-menu:focus {
    box-shadow: none !important;
  }

  #dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px !important;
    border: none !important;
    font-size: small !important;
    border-radius: 20px !important;
    background-color: #003C55 !important;
  }

  .dropdown-menu.show {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
    --bs-dropdown-bg: rgba(255, 255, 255, 0.6) !important;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 5px 15px !important;
    border: none !important;
    inset: 0% auto auto -75% !important;
  }

  /* Vertical Navbar Purchaser */
  .purchaser_menu_toggler {
    display: inline-flex;
    position: relative;
    min-height: calc(100% - 0px);
  }

  @keyframes slideOutLeft {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  @keyframes slideInRight {
    0% {
      transform: translateX(-50%);
      opacity: 0;
    }

    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes slideInRight2 {
    0% {
      transform: translateX(-5%);
    }

    100% {
      transform: translateX(0);
    }
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    99% {
      opacity: 0.5;
    }

    100% {
      opacity: 1;
    }
  }

  .purchaser_menu_toggler .fiduciary_menu_card {
    width: 60vw;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    min-height: 100vh !important;
    z-index: 9;
    border-color: white !important;
    border-radius: 0px 015px 0px 0px !important;
  }

  .purchaser_menu_toggler .fiduciary_menu_card_out {
    animation-fill-mode: forwards;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    min-height: 100% !important;
    z-index: 9;
    border-color: white !important;
    border-radius: 0px 015px 0px 0px !important;
  }

  .purchaser_menu_toggler .fiduciary_card {
    width: 100vw !important;
    min-height: 100% !important;
    position: absolute;
    border-color: white !important;
    border-radius: 15px 0px 0px 0px !important;
  }

  .btn-close {
    animation: 0.3s fadeIn;
    animation-fill-mode: forwards;
    border: none !important;
    opacity: 0;
    transform: translateX(10vw);
  }

  .btn-close:active,
  .btn-close:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .bi.bi-three-dots-vertical {
    background: none;
    border: none;
    color: white;
    font-size: large;
    transform: translateX(6.3vw);
  }

  .fiduciary_menu_card_navbar {
    flex-direction: column;
    align-items: flex-start !important;
    margin-left: 15%;
    opacity: var(--set_fiduciaryMenuCardContent) !important;
    overflow: hidden;
    color: #6d6d6d !important;
    min-height: calc(100vh - 100px);
    justify-content: normal !important;
  }



  .fiduciary_menu_card_navbar_item {
    color: #6d6d6d !important;
    font-size: small !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar_item_download_result {
    color: #edebeb !important;
    font-size: small !important;
    display: block;
    align-items: center;

    background: none !important;
  }



  .fiduciary_menu_card_navbar .navbar-collapse {
    flex-basis: 0 !important;
    transition: 0.3s;
  }

  .fiduciary_menu_card_navbar_item.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item.navbar-toggler:active,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: white !important;
  }

  .fiduciary_menu_card_products {
    color: #6d6d6d !important;
    white-space: nowrap;
  }

  .profile_hr_margin_top {
    margin-top: 63vw;
  }

  /* Purchaser Login Products */
  /* .productLogoPurchaser {
    display: inline-block;
    cursor: pointer;
    background-color: white;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 47% !important;
    margin: 1%;
    border-radius: 5px;
    transition: 0.2s;
    overflow: hidden;
    vertical-align: top;
  } */

  .productImage {
    width: 100% !important;
  }

  .product_text_on_image {
    font-weight: 800;
    font-size: xx-small;
    white-space: normal;
    text-align: center;
    color: #334A5E;
  }

  .purchaserImgCaptionUpgrade {
    font-size: x-small;
    background-color: #00CFFF;
    color: white;
    text-align: center;
    padding: 5%;

  }

  .purchaserImgCaptionComing {
    font-size: x-small;
    background-color: #E6E6E6;
    color: #B2B2B2;
    text-align: center;
    padding: 5%;
  }

  /* Fiduciary Purchaser Product Suite */
  .fiduciary_purchaser_product_suite {
    width: 95%;
    background-color: #F8F8FA;
    padding: 4.5% 5%;
  }

  .fiduciary_purchaser_welcome {
    width: 95%;
    padding: 4.5% 5%;
  }

  .product_suite_heading {
    font-size: larger;
    font-weight: 800;
  }

  .product_suite_description {
    font-size: small;
    font-weight: 500;
    color: #6d6d6d;
  }

  .fiduciary_welcome_video {
    width: 75vw;
    border-radius: 5px;
    margin-top: 3%;
  }

  .fiduciary_welcome_video_new {
    width: 100%;
    height: 25vh;
    border-radius: 5px;
    margin-top: 1%;
    margin-bottom: 1%;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  .Go-back-button-box {
    float: right;
    background-color: #f87e24;
    color: #fff;
    border: 1px solid #f87e24;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
    font-size: small;
    margin-right: 15px;
  }

  .Add-order-button-box {
    padding: 9px 10px;
    font-weight: bold;
    font-size: small;
    background-color: #6ca62b !important;
    border: #6ca62b !important;
    border-radius: 5px;
    color: #fff !important;
  }

  .fiduciary_form {
    padding: 50px;
    transform: translateY(15%);
  }

  .welcome_form {
    padding: 50px;
    transform: translateY(5%);
  }

  .fiduciary_password__show {
    cursor: pointer !important;
    position: absolute !important;
    bottom: 30px !important;
    height: 10px !important;
    right: 0 !important;
    color: black !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-weight: 810 !important;
    font-size: 12px;
  }

  .fiduciary-my-forgot-btn,
  .fiduciary-my-forgot-btn:hover,
  .fiduciary-my-forgot-btn:focus {
    color: #003C55 !important;
    font-weight: 600 !important;
    font-size: small !important;
    cursor: pointer !important;
    display: block !important;
    border: none;
    background-color: transparent;
  }

  .login-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 93vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .login-page-background-hcr-affiliate-user {
    background: url("Images/Livinit.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 93vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .fiduciary_form_affiliate_user {
    padding: 0px 50px 50px 50px;
    transform: translateY(8%);
  }

  .welcome-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 90vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .fiduciary_resize {
    font-size: small !important;
  }

  .login_form_heading {
    display: block;
    font-size: 16px;
  }

  .login_form_text {
    display: block;
    font-size: 12px;
  }

  .error.fiduciary_login_err_msg {
    font-size: small !important;
  }

  .btn-info.btn-info-fiduciary-login, .btn-info.btn-info-fiduciary-login:disabled {
    color: white !important;
    padding: 1% 10% 1% 10% !important;
    font-size: small;
  }

  .btn-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  /* Fiduciary Dashboard */
  .fiduciary_header, .fiduciary_header.selected, .fiduciary_header:hover {
    font-size: medium;
    color: white;
    background-color: #003C55 !important;
  }

  .fiduciary_header_purchaser, .fiduciary_header_purchaser.selected, .fiduciary_header_purchaser:hover {
    font-size: medium;
    color: white;
    background-color: var(--purchaser-branding) !important;
  }

  .fiduciary_card {
    min-height: 100% !important;
    margin-left: 15px !important;
    border-color: white !important;
    border-radius: 15px 0px 0px 0px !important;
  }

  .navbar-toggler.fiduciary_toggler {
    border: none !important;
    border-radius: 0px !important;
    color: white !important;
  }

  .fiduciary_toggler:focus,
  .fiduciary_toggler:active,
  .fiduciary_toggler_icon:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: var(--purchaser-branding) !important;
    transition: 0.3s;
  }

  .fiduciary_toggler_icon {
    width: 1.3rem !important;
    height: 1.5rem !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  }

  .fiduciary_collapsible_navbar_menu {
    justify-content: flex-start !important;
    align-items: flex-end !important;
    font-size: small;
  }

  .fiduciary_dropdown_nav_item {
    padding: 0px 18px 0px 18px !important;
  }

  .check-changed-out {
    color: white !important;
  }

  /* .productLogo {
    cursor: pointer;
    border: 1px solid #d5d5d5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 23% !important;
    margin: 1%;
    border-radius: 10px;
  } */

  /* Vertical Navbar Purchaser */
  .purchaser_menu_toggler {
    display: inline-flex;
    position: relative;
    min-height: calc(100% - 0px);
  }

  @keyframes slideOutLeft {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  @keyframes slideInRight {
    0% {
      transform: translateX(-50%);
      opacity: 0;
    }

    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes slideInRight2 {
    0% {
      transform: translateX(-5%);
    }

    100% {
      transform: translateX(0);
    }
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    99% {
      opacity: 0.5;
    }

    100% {
      opacity: 1;
    }
  }

  .purchaser_menu_toggler .fiduciary_menu_card {
    width: 30vw;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    min-height: 100vh !important;
    z-index: 9;
    border-color: white !important;
    border-radius: 0px 015px 0px 0px !important;
  }

  .purchaser_menu_toggler .fiduciary_menu_card_out {
    animation-fill-mode: forwards;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    height: 100vh !important;
    z-index: 9;
    border-color: white !important;
    border-radius: 0px 015px 0px 0px !important;
  }

  .purchaser_menu_toggler .fiduciary_card {
    min-height: 100% !important;
    width: 100vw !important;
    position: absolute;
    border-color: white !important;
    border-radius: 15px 0px 0px 0px !important;
  }

  .btn-close {
    animation: 0.3s fadeIn;
    animation-fill-mode: forwards;
    border: none !important;
    opacity: 0;
    transform: translateX(5vw);
  }

  .btn-close:active,
  .btn-close:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .bi.bi-three-dots-vertical {
    background: none;
    border: none;
    color: white;
    font-size: large;
    transform: translateX(5vw);
  }

  .fiduciary_menu_card_navbar {
    flex-direction: column;
    align-items: flex-start !important;
    margin-left: 15%;
    opacity: var(--set_fiduciaryMenuCardContent) !important;
    overflow: hidden;
    color: #6d6d6d !important;
    min-height: calc(100vh - 100px);
    justify-content: normal !important;
  }

  .fiduciary_menu_card_navbar_item {
    color: #6d6d6d !important;
    font-size: small !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar_item_download_result {
    color: #edebeb !important;
    font-size: small !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar .navbar-collapse {
    flex-basis: 0 !important;
    transition: 0.3s;
  }

  .fiduciary_menu_card_navbar_item.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item.navbar-toggler:active,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: white !important;
  }

  .fiduciary_menu_card_products {
    color: #6d6d6d !important;
    white-space: nowrap;
  }

  .profile_hr_margin_top {
    margin-top: 43vw;
  }

  /* Purchaser Login Products */
  /* .productLogoPurchaser {
    display: inline-block;
    cursor: pointer;
    background-color: white;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 24% !important;
    margin: 1%;
    border-radius: 5px;
    transition: 0.2s;
    overflow: hidden;
    vertical-align: top;
  } */

  .productImage {
    width: 100% !important;
  }

  .product_text_on_image {
    font-weight: 800;
    font-size: x-small;
    white-space: normal;
    text-align: center;
    color: #334A5E;
  }

  .purchaserImgCaptionUpgrade {
    font-size: x-small;
    background-color: #00CFFF;
    color: white;
    text-align: center;
    padding: 5%;

  }

  .purchaserImgCaptionComing {
    font-size: x-small;
    background-color: #E6E6E6;
    color: #B2B2B2;
    text-align: center;
    padding: 5%;
  }

  /* Fiduciary Purchaser Product Suite */
  .fiduciary_purchaser_product_suite {
    width: 97%;
    background-color: #F8F8FA;
    padding: 2.5% 3%;
  }

  .fiduciary_purchaser_welcome {
    width: 97%;
    padding: 2.5% 3%;
  }

  .product_suite_heading {
    font-size: larger;
    font-weight: 900;
  }

  .product_suite_description {
    font-size: small;
    font-weight: 500;
    color: #6d6d6d;
  }

  .fiduciary_welcome_video {
    width: 50vw;
    border-radius: 5px;
    margin-top: 2%;
  }

  .fiduciary_welcome_video_new {
    width: 100%;
    height: 40vh;
    border-radius: 5px;
    margin-top: 1%;
    margin-bottom: 1%;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .Go-back-button-box {
    float: right;
    background-color: #f87e24;
    color: #fff;
    border: 1px solid #f87e24;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
    font-size: smaller;
    margin-right: 15px;
  }

  .Add-order-button-box {
    padding: 9px 10px;
    font-weight: bold;
    font-size: smaller;
    background-color: #6ca62b !important;
    border: #6ca62b !important;
    border-radius: 5px;
    color: #fff !important;
  }


  .fiduciary_form {
    padding: 50px;
    transform: translateY(15%);
  }

  .welcome_form {
    padding: 20px;
    transform: translateY(2%);
  }

  .fiduciary_password__show {
    cursor: pointer !important;
    position: absolute !important;
    bottom: 30px !important;
    height: 10px !important;
    right: 0 !important;
    color: black !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-weight: 810 !important;
    font-size: 12px;
  }

  .fiduciary-my-forgot-btn,
  .fiduciary-my-forgot-btn:hover,
  .fiduciary-my-forgot-btn:focus {
    color: #003C55 !important;
    font-weight: 600 !important;
    font-size: small !important;
    cursor: pointer !important;
    display: block !important;
    border: none;
    background-color: transparent;
  }

  .login-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 93vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .login-page-background-hcr-affiliate-user {
    background: url("Images/Livinit.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 93vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .fiduciary_form_affiliate_user {
    padding: 0px 50px 50px 50px;
    transform: translateY(8%);
  }

  .welcome-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 110vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .fiduciary_resize {
    font-size: small !important;
  }

  .login_form_heading {
    display: block;
    font-size: 16px;
  }

  .login_form_text {
    display: block;
    font-size: 12px;
  }

  .error.fiduciary_login_err_msg {
    font-size: small !important;
  }

  .btn-info.btn-info-fiduciary-login, .btn-info.btn-info-fiduciary-login:disabled {
    color: white !important;
    padding: 1% 10% 1% 10% !important;
    font-size: small;
  }

  /* Fiduciary Dashboard */
  .fiduciary_header, .fiduciary_header.selected, .fiduciary_header:hover {
    font-size: medium;
    color: white;
    padding-right: 70%;
    background-color: #003C55 !important;
  }

  .fiduciary_header_purchaser, .fiduciary_header_purchaser.selected, .fiduciary_header_purchaser:hover {
    font-size: medium;
    color: white;
    padding-right: var(--purchaser-multiple-login) !important;
    background-color: var(--purchaser-branding) !important;
  }

  /* 
  .productLogo {
    cursor: pointer;
    border: 1px solid #d5d5d5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 16% !important;
    margin: 1%;
    border-radius: 10px;
  } */

  .check-changed-out {
    color: white !important;
  }

  /* Vertical Navbar Purchaser */
  .purchaser_menu_toggler {
    display: inline-flex;
    min-height: calc(100% - 0px);
  }

  @keyframes slideInRight {
    0% {
      transform: translateX(-50%);
    }

    100% {
      transform: translateX(0);
    }
  }

  @keyframes slideInRight2 {
    0% {
      transform: translateX(-5%);
    }

    100% {
      transform: translateX(0);
    }
  }

  .purchaser_menu_toggler .fiduciary_menu_card {
    width: 23vw;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    min-height: 100vh !important;
    z-index: 9;
    border-color: white !important;
    border-radius: 0px 015px 0px 0px !important;
  }

  .purchaser_menu_toggler .fiduciary_card {
    min-height: 100% !important;
    width: 100vw !important;
    margin-left: 0.7% !important;
    position: relative !important;
    border-color: white !important;
    border-radius: 15px 0px 0px 0px !important;
  }

  .btn-close {
    visibility: hidden;
  }

  .bi.bi-three-dots-vertical {
    visibility: hidden;
  }

  .fiduciary_menu_card_navbar {
    flex-direction: column;
    align-items: flex-start !important;
    margin-left: 10%;
    opacity: var(--set_fiduciaryMenuCardContent) !important;
    overflow: hidden;
    color: #6d6d6d !important;
    min-height: calc(100vh - 100px);
    justify-content: normal !important;
  }

  .fiduciary_menu_card_navbar_item {
    color: #6d6d6d !important;
    font-size: 0.9rem !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar_item_download_result {
    color: #edebeb !important;
    font-size: 0.9rem !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar .navbar-collapse {
    flex-basis: 0 !important;
    transition: 0.3s;
  }

  .fiduciary_menu_card_navbar_item.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item.navbar-toggler:active,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: white !important;
  }

  .fiduciary_menu_card_products {
    color: #6d6d6d !important;
    white-space: nowrap;
  }

  .profile_hr_margin_top {
    margin-top: 28vw;
  }

  /* Purchaser Login Products */
  /* .productLogoPurchaser {
    display: inline-block;
    cursor: pointer;
    background-color: white;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 24% !important;
    margin: 1%;
    border-radius: 5px;
    transition: 0.2s;
    overflow: hidden;
    vertical-align: top;
  } */

  /* .productLogoPurchaser:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    width: 24.5% !important;
    margin: 1% 0.8% 1% 0.8%;
    border-radius: 5px;
  } */

  .productImage {
    width: 100% !important;
  }

  .product_text_on_image {
    font-weight: 900;
    font-size: x-small;
    white-space: normal;
    text-align: center;
    color: #334A5E;
  }

  .purchaserImgCaptionUpgrade {
    font-size: x-small;
    background-color: #00CFFF;
    color: white;
    text-align: center;
    padding: 5%;

  }

  .purchaserImgCaptionComing {
    font-size: x-small;
    background-color: #E6E6E6;
    color: #6d6d6d;
    text-align: center;
    padding: 5%;
  }

  /* Fiduciary Purchaser Product Suite */
  .fiduciary_purchaser_product_suite {
    width: 76%;
    background-color: #F8F8FA;
    padding: 2.5% 3%;
  }

  .fiduciary_purchaser_welcome {
    width: 76%;
    padding: 2.5% 3%;
  }

  .product_suite_heading {
    font-size: larger;
    font-weight: 900;
  }

  .product_suite_description {
    font-size: small;
    font-weight: 500;
    color: #6d6d6d;
  }

  .fiduciary_welcome_video {
    width: 40vw;
    margin-top: 1%;
  }

  .fiduciary_welcome_video_new {
    width: 100%;
    height: 40vh;
    border-radius: 5px;
    margin-top: 1%;
    margin-bottom: 1%;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

  .Go-back-button-box {
    float: right;
    background-color: #f87e24;
    color: #fff;
    border: 1px solid #f87e24;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
    font-size: small;
    margin-right: 15px;
  }

  .Add-order-button-box {
    padding: 9px 10px;
    font-weight: bold;
    font-size: small;
    background-color: #6ca62b !important;
    border: #6ca62b !important;
    border-radius: 5px;
    color: #fff !important;
  }


  .fiduciary_form {
    padding: 50px 80px;
    /* transform: translateY(15%); */
  }

  .welcome_form {
    padding: 15px 80px;
    /* transform: translateY(15%); */
  }

  .fiduciary_password__show {
    cursor: pointer !important;
    position: absolute !important;
    bottom: 30px !important;
    height: 10px !important;
    right: 0 !important;
    color: black !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-weight: 810 !important;
    font-size: 14px;
  }

  .fiduciary-my-forgot-btn,
  .fiduciary-my-forgot-btn:hover,
  .fiduciary-my-forgot-btn:focus {
    color: #003C55 !important;
    font-weight: 600 !important;
    font-size: small !important;
    cursor: pointer !important;
    display: block !important;
    border: none;
    background-color: transparent;
  }

  .login-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 93vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .login-page-background-hcr-affiliate-user {
    background: url("Images/Livinit.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 93vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .fiduciary_form_affiliate_user {
    padding: 0px 80px 50px 80px;
  }

  


  .welcome-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 110vh;
    font-size: small;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .fiduciary_resize {
    font-size: small !important;
  }

  .login_form_heading {
    display: block;
    font-size: 17px;
  }

  .login_form_text {
    display: block;
    font-size: 12px;
  }

  .error.fiduciary_login_err_msg {
    font-size: small !important;
  }

  .btn-info.btn-info-fiduciary-login, .btn-info.btn-info-fiduciary-login:disabled {
    color: white !important;
    padding: 1% 12% 1% 12% !important;
    font-size: small;
  }

  /* Fiduciary Dashboard */

  .logoOfCompanyWhite {
    width: 14rem !important;
  }

  .fiduciary_header, .fiduciary_header.selected, .fiduciary_header:hover {
    font-size: medium;
    color: white;
    padding-right: 70%;
    background-color: #003C55 !important;
  }

  .fiduciary_header_purchaser, .fiduciary_header_purchaser.selected, .fiduciary_header_purchaser:hover {
    font-size: medium;
    color: white;
    padding-right: var(--purchaser-multiple-login) !important;
    background-color: var(--purchaser-branding) !important;
  }

  /* 
  .productLogo {
    cursor: pointer;
    border: 1px solid #d5d5d5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 13% !important;
    margin: 1%;
    border-radius: 10px;
  } */

  /* .productLogo:hover {
    border: 1px solid #d5d5d5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    width: 14.5% !important;
    margin: 0% 0.8% 0% 0.8%;
    border-radius: 10px;
  } */

  .check-changed-out {
    color: white !important;
    font-size: medium;
  }

  .fiduciary_menu_dropdown_labels {
    font-size: smaller;
  }

  .navbar-toggler.fiduciary_toggler {
    margin-right: 1.5rem !important;
  }

  .fiduciary_dropdown_nav_item {
    padding: 0 2.5rem 0 2.5rem !important;
  }

  /* Vertical Navbar Purchaser */
  .purchaser_menu_toggler {
    display: inline-flex;
    min-height: calc(100% - 0px);
  }

  @keyframes slideInRight {
    0% {
      transform: translateX(-50%);
    }

    100% {
      transform: translateX(0);
    }
  }

  @keyframes slideInRight2 {
    0% {
      transform: translateX(-5%);
    }

    100% {
      transform: translateX(0);
    }
  }

  .purchaser_menu_toggler .fiduciary_menu_card {
    width: 23vw;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    min-height: 100vh !important;
    z-index: 9;
    border-color: white !important;
    border-radius: 0px 015px 0px 0px !important;
  }

  .purchaser_menu_toggler .fiduciary_card {
    min-height: 100% !important;
    width: 100vw !important;
    margin-left: 0.7% !important;
    position: relative !important;
    border-color: white !important;
    border-radius: 15px 0px 0px 0px !important;
  }

  .btn-close {
    visibility: hidden;
  }

  .bi.bi-three-dots-vertical {
    visibility: hidden;
  }

  .fiduciary_menu_card_navbar {
    flex-direction: column;
    align-items: flex-start !important;
    margin-left: 10%;
    opacity: var(--set_fiduciaryMenuCardContent) !important;
    overflow: hidden;
    color: #6d6d6d !important;
    min-height: calc(100vh - 100px);
    justify-content: normal !important;
  }

  .fiduciary_menu_card_navbar_item {
    color: #6d6d6d !important;
    font-size: 0.9rem !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar_item_download_result {
    color: #edebeb !important;
    font-size: 0.9rem !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar .navbar-collapse {
    flex-basis: 0 !important;
    transition: 0.3s;
  }

  .fiduciary_menu_card_navbar_item.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item.navbar-toggler:active,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: white !important;
  }

  .fiduciary_menu_card_products {
    color: #6d6d6d !important;
    white-space: nowrap;
  }

  .profile_hr_margin_top {
    margin-top: 22vw;
  }

  /* Purchaser Login Products */
  /* .productLogoPurchaser {
    display: inline-block;
    cursor: pointer;
    background-color: white;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 19% !important;
    margin: 1%;
    border-radius: 5px;
    transition: 0.2s;
    overflow: hidden;
    vertical-align: top;
  } */

  /* .productLogoPurchaser:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    width: 19.5% !important;
    margin: 1% 0.8% 1% 0.8%;
    border-radius: 5px;
  } */

  .productImage {
    width: 100% !important;
  }

  .product_text_on_image {
    font-weight: 800;
    font-size: x-small;
    white-space: normal;
    text-align: center;
    color: #334A5E;
  }

  .purchaserImgCaptionUpgrade {
    font-size: x-small;
    background-color: #00CFFF;
    color: white;
    text-align: center;
    padding: 5%;

  }

  .purchaserImgCaptionComing {
    font-size: x-small;
    background-color: #E6E6E6;
    color: #6d6d6d;
    text-align: center;
    padding: 5%;
  }

  /* Fiduciary Purchaser Product Suite */
  .fiduciary_purchaser_product_suite {
    width: 76%;
    background-color: #F8F8FA;
    padding: 2.5% 3%;
  }

  .fiduciary_purchaser_welcome {
    width: 76%;
    padding: 2.5% 3%;
  }

  .product_suite_heading {
    font-size: larger;
    font-weight: 900;
  }

  .product_suite_description {
    font-size: small;
    font-weight: 500;
    color: #6d6d6d;
  }

  .fiduciary_welcome_video {
    width: 30vw;
    margin-top: 1%;
  }

  .fiduciary_welcome_video_new {
    width: 100%;
    height: 40vh;
    border-radius: 5px;
    margin-top: 1%;
    margin-bottom: 1%;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .Go-back-button-box {
    float: right;
    background-color: #f87e24;
    color: #fff;
    border: 1px solid #f87e24;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
    font-size: small;
    margin-right: 15px;
  }

  .Add-order-button-box {
    padding: 9px 10px;
    font-weight: bold;
    font-size: small;
    background-color: #6ca62b !important;
    border: #6ca62b !important;
    border-radius: 5px;
    color: #fff !important;
  }


  .fiduciary_form {
    padding: 60px 120px;
    /* transform: translateY(15%); */
  }

  .welcome_form {
    padding: 60px 120px;
    /* transform: translateY(15%); */
  }

  .fiduciary_password__show {
    cursor: pointer !important;
    position: absolute !important;
    bottom: 30px !important;
    height: 10px !important;
    right: 0 !important;
    color: black !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-weight: 810 !important;
    font-size: 14px;
  }

  .fiduciary-my-forgot-btn,
  .fiduciary-my-forgot-btn:hover,
  .fiduciary-my-forgot-btn:focus {
    color: #003C55 !important;
    font-weight: 600 !important;
    font-size: small !important;
    cursor: pointer !important;
    display: block !important;
    border: none;
    background-color: transparent;
  }

  .login-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    font-size: smaller;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .login-page-background-hcr-affiliate-user {
    background: url("Images/Livinit.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    font-size: smaller;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .fiduciary_form_affiliate_user {
    padding: 0px 120px 50px 120px;
  }

  .welcome-page-background-hcr-new {
    background: url("Images/Loginpageimage.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    font-size: smaller;
    display: flex;
    justify-content: center;
    align-items: end;
    line-height: 1.2;
  }

  .fiduciary_resize {
    font-size: small !important;
  }

  .login_form_heading {
    display: block;
    font-size: 20px;
  }

  .login_form_text {
    display: block;
    font-size: 13px;
  }

  .error.fiduciary_login_err_msg {
    font-size: small !important;
  }

  .btn-info.btn-info-fiduciary-login, .btn-info.btn-info-fiduciary-login:disabled {
    color: white !important;
    padding: 1% 9% 1% 9% !important;
    font-size: medium;
  }

  /* Fiduciary Dashboard */

  .logoOfCompanyWhite {
    width: 14.5rem !important;
  }

  .fiduciary_header, .fiduciary_header.selected, .fiduciary_header:hover {
    font-size: medium;
    color: white;
    padding-right: 70%;
    background-color: #003C55 !important;
  }

  .fiduciary_header_purchaser, .fiduciary_header_purchaser.selected, .fiduciary_header_purchaser:hover {
    font-size: medium;
    color: white;
    padding-right: var(--purchaser-multiple-login) !important;
    background-color: var(--purchaser-branding) !important;
  }

  /* .productLogo {
    cursor: pointer;
    border: 1px solid #d5d5d5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 9% !important;
    margin: 1%;
    border-radius: 10px;
    transition: 0.2s;
  } */

  /* .productLogo:hover {
    border: 1px solid #d5d5d5;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    width: 9.5% !important;
    margin: 0% 0.8% 0% 0.8%;
    border-radius: 10px;
  } */

  .check-changed-out {
    color: white !important;
    font-size: large;
  }

  .fiduciary_menu_dropdown_labels {
    font-size: smaller !important;
  }

  .navbar-toggler.fiduciary_toggler {
    margin-right: 2.5rem !important;
  }

  .fiduciary_dropdown_nav_item {
    padding: 0 3.5rem 0 3.5rem !important;
  }

  /* Vertical Navbar Purchaser */
  .purchaser_menu_toggler {
    display: inline-flex;
    min-height: calc(100% - 0px);
  }

  @keyframes slideInRight {
    0% {
      transform: translateX(-50%);
    }

    100% {
      transform: translateX(0);
    }
  }

  @keyframes slideInRight2 {
    0% {
      transform: translateX(-5%);
    }

    100% {
      transform: translateX(0);
    }
  }

  .purchaser_menu_toggler .fiduciary_menu_card {
    width: 17vw;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    min-height: 100vh !important;
    z-index: 9;
    border-color: white !important;
    border-radius: 0px 015px 0px 0px !important;
  }

  .purchaser_menu_toggler .fiduciary_card {
    min-height: 100% !important;
    width: 100vw !important;
    margin-left: 0.6% !important;
    position: relative !important;
    border-color: white !important;
    border-radius: 15px 0px 0px 0px !important;
  }

  .btn-close {
    visibility: hidden;
  }

  .bi.bi-three-dots-vertical {
    visibility: hidden;
  }

  .fiduciary_menu_card_navbar {
    flex-direction: column;
    align-items: flex-start !important;
    margin-left: 10%;
    opacity: var(--set_fiduciaryMenuCardContent) !important;
    overflow: hidden;
    color: #6d6d6d !important;
    min-height: calc(100vh - 100px);
    justify-content: normal !important;
  }

  .fiduciary_menu_card_navbar_item {
    color: #6d6d6d !important;
    font-size: 0.9rem !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar_item_download_result {
    color: #edebeb !important;
    font-size: 0.9rem !important;
    display: block;
    align-items: center;

    background: none !important;
  }

  .fiduciary_menu_card_navbar .navbar-collapse {
    flex-basis: 0 !important;
    transition: 0.3s;
  }

  .fiduciary_menu_card_navbar_item.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item.navbar-toggler:active,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:focus,
  .fiduciary_menu_card_navbar_item_download_result.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
    background-color: white !important;
  }

  .fiduciary_menu_card_products {
    color: #6d6d6d !important;
    white-space: nowrap;
  }

  .profile_hr_margin_top {
    margin-top: 18vw;
  }

  /* Purchaser Login Products */
  /* .productLogoPurchaser {
    display: inline-block;
    cursor: pointer;
    background-color: white;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 12% !important;
    margin: 1%;
    border-radius: 5px;
    transition: 0.2s;
    overflow: hidden;
    vertical-align: top;
  } */

  /* .productLogoPurchaser:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    width: 12.5% !important;
    margin: 1% 0.8% 1% 0.8%;
    border-radius: 5px;
  } */

  .product_text_on_image {
    font-weight: 900;
    font-size: small;
    white-space: normal;
    text-align: center;
    color: #334A5E;
  }

  /* .purchaserImgCaptionBlank {
    background-color: transparent;
    color: white;
    text-align: center;
    padding: 5%;
  } */
  .purchaserImgCaptionUpgrade {
    font-size: x-small;
    background-color: #00CFFF;
    color: white;
    text-align: center;
    padding: 5%;
  }

  .purchaserImgCaptionComing {
    font-size: x-small;
    background-color: #E6E6E6;
    color: #6d6d6d;
    text-align: center;
    padding: 5%;
  }

  /* Fiduciary Purchaser Product Suite */
  .fiduciary_purchaser_product_suite {
    width: 82%;
    background-color: #F8F8FA;
    padding: 1.5% 2%;
  }

  .fiduciary_purchaser_welcome {
    width: 82%;
    padding: 1.5% 2%;
  }

  .product_suite_heading {
    font-size: larger;
    font-weight: 800;
  }

  .product_suite_description {
    font-size: small;
    font-weight: 500;
    color: #6d6d6d;
  }

  .fiduciary_welcome_video {
    width: 25vw;
    margin-top: 2%;
  }
}

.productLogo {
  cursor: pointer;
  border: 1px solid #d5d5d5;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  max-width: 150px;
  margin: 1%;
  border-radius: 10px;
  transition: 0.2s;
  min-height: 165px !important;

}

.productLogo:hover {
  border: 1px solid #d5d5d5;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
  max-width: 155px;
  margin: 1% 0.8% 0% 0.8%;
  border-radius: 10px;
}

.productLogoPurchaser {
  display: inline-block;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  max-width: 150px;
  margin: 1%;
  border-radius: 5px;
  transition: 0.2s;
  overflow: hidden;
  vertical-align: top;
}

.productLogoPurchaser:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
  max-width: 155px;
  margin: 1% 0.8% 0% 0.8%;
  border-radius: 5px;
}

.heading_tab_color {
  margin-top: 6%;
  background-color: #2b4b60;
  text-align: center;
  color: white;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
  /* border-top-left-radius: 10px; */
  box-shadow: 2px 2px 3px 3px #ccc;
  border: 2px #2b4b60;
  /* border-top-right-radius: 10px; */
}

.MuiModal-root.MuiPopover-root.MuiMenu-root {
  z-index: 1502 !important;
}

.common_font {
  font-style: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif !important;
}

.tox-tinymce-aux {
  z-index: 1502 !important;
}

.vw-center {
  transform: translateX(-15%);
  text-align: center;
}

.exit_application {
  background-color: red !important;
  border: 1px solid red !important;
  --bs-btn-border-radius: 4px !important;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* aspect ration for 16:9 */
  /*padding-top: 20px;*/
  /* you can add padding-top if needed */
  height: 0;
  overflow: hidden;
  border-radius: 5px !important;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[class*="react-spectrum-DateField-Input"], [class*="spectrum-FieldButton"] {
  height: 42px !important;
}

.action-container {
  display: flex;
  align-items: center;
}

.manager {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer
}

#purchaserGridContainer .dx-header-row td {
  background-color: var(--header-bg-color, #003C55);
  color: white;
  font-size: 13px;
}

#purchaserGridContainer tr:nth-child(even) {
  background-color: #eceff4;
}

#purchaserGridContainer tr:nth-child(odd) {
  background-color: #fff;
}

.remove_top_margin {
  margin-top: 0 !important;
}

.btn-survey {
  border: 1px solid #6ca62b !important;
  --bs-btn-border-radius: 4px !important;
  color: white !important;
  background-color: #6ca62b !important;
}

.survey-box {
  border: 1px solid #ddd;
  background-color: #fff;
}

.circle-plus {
  position: relative;
  display: inline-block;
  margin: 15px 30px;
}

.circle-plus::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%);
  border-radius: 50%;
  padding: 15px;
  border: 3px solid #7f7f7f;
}

.circle-plus::after {
  content: '+';
  font-weight: 900;
  color: #7f7f7f;
  /* Plus symbol color */
}

.survey-edit {
  border: none;
  background-color: transparent;
}

.survey-structure {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 80%;
}

.survey-back-button {
  width: 100px !important;
  font-size: small !important;
  margin-bottom: 5px !important;
  background-color: #003C55 !important;
}

.purchaser-survey-btn {
  margin: 10px;
  display: flex;
  align-items: center
}

.purchaser-survey-btn2 {
  border: none;
  background-color: transparent;
  align-content: center;
  display: flex;
  align-items: center;
}

.link {
  color: #00B0F0;
  border-bottom: 1px solid #00B0F0;
}

.link:hover {
  color: #00B0F0;
}

.height-80{
  height: 80px!important;
}

.height-100{
  height: 105px!important;
}

.div-home-burger{
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 24px;
}