html,
body {
  height: 100%; }

body {
  margin: 0;
  font-family: "Optimistic Text VF" !important; }

.mbe-bg {
  background: #f8f8f8 !important; }

.disabled {
  opacity: 0.8;
  cursor: not-allowed !important; }

input.disabled {
  pointer-events: none !important;
  border-color: transparent !important; }
input.ng-touched.disabled {
  border-color: transparent !important;
  pointer-events: none !important; }

.disable-grey {
  background: gray !important;
  cursor: not-allowed; }

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

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

button {
  background: #855BE0 !important;
  border-radius: 25px !important;
  color: #FFFFFF !important;
  width: auto;
  margin: 30px 0 !important;
  min-height: 42px;
  box-shadow: none;
  line-height: 29px !important;
  font-family: "Optimistic Text VF" !important;
  text-transform: capitalize;
  cursor: pointer;
  border: 1px solid #855BE0;
  outline: none;
  min-width: 100px;
  padding: 0 20px;
  max-width: 100%; }
  button:focus {
    outline: none !important; }
  @media (max-width: 1599px) {
    button {
      margin: 15px 0; } }
  button.button-green {
    background-color: #57C996 !important;
    box-shadow: none;
    max-width: 140px;
    font-size: 13px;
    float: right; }
  button .mat-button-wrapper {
    font-size: 12px;
    font-weight: normal; }

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

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

.surf-score-2 {
  background-color: #8347D9;
  color: #fff !important; }

.surf-score-3 {
  background-color: #427F47;
  color: #fff !important; }

.surf-score-4 {
  background-color: #E3C654;
  color: #fff !important; }

.surf-score-5 {
  background-color: #E86A4A;
  color: #fff !important; }

.surf-score-10 {
  background-color: #9E1616;
  color: #fff !important; }

.surf-score-na {
  background-color: #5C6067;
  color: #fff !important; }

.smart-score-1 {
  background: #F83902 !important;
  color: #FFFFFF !important; }

.smart-score-2 {
  background: #5C6067 !important;
  color: #FFFFFF !important; }

.smart-score-3 {
  background: #D15F5F !important;
  color: #FFFFFF !important; }

.smart-score-4 {
  background: #FC9271 !important;
  color: #FFFFFF !important; }

.smart-score-5 {
  background: #FFE600 !important;
  color: #000000 !important; }

.smart-score-10 {
  background: #3bbd65 !important;
  color: #FFFFFF !important; }

.smart-score-6 {
  background: #FCFC38 !important;
  color: #000000 !important; }

.smart-score-7 {
  background: #CCD85C !important;
  color: #FFFFFF !important; }

.smart-score-8 {
  background: #A3EE55 !important;
  color: #FFFFFF !important; }

.smart-score-9 {
  background: #7BE016 !important;
  color: #FFFFFF !important; }

.simplebar-scrollbar:before {
  background: #000000; }

.industry-update-list .simplebar-scrollbar:before,
.confirm-invoice .simplebar-scrollbar:before {
  background: #000000; }

.history-seller-table-div .simplebar-scrollbar:before,
.splash-scroll .simplebar-scrollbar:before,
.library-block .simplebar-scrollbar:before,
.document-library-table .simplebar-scrollbar:before,
.repayment-dialog .simplebar-scrollbar:before,
.terms-condition-modal .simplebar-scrollbar:before,
.accounts-details-block .simplebar-scrollbar:before,
.invoice-detail-panel .simplebar-scrollbar:before,
.repost-for-auction .simplebar-scrollbar:before,
.view-bid-details-panel .simplebar-scrollbar:before,
.bank-scroll .simplebar-scrollbar:before,
.terms-block .simplebar-scrollbar:before,
.legal-agreement-modal .simplebar-scrollbar:before,
.invoice-item-scroll .simplebar-scrollbar:before,
.manage-users-block .simplebar-scrollbar:before,
.seller-detail-sell-modal-panel .simplebar-scrollbar:before,
.verify-address-block .simplebar-scrollbar:before,
.approve-table-scroll .simplebar-scrollbar:before,
.add-contact-block .simplebar-scrollbar:before,
.contact-seller-detail .simplebar-scrollbar:before,
.fund-confirmation-block .simplebar-scrollbar:before,
.wu-agreement-block .simplebar-scrollbar:before,
.repay-confirmation-modal .simplebar-scrollbar:before,
.delete-invoices-modal .simplebar-scrollbar:before,
.add-account-manually .simplebar-scrollbar:before {
  background: #000000; }

.terms-block .simplebar-vertical {
  width: 20px;
  right: 10px;
  top: 42px; }
.terms-block .simplebar-offset {
  padding: 20px 0 20px; }

.funder-bg.invoice-detail-panel .simplebar-scrollbar:before, .funder-bg.repost-for-auction .simplebar-scrollbar:before, .funder-bg.buyer-detail-buy-modal-panel .simplebar-scrollbar:before, .funder-bg.seller-detail-buy-modal-panel .simplebar-scrollbar:before, .funder-bg.view-bid-details-panel .simplebar-scrollbar:before {
  background: #000000; }

.smart-score-tooltip {
  background: #FFFFFF !important;
  white-space: pre-line;
  min-height: 70px;
  color: #000000 !important;
  font-family: "Optimistic Text VF" !important;
  font-size: 12px !important;
  line-height: 21px;
  box-shadow: 0px 0px 8px #DEE3E9;
  cursor: pointer; }

.smart-score-dot-tooltip {
  background: #FFFFFF !important;
  white-space: pre-line;
  color: #000000 !important;
  font-family: "Optimistic Text VF" !important;
  font-size: 12px !important;
  line-height: 21px;
  box-shadow: 0px 0px 8px #DEE3E9;
  cursor: pointer; }

.title_heading {
  color: #000000;
  font-size: 20px;
  clear: both;
  margin: 0 0 30px 0; }
  .title_heading img {
    margin: 0 0 0 20px; }
  .title_heading b {
    font-weight: 500; }

h1 {
  font-size: 36px;
  font-family: "Optimistic Text VF"; }

h2 {
  font-size: 30px;
  font-family: "Optimistic Text VF"; }

h3 {
  font-size: 26px;
  font-family: "Optimistic Text VF"; }

h4 {
  font-size: 22px;
  font-family: "Optimistic Text VF"; }

h5 {
  font-size: 20px;
  font-family: "Optimistic Text VF"; }

h6 {
  font-size: 18px;
  font-family: "Optimistic Text VF"; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

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

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

.clear-div {
  clear: both; }

img {
  max-width: 100%; }

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

.pl-10 {
  padding-left: 10px; }

.pr-10 {
  padding-right: 10px; }

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

.ml-15 {
  margin-left: 15px; }

.mt-40 {
  margin-top: 40px !important; }

.d-flex {
  display: flex !important; }

.align-items-center {
  align-items: center; }

.justify-space-between {
  justify-content: space-between; }

.displayitems {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.justify-center {
  justify-content: center; }

.justify-end {
  justify-content: end; }

a {
  text-decoration: none !important;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  font-family: "Optimistic Text VF"; }
  a.blue-link {
    color: #000000;
    text-decoration: underline; }

.cursor-pointer {
  cursor: pointer !important; }

.cursor-not-allowed {
  cursor: not-allowed; }

.cursor-auto {
  cursor: auto; }

.mat-form-field-disabled .mat-input-element {
  cursor: not-allowed;
  background: #edeef0 !important;
  color: #000000 !important; }
.mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label span {
  background: #edeef0 !important; }
.mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label mat-label {
  background: #edeef0 !important; }
.mat-form-field-disabled .mat-select-disabled {
  background: #edeef0; }

.mat-form-field {
  display: inherit !important; }

mat-icon.close {
  cursor: pointer; }

.default-active-card {
  position: absolute;
  background: linear-gradient(270deg, #6335CA, #855BE0);
  height: 7px;
  top: 0;
  width: 100%;
  left: 0; }

.under_construction {
  margin: 90px auto;
  display: block;
  text-align: center; }
  .under_construction p {
    font-family: "Montserrat", sans-serif;
    color: #000000;
    max-width: 250px;
    text-align: center;
    margin: 30px auto; }

.vertical-center {
  display: flex;
  align-items: center; }

.pdf-upload {
  height: 100vh;
  overflow-x: auto;
  display: inline-block;
  width: 100%; }

.img-upload {
  max-height: 800px;
  overflow-x: auto; }

.no-file-avail {
  text-align: center;
  font-family: "Optimistic Text VF";
  color: #aca8c8; }

.file-preview {
  position: relative !important; }
  .file-preview .close {
    position: absolute;
    right: 24px;
    top: 10px;
    background: #FFFFFF; }
  .file-preview .img-upload {
    max-height: 650px;
    overflow-x: auto;
    max-width: 900px;
    padding: 40px; }
    @media (max-width: 1599px) {
      .file-preview .img-upload {
        max-height: 485px; } }
    .file-preview .img-upload img {
      display: block;
      margin: 0 auto;
      width: 100%;
      height: 100%; }
  .file-preview .pdf-upload {
    max-height: 650px;
    overflow-x: auto;
    max-width: 900px;
    padding: 40px; }
    @media (max-width: 1599px) {
      .file-preview .pdf-upload {
        max-height: 485px; } }

.pdf-upload .pdf-upload-container .ng2-pdf-viewer-container {
  max-height: calc(100vh - 130px); }

mat-sidenav.mat-drawer {
  overflow-y: visible; }
mat-sidenav.mat-drawer-side {
  border-right: solid 1px #2c3062; }
mat-sidenav .mat-drawer-inner-container {
  background-color: #855BE0; }
mat-sidenav button {
  width: 42px !important; }
mat-sidenav .mat-icon {
  color: #FFFFFF !important; }
mat-sidenav span {
  color: #FFFFFF;
  font-family: "Optimistic Text VF" !important; }
mat-sidenav ul {
  padding: 0;
  margin: 0; }
  mat-sidenav ul li {
    list-style-type: none;
    margin-bottom: 0px;
    padding: 0 5px 0 0; }
    mat-sidenav ul li.active-menu img {
      width: 18px; }
    mat-sidenav ul li a {
      color: #FFFFFF !important;
      display: flex;
      align-items: center;
      font-size: 14px !important;
      padding: 7px 0 7px 40px;
      margin-right: 5px;
      transition: 0.3s ease-in;
      position: relative; }
      mat-sidenav ul li a:focus {
        outline: none; }
      mat-sidenav ul li a.active {
        background-color: #855BE0;
        border-bottom-right-radius: 30px;
        border-top-right-radius: 30px; }
      mat-sidenav ul li a .sidebar_icn {
        width: 40px; }
      mat-sidenav ul li a .sidebar_menu {
        width: calc(100% - 40px); }
      mat-sidenav ul li a img {
        padding: 6px 20px 6px 0; }
    mat-sidenav ul li span {
      font-family: "Optimistic Text VF"; }
    mat-sidenav ul li .menu-tooltip {
      position: absolute;
      top: -30px;
      left: 20px;
      color: #000000 !important;
      background-color: #FFFFFF;
      border-radius: 4px;
      font-size: 12px;
      padding: 5px 10px;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s ease-in;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.56);
      font-family: "Optimistic Text VF"; }
      mat-sidenav ul li .menu-tooltip::before {
        content: '';
        position: absolute;
        left: 20px;
        width: 0;
        height: 0;
        bottom: -10px;
        box-sizing: border-box;
        border: 6px solid #FFFFFF;
        border-color: transparent transparent #FFFFFF #FFFFFF;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.25); }
mat-sidenav .help {
  position: absolute;
  bottom: 30px;
  left: 15px;
  z-index: 9; }
  @media (max-width: 1599px) {
    mat-sidenav .help {
      bottom: 20px; } }
  mat-sidenav .help li {
    list-style-type: none; }
mat-sidenav .logout {
  position: absolute;
  right: 25px;
  bottom: 30px;
  cursor: pointer; }
mat-sidenav .collapsed-sidebar .logout {
  bottom: 0;
  right: 40px; }
  mat-sidenav .collapsed-sidebar .logout img {
    transform: rotate(180deg); }
@media screen and (min-width: 800px) {
  mat-sidenav.mat-drawer-side.mat-drawer-opened .hamburger-icon .arrow-right {
    display: none; }
  mat-sidenav.mat-drawer-side.mat-drawer-opened .hamburger-icon .arrow-left {
    display: block; } }

.security-msg {
  clear: both;
  margin: 80px 0px 0;
  box-sizing: border-box; }
  .security-msg ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
    @media only screen and (max-width: 768px) {
      .security-msg ul {
        flex-wrap: wrap; } }
    .security-msg ul .icn-block {
      width: 60px;
      display: inline-block;
      margin: 0 15px 0 0;
      color: #FFFFFF;
      text-align: left; }
      @media (max-width: 414px) {
        .security-msg ul .icn-block {
          margin: 0 10px 0 0; } }
      .security-msg ul .icn-block span {
        font-size: 22px; }
      .security-msg ul .icn-block.align-right {
        text-align: right; }
    .security-msg ul li {
      font-size: 14px;
      margin: 0 0 10px;
      max-width: 600px;
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .security-msg ul li:first-child span:first-child {
        margin: 0 5px 0 0; }
      .security-msg ul li p {
        margin: 0;
        font-size: 12px;
        width: calc(100% - 65px);
        color: #000000; }
      .security-msg ul li a {
        font-size: 12px;
        color: #855BE0; }

.settings-sidenav-container {
  width: 100%;
  box-sizing: border-box;
  margin: 74px 0 0; }
  .settings-sidenav-container .sidebar-title {
    margin: 0 0 20px;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    text-align: left;
    box-sizing: border-box;
    padding: 0 0 0 75px; }
  .settings-sidenav-container .mat-sidenav {
    position: fixed;
    top: 0;
    height: 100%;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(92, 96, 103, 0.5) !important;
    box-sizing: border-box;
    width: 86px;
    transition: 0.2s ease-in !important; }
    .settings-sidenav-container .mat-sidenav ul li {
      padding: 0;
      border-top: 1px solid #DCE6F0; }
      .settings-sidenav-container .mat-sidenav ul li a {
        padding: 20px 0 20px 40px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0 !important; }
        .settings-sidenav-container .mat-sidenav ul li a:hover {
          border-radius: 0;
          width: 100%;
          background-color: #F1F4F7 !important; }
          .settings-sidenav-container .mat-sidenav ul li a:hover .menu-tooltip {
            opacity: 1 !important;
            visibility: visible !important; }
        .settings-sidenav-container .mat-sidenav ul li a.active {
          background-color: #F1F4F7 !important; }
        .settings-sidenav-container .mat-sidenav ul li a .icon-block {
          width: 35px; }
          .settings-sidenav-container .mat-sidenav ul li a .icon-block img {
            width: 18px;
            padding: 0; }
        .settings-sidenav-container .mat-sidenav ul li a h6 {
          margin: 0 0 5px;
          font-size: 12px;
          color: #000000;
          line-height: 15px; }
        @media screen and (max-height: 800px) {
          .settings-sidenav-container .mat-sidenav ul li a {
            padding: 12px 0 12px 40px; } }
      .settings-sidenav-container .mat-sidenav ul li .menu-tooltip {
        top: -8px;
        box-sizing: border-box; }
        @media screen and (max-height: 800px) {
          .settings-sidenav-container .mat-sidenav ul li .menu-tooltip {
            top: -25px; } }
      .settings-sidenav-container .mat-sidenav ul li.user-profile-menu .menu-tooltip {
        width: 90px; }
      .settings-sidenav-container .mat-sidenav ul li.company-profile-menu .menu-tooltip {
        width: 121px; }
      .settings-sidenav-container .mat-sidenav ul li.document-library-menu .menu-tooltip {
        width: 131px; }
      .settings-sidenav-container .mat-sidenav ul li.banking-information-menu .menu-tooltip {
        width: 146px; }
      .settings-sidenav-container .mat-sidenav ul li.financial-profile-menu .menu-tooltip {
        width: 117px; }
      .settings-sidenav-container .mat-sidenav ul li.accounting-system-menu .menu-tooltip {
        width: 130px; }
      .settings-sidenav-container .mat-sidenav ul li:last-child {
        border-bottom: 1px solid #DCE6F0; }
    .settings-sidenav-container .mat-sidenav .mat-drawer-inner-container {
      overflow: visible !important; }
  .settings-sidenav-container .sidebar_menu span {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6) !important;
    margin: 0;
    max-width: 165px;
    width: 100%;
    display: flex; }
  .settings-sidenav-container .mat-nav-list {
    background-color: #FFFFFF;
    height: 100%;
    box-sizing: border-box;
    padding: 35px 0 0; }
    .settings-sidenav-container .mat-nav-list .hamburger-icon {
      z-index: 1; }
    .settings-sidenav-container .mat-nav-list.collapsed-sidebar .sidebar-title {
      visibility: hidden;
      width: 0; }
    .settings-sidenav-container .mat-nav-list .sidebar-title {
      visibility: visible;
      width: 100%; }
  .settings-sidenav-container .mat-sidenav-content {
    width: calc(100% - 86px);
    margin-left: auto !important;
    transition: 0.2s ease-in; }
  .settings-sidenav-container.sidenav-opened .mat-sidenav {
    width: 248px; }
    .settings-sidenav-container.sidenav-opened .mat-sidenav ul li a:hover .menu-tooltip {
      opacity: 0 !important;
      visibility: hidden !important; }
    .settings-sidenav-container.sidenav-opened .mat-sidenav .mat-drawer-inner-container {
      overflow: hidden !important; }
  .settings-sidenav-container.sidenav-opened .mat-sidenav-content {
    width: calc(100% - 248px); }

@media screen and (min-width: 800px) {
  .collapsed-sidebar-body mat-sidenav.mat-drawer-side.mat-drawer-opened .hamburger-icon .arrow-left {
    display: none; }
  .collapsed-sidebar-body mat-sidenav.mat-drawer-side.mat-drawer-opened .hamburger-icon .arrow-right {
    display: block; } }

.avatar {
  text-transform: uppercase;
  background: #FFFFFF;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 10px;
  font-family: "Optimistic Text VF";
  font-size: 14px; }
  .avatar.blue-bg {
    background: #FFFFFF !important; }
  .avatar.purple-bg {
    background: #FFFFFF !important; }
  .avatar.green-bg {
    background: #FFFFFF !important; }
  .avatar.gray-bg {
    background: #FFFFFF !important; }

.mat-select,
.mat-input-element {
  font-family: "Optimistic Text VF"; }
  .mat-select.ng-touched,
  .mat-input-element.ng-touched {
    border: 1px solid #855BE0 !important; }

.repost-for-auction .mat-select.ng-touched,
.repost-for-auction .mat-input-element.ng-touched {
  border: 0px solid #000000 !important; }

.search {
  width: 100%;
  position: relative;
  display: flex; }
  .search input {
    border: 1px solid #855BE0;
    height: 42px;
    padding: 0 10px;
    border-radius: 5px 0 0 5px;
    font-size: 13px;
    color: #000000;
    width: 100%; }
  .search .searchButton {
    width: 40px;
    height: 44px;
    margin: 0 !important;
    border: 1px solid #855BE0;
    background: #FFFFFF !important;
    text-align: center;
    color: #FFFFFF;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
    border-left: 0; }
    .search .searchButton mat-icon {
      color: #FFFFFF; }

.mat-card {
  min-width: 270px; }
  .mat-card .mat-form-field-label {
    overflow: visible; }
  .mat-card.registration .mat-form-field-label-wrapper {
    left: 30px;
    font-size: 15px; }
    .mat-card.registration .mat-form-field-label-wrapper .mat-form-field-label {
      color: #000000; }
  .mat-card.register {
    font-size: 15px; }
    .mat-card.register .mat-form-field-label {
      color: #000000; }
  .mat-card.wallet-card-block {
    position: relative;
    margin-bottom: 30px;
    padding: 16px 0px 0 0px;
    background: var(--base-color);
    color: #FFFFFF;
    font-family: "Optimistic Text VF";
    min-width: 100%;
    border-radius: 16px; }
    .mat-card.wallet-card-block .connect-wallet-link-block {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: -50px;
      top: 120px;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 3px solid #FFFFFF;
      background: #57C996; }
    .mat-card.wallet-card-block .settings-block {
      margin: 0; }
      .mat-card.wallet-card-block .settings-block .inside-block {
        margin: 0; }
        .mat-card.wallet-card-block .settings-block .inside-block .wallet-block {
          background: #855BE0;
          padding: 10px 15px;
          margin: 0 16px;
          border-top-left-radius: 15px;
          border-top-right-radius: 15px;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          @media screen and (max-width: 600px) {
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-block {
              font-size: 14px; } }
          .mat-card.wallet-card-block .settings-block .inside-block .wallet-block h6 {
            margin: 0;
            display: flex;
            align-items: center;
            font-size: 16px;
            text-transform: capitalize; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-block h6 img {
              margin-right: 5px; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-block h6 .mat-icon {
              margin-left: 5px;
              font-size: 16px;
              height: 16px;
              width: 16px; }
          .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block {
            display: flex;
            align-items: center; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block span {
              font-size: 14px; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .currency-flag-img {
              display: flex;
              align-items: center;
              justify-content: center;
              height: 30px;
              width: 30px;
              margin-right: 10px;
              border-radius: 50%;
              background: #FFFFFF; }
              .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .currency-flag-img .flag-font {
                font-size: 20px;
                font-family: FlagColor; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .wallet-dlt {
              display: flex;
              align-items: flex-start;
              justify-content: center;
              height: 30px;
              width: 30px;
              margin-left: 10px;
              border-radius: 50%;
              background: transparent;
              border: 1px solid #FFFFFF;
              color: #FFFFFF; }
              .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .wallet-dlt:hover, .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .wallet-dlt:active {
                background: #6335CA; }
              @media screen and (max-width: 600px) {
                .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .wallet-dlt {
                  margin: 0 0 0 -6px; } }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .currency-flag-block {
              display: flex;
              align-items: center;
              border-radius: 5px;
              padding: 0 15px;
              width: 100px; }
              .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .currency-flag-block.multicurrency-flag-block {
                width: 125px; }
                .mat-card.wallet-card-block .settings-block .inside-block .wallet-block .currency-block .currency-flag-block.multicurrency-flag-block.currency-flag-img {
                  width: 31px; }
        .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block {
          border: 2px solid rgba(255, 255, 255, 0.4);
          border-radius: 16px;
          box-shadow: 0 0 10px 4px rgba(222, 227, 233, 0.26);
          padding: 20px;
          background: var(--base-color);
          font-family: "Optimistic Text VF"; }
          @media only screen and (max-width: 375px) {
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block {
              padding: 20px 10px; } }
          .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .transfer-block {
            display: flex;
            justify-content: space-between; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .transfer-block .transfer-bank.disabled,
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .transfer-block .transfer-wallet.disabled {
              opacity: 0.5;
              cursor: not-allowed; }
              .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .transfer-block .transfer-bank.disabled a,
              .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .transfer-block .transfer-wallet.disabled a {
                pointer-events: none; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .transfer-block a {
              border: 1px solid #DCE6F0;
              padding: 4px 10px;
              border-radius: 13px;
              font-size: 12px;
              color: #fff; }
          .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .wallet-details {
            margin-top: 40px; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .wallet-details span {
              color: #DEE3E9;
              font-size: 12px;
              display: block;
              margin-bottom: 5px; }
            .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .wallet-details .wallet-balance {
              border: 1px solid rgba(255, 255, 255, 0.15);
              border-radius: 6px;
              height: 90px;
              color: #FFFFFF;
              padding: 15px;
              display: flex;
              align-items: center;
              justify-content: flex-end;
              flex-wrap: wrap; }
              .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .wallet-details .wallet-balance span {
                font-size: 14px !important;
                color: #FFFFFF !important;
                width: 100%;
                text-align: right; }
                .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .wallet-details .wallet-balance span:last-child {
                  font-size: 18px !important; }
                  @media screen and (max-width: 600px) {
                    .mat-card.wallet-card-block .settings-block .inside-block .wallet-money-transfer-block .wallet-details .wallet-balance span:last-child {
                      font-size: 14px !important; } }
    .mat-card.wallet-card-block.no-wallet-card {
      height: 100% !important;
      min-height: auto !important;
      border-radius: 0px;
      width: 100%;
      padding: 16px 0; }
      .mat-card.wallet-card-block.no-wallet-card .settings-block .inside-block .wallet-block {
        justify-content: center; }
        .mat-card.wallet-card-block.no-wallet-card .settings-block .inside-block .wallet-block span {
          font-size: 14px; }
        .mat-card.wallet-card-block.no-wallet-card .settings-block .inside-block .wallet-block h6 {
          text-align: center;
          text-transform: none; }

.myGridList {
  height: 100%; }

@media screen and (max-width: 450px) {
  .mat-sidenav-content .simplebar-content .title_heading {
    margin-left: 16px !important; } }
.mat-sidenav-content .simplebar-content .auction-date {
  margin-left: 6px; }

.mat-drawer.mat-drawer-side .help {
  display: none; }
.mat-drawer.mat-drawer-side .mat-drawer-inner-container {
  overflow: hidden; }
.mat-drawer.mat-drawer-side.mat-drawer-opened .help {
  display: block; }

.document-upload-body .simplebar-track.simplebar-horizontal {
  visibility: hidden !important; }

.mbe-application-block .mat-form-field.mat-form-field-invalid mat-select {
  border: 1px solid red !important; }
.mbe-application-block .btn-error-red {
  border: 1px solid red !important; }
.mbe-application-block .mat-form-field input[aria-invalid="true"] {
  border: 1px solid red !important; }
.mbe-application-block .mat-form-field .mat-form-field-flex {
  background: transparent !important;
  position: relative; }
  .mbe-application-block .mat-form-field .mat-form-field-flex .mat-form-field-suffix {
    position: absolute;
    right: 10px;
    top: 29px; }
    .mbe-application-block .mat-form-field .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button {
      background: transparent !important;
      color: #000000 !important;
      margin: 0 !important; }
      .mbe-application-block .mat-form-field .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
        font-size: 16px; }
.mbe-application-block .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label {
  position: absolute;
  top: 32px;
  left: 10px;
  font-size: 14px; }
  .mbe-application-block .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label span {
    background: #f5f7f9; }
.mbe-application-block .mat-form-field.mat-focused .mat-form-field-underline .mat-form-field-ripple {
  opacity: 0 !important;
  height: 0px !important; }
.mbe-application-block .mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
  opacity: 0 !important;
  height: 0px !important; }
.mbe-application-block .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: transparent;
  height: 0 !important;
  opacity: 0; }
  .mbe-application-block .mat-form-field-appearance-legacy .mat-form-field-underline::before {
    height: 0px !important; }
.mbe-application-block .mat-form-field-appearance-fill .mat-form-field-underline::before {
  height: 0px !important; }
.mbe-application-block .mat-figure .mat-form-field-flex {
  position: relative; }
  .mbe-application-block .mat-figure .mat-form-field-flex .mat-form-field-suffix {
    position: absolute;
    right: 10px;
    top: 19px; }
    .mbe-application-block .mat-figure .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button {
      background: transparent !important;
      color: #000000 !important;
      margin: 0 !important; }
      .mbe-application-block .mat-figure .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
        font-size: 20px; }
.mbe-application-block .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls {
  margin: 0 0 10px 0; }
  .mbe-application-block .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
  .mbe-application-block .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-icon-button {
    background: transparent !important;
    color: #000000 !important;
    text-align: left;
    margin: 0 !important; }
.mbe-application-block .mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover ~ .mat-form-field-underline .mat-form-field-ripple {
  opacity: 0; }

.mbe-application-block .header-block {
  display: flex;
  align-items: center; }
  .mbe-application-block .header-block .application-title {
    width: 200px;
    float: left; }
    @media screen and (max-width: 414px) {
      .mbe-application-block .header-block .application-title {
        width: 100%; } }
  .mbe-application-block .header-block .btn-block {
    width: calc(100% - 200px);
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px; }
    @media screen and (max-width: 414px) {
      .mbe-application-block .header-block .btn-block {
        width: 100%;
        display: block; } }
    .mbe-application-block .header-block .btn-block span {
      color: #000000; }
      @media screen and (max-width: 414px) {
        .mbe-application-block .header-block .btn-block span {
          padding-left: 10px; } }
    .mbe-application-block .header-block .btn-block .mat-button-toggle-group {
      border: 0; }
      .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard {
        background: transparent !important;
        border: 0px; }
        .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard:hover .mat-button-toggle-button, .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-button {
          background: #855BE0 !important;
          color: #FFFFFF !important; }
          .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard:hover .mat-button-toggle-button .mat-button-toggle-label-content, .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-button .mat-button-toggle-label-content {
            text-decoration: none; }
        .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-button {
          margin: 0 !important;
          min-height: 32px;
          max-height: 32px;
          background: transparent !important;
          color: #000000 !important; }
          .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content {
            line-height: 28px;
            text-decoration: underline; }
        .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard:last-child {
          border: 0px; }
        .mbe-application-block .header-block .btn-block .mat-button-toggle-group .mat-button-toggle-appearance-standard ::ng-deep .mat-button-toggle-label-content {
          line-height: 28px; }

.color-pinkRose {
  color: #ef7d76; }

.dashboard-body.progress .mat-card .mat-progress-bar .mat-progress-bar-fill:after {
  background-color: #855BE0 !important; }
.dashboard-body .top-height .normal a {
  color: #855BE0 !important; }

.mat-sidenav-content {
  background-image: linear-gradient(to bottom, #F1F4F7, #F1F4F7); }
  .mat-sidenav-content .header .float-left h6 {
    color: #000000; }
  .mat-sidenav-content .header ul li a {
    color: #000000; }
  .mat-sidenav-content .header ul li .seller-badge {
    color: #000000; }
  .mat-sidenav-content .title_heading {
    color: #000000; }

.mbe-bg .mat-sidenav-content {
  background-image: linear-gradient(to bottom, #f6f6f5, #f6f6f5); }
  .mbe-bg .mat-sidenav-content .header .float-left h6 {
    color: #000000; }
  .mbe-bg .mat-sidenav-content .header ul li a {
    color: #000000; }
  .mbe-bg .mat-sidenav-content .header ul li .seller-badge {
    color: #000000; }
  .mbe-bg .mat-sidenav-content .title_heading {
    color: #000000; }

mat-sidenav ul li a {
  color: rgba(255, 255, 255, 0.8) !important; }
  mat-sidenav ul li a.active, mat-sidenav ul li a:hover {
    background-color: #855BE0;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px; }
    mat-sidenav ul li a.active img, mat-sidenav ul li a:hover img {
      filter: brightness(1); }
    mat-sidenav ul li a.active span, mat-sidenav ul li a:hover span {
      color: #FFFFFF; }
  mat-sidenav ul li a img {
    filter: brightness(1); }
mat-sidenav span {
  color: #FFFFFF; }
mat-sidenav .help a {
  color: #000000 !important;
  background: #FFFFFF; }
  mat-sidenav .help a:hover {
    border-radius: 30px; }

.user-name .user-roles {
  background: #855BE0 !important; }

.humburg-menu-icon {
  color: #FFFFFF !important; }
  .humburg-menu-icon:hover {
    background-color: #855BE0 !important;
    color: #FFFFFF !important; }

.mat-tab-group .mat-tab-label {
  color: #FFFFFF; }

.accounting-system-block .mat-card:hover, .accounting-system-block .mat-card:active, .accounting-system-block .mat-card.active {
  border: 1px solid #855BE0;
  box-shadow: 0px 0px 0px 3px #855BE0; }
.accounting-system-block .mat-card .connected-text {
  color: #FFFFFF;
  background: #855BE0; }

.invoices .manage_invoices h6,
.invoices .filters h6 {
  color: #FFFFFF;
  font-weight: 400; }
.invoices .manage_invoices input,
.invoices .filters input {
  color: #000000 !important; }
.invoices .manage_invoices .mat-select,
.invoices .filters .mat-select {
  border: 1px solid #000000;
  background: #000000;
  color: #FFFFFF; }
  .invoices .manage_invoices .mat-select ::ng-deep .mat-select-trigger,
  .invoices .filters .mat-select ::ng-deep .mat-select-trigger {
    height: 30px; }
    .invoices .manage_invoices .mat-select ::ng-deep .mat-select-trigger .mat-select-value .mat-select-value-text,
    .invoices .filters .mat-select ::ng-deep .mat-select-trigger .mat-select-value .mat-select-value-text {
      color: #FFFFFF; }
    .invoices .manage_invoices .mat-select ::ng-deep .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow,
    .invoices .filters .mat-select ::ng-deep .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow {
      color: #FFFFFF; }
.invoices .manage_invoices mat-icon.search,
.invoices .filters mat-icon.search {
  position: absolute;
  top: 8px;
  right: 5px;
  font-size: 16px;
  width: auto;
  cursor: pointer;
  color: #FFFFFF; }
.invoices .manage_invoices .filter-block .filter-input-field .mat-select,
.invoices .filters .filter-block .filter-input-field .mat-select {
  border: 1px solid #DCE6F0;
  background: #DCE6F0;
  color: #000000 !important; }
  .invoices .manage_invoices .filter-block .filter-input-field .mat-select .mat-select-value,
  .invoices .filters .filter-block .filter-input-field .mat-select .mat-select-value {
    position: relative;
    top: 2px; }
.invoices .auction-search {
  margin: 0; }
  .invoices .auction-search .mat-form-field-label-wrapper .mat-form-field-label span {
    color: #000000 !important;
    background: transparent; }
  .invoices .auction-search input {
    width: 100% !important; }

.searchbar .mat-form-field-label-wrapper .mat-form-field-label {
  display: block !important; }
  .searchbar .mat-form-field-label-wrapper .mat-form-field-label span {
    background: transparent !important;
    padding: 0 6px;
    color: #FFFFFF; }
    .searchbar .mat-form-field-label-wrapper .mat-form-field-label span.mat-placeholder-required {
      padding-left: 0px;
      display: none; }
  .searchbar .mat-form-field-label-wrapper .mat-form-field-label.mat-form-field-empty {
    display: block !important; }

.no-invoice-data {
  color: #000000;
  margin-top: 0.23em; }
  .no-invoice-data span {
    margin: 5px 0 0;
    display: block; }

.no-invoice-txt {
  margin: 20px 0 25px; }
  .no-invoice-txt span {
    margin: 15px 0 0px; }

.dark-wrapper {
  background-color: #F1F4F7; }
  .dark-wrapper.mbe-wrapper {
    background-color: #f6f6f5; }

.edit-application .edit-title h6 {
  color: #FFFFFF; }

.security-msg ul li p {
  font-family: "PT Sans Narrow", sans-serif !important; }

.view-bids .bid-detail-block {
  background-color: #F6EBFB; }
  .view-bids .bid-detail-block .mat-table {
    background-color: #F6EBFB; }
.view-bids .text-purple {
  color: #855BE0 !important;
  font-weight: 500; }

.view-bid-details-panel .mat-table {
  background-color: #F6EBFB; }
  .view-bid-details-panel .mat-table .mat-row td {
    color: #855BE0; }
.view-bid-details-panel .text-blue {
  color: #855BE0 !important;
  font-weight: bold; }

.repost-for-auction .preauction-sub-block {
  background-color: #F6EBFB; }
.repost-for-auction .text-blue {
  color: #855BE0 !important;
  font-weight: bold; }
.repost-for-auction .supporting-document-links a {
  color: #855BE0; }

.splash-screen {
  background: #F1F4F7; }
  .splash-screen .splash .registration-link button {
    background: #FFFFFF !important;
    color: #855BE0 !important;
    border: 1px solid #979797 !important; }
    .splash-screen .splash .registration-link button:hover {
      background: #855BE0 !important;
      color: #FFFFFF !important; }
    .splash-screen .splash .registration-link button:last-child {
      border-top: 1px solid #000000 !important;
      border-top: none !important; }
    .splash-screen .splash .registration-link button .mat-button-wrapper {
      font-weight: 600; }

.tooltip-white {
  background-color: #FFFFFF !important;
  color: #000000 !important;
  box-shadow: 0px 0 4px 0px rgba(0, 0, 0, 0.5) !important; }
  .tooltip-white.invoice-detail-tooltip {
    width: 65px;
    font-size: 12px; }
  .tooltip-white.status-tooltip-mobile {
    font-size: 10px !important;
    margin: 8px !important; }

.mat-tooltip.doc-hash-tooltip {
  max-width: 400px;
  overflow: visible;
  text-overflow: inherit;
  margin-bottom: 10px; }

.document-library-table .mat-table td.mat-column-send {
  width: 50px; }
  .document-library-table .mat-table td.mat-column-send .send-btn {
    background: #855BE0; }

.confirm-payment-method-panel ::ng-deep .mat-radio-container:hover .mat-ripple-element {
  opacity: 0; }
.confirm-payment-method-panel ::ng-deep.mat-accent.mat-radio-checked .mat-radio-inner-circle {
  background-color: #855BE0 !important; }
.confirm-payment-method-panel ::ng-deep.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #855BE0 !important; }
.confirm-payment-method-panel ::ng-deep .mat-radio-label {
  white-space: normal;
  text-align: left;
  font-family: "Optimistic Text VF";
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 25px; }

.setting .add-new-account {
  color: #000000;
  font-weight: 600;
  font-size: 14px; }

.accounts-details-block .account-card.default-card {
  border: 1px solid #000000 !important; }
  .accounts-details-block .account-card.default-card .card-action {
    border-top: 1px solid #000000 !important; }
.accounts-details-block .account-card a {
  color: #855BE0; }

.doc-library-Sec .doc-title span.total-document {
  background: #855BE0; }

.select-country-panel .mat-form-field-appearance-legacy .mat-form-field-label {
  background: transparent !important; }
.select-country-panel .mat-form-field-label-wrapper .mat-form-field-label span {
  background: transparent !important; }

.secure-password-panel .mat-form-field-appearance-legacy .mat-form-field-label span {
  background: #FFFFFF !important; }
.secure-password-panel .mat-form-field-label-wrapper .mat-form-field-label span {
  background: #FFFFFF !important; }

.select-country-panel .mat-form-field-appearance-legacy .mat-form-field-label {
  background: transparent !important; }

.secure-password-panel .mat-form-field-appearance-legacy .mat-form-field-label span {
  background: #FFFFFF !important; }

.row-auction-highlight td {
  background-color: rgba(87, 201, 150, 0.4) !important; }

.toggle-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 700px;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px; }
  .toggle-header .toggle-block .mat-button-toggle-group {
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    font-size: 12px;
    display: flex;
    padding: 4px; }
    .toggle-header .toggle-block .mat-button-toggle-group mat-button-toggle {
      height: auto;
      line-height: initial;
      background: none;
      box-shadow: none;
      border: none; }
      .toggle-header .toggle-block .mat-button-toggle-group mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button {
        background: #855BE0 !important;
        color: #FFFFFF !important; }
      .toggle-header .toggle-block .mat-button-toggle-group mat-button-toggle.active .mat-button-toggle-button {
        background: #855BE0 !important;
        color: #FFFFFF !important; }
      .toggle-header .toggle-block .mat-button-toggle-group mat-button-toggle .mat-button-toggle-button {
        margin: 0 !important;
        font-size: 12px;
        padding: 5px 20px !important;
        height: auto !important;
        min-height: auto !important;
        line-height: initial !important;
        background: none !important;
        color: #855BE0 !important;
        text-transform: capitalize; }
      .toggle-header .toggle-block .mat-button-toggle-group mat-button-toggle .mat-button-toggle-label-content {
        padding: 0;
        line-height: initial; }
        .toggle-header .toggle-block .mat-button-toggle-group mat-button-toggle .mat-button-toggle-label-content mat-menu {
          line-height: 0; }
      .toggle-header .toggle-block .mat-button-toggle-group mat-button-toggle .mat-button-toggle-focus-overlay {
        display: none; }
      .toggle-header .toggle-block .mat-button-toggle-group mat-button-toggle .mat-button-toggle-ripple {
        display: none; }
  .toggle-header .view-scheduled-repay a {
    color: #855BE0; }
    .toggle-header .view-scheduled-repay a:hover {
      color: #6335CA; }

.mat-expansion-panel {
  box-shadow: none !important;
  border-bottom: 1px solid #DCE6F0;
  border-radius: 0 !important;
  font-family: "Optimistic Text VF"; }
  .mat-expansion-panel .mat-expansion-panel-header:hover {
    background: #DEE3E9; }
    .mat-expansion-panel .mat-expansion-panel-header:hover .mat-expansion-indicator {
      border: 1px solid #000000; }
  .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
    font-size: 14px;
    font-family: "Optimistic Text VF"; }
    .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title h6 {
      margin: 0;
      font-size: 14px;
      font-family: "Optimistic Text VF";
      color: #000000; }
  .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator {
    border: 1px solid #DCE6F0;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
    border-bottom: 1px solid #DCE6F0; }
  .mat-expansion-panel.mat-expanded .mat-expansion-panel-content {
    margin-top: 15px; }

@media only screen and (min-resolution: 0.001dpcm) {
  .registration-era .reg-action .mobile-country-block .mat-form-field:first-child {
    margin-top: 1px !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .registration-era .reg-action .mobile-country-block .mat-form-field:first-child {
    top: -1px; } }
@-moz-document url-prefix() {
  .registration-era .reg-action .mobile-country-block .mat-form-field:first-child {
    top: 2px; } }
.avatar {
  border: 2px solid transparent;
  transition: 0.3s ease-in; }
  .avatar:hover {
    border-color: #855BE0; }

.tooltip-circle {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  width: 11px;
  height: 11px; }

.tooltip-relative {
  position: relative;
  cursor: pointer;
  display: inline-block; }
  .tooltip-relative .tooltip-info {
    position: absolute;
    top: -3px;
    right: -10px;
    width: 6px;
    height: 6px;
    background-color: #855BE0;
    border-radius: 50%;
    margin: 0 !important; }
    @media screen and (max-width: 600px) {
      .tooltip-relative .tooltip-info {
        top: 1px; } }

.ngx-overlay .ngx-foreground-spinner {
  color: #855BE0 !important; }

.dark-bg .global-table-design .invoice-table-div .mat-table thead {
  background: #F1F4F7;
  position: relative; }
  .dark-bg .global-table-design .invoice-table-div .mat-table thead th {
    color: #000000; }
    .dark-bg .global-table-design .invoice-table-div .mat-table thead th:last-child {
      border-right: none; }
    .dark-bg .global-table-design .invoice-table-div .mat-table thead th.mat-column-approve_chks .mat-radio-group {
      justify-content: space-around; }
    .dark-bg .global-table-design .invoice-table-div .mat-table thead th div {
      color: #000000; }
  .dark-bg .global-table-design .invoice-table-div .mat-table thead tr.mat-header-row {
    height: 36px; }
.dark-bg .global-table-design .invoice-table-div .mat-table tbody tr:last-child td {
  border-bottom: none; }
.dark-bg .global-table-design .invoice-table-div .mat-table tbody td {
  color: #000000; }

.global-table-design .invoice-table-div .mat-table {
  background: #F1F4F7;
  font-family: "Optimistic Text VF" !important;
  padding-bottom: 10px; }
  .global-table-design .invoice-table-div .mat-table thead {
    background: #F1F4F7 !important;
    -webkit-box-shadow: 0px -9px 20px 0px #1c2b3133;
    -moz-box-shadow: 0px -9px 20px 0px #1c2b3133;
    box-shadow: 0px -9px 20px 0px #1c2b3133;
    position: sticky;
    top: 0;
    z-index: 100; }
    .global-table-design .invoice-table-div .mat-table thead th {
      font-size: 12px;
      font-weight: bold;
      padding: 0 20px 20px;
      border-radius: 0 !important;
      background-color: inherit !important;
      color: #000000;
      border-right: 1px dashed rgba(0, 0, 0, 0.3);
      width: auto;
      font-weight: 500;
      text-transform: capitalize;
      vertical-align: top; }
      .global-table-design .invoice-table-div .mat-table thead th:last-child {
        border-right: none; }
      .global-table-design .invoice-table-div .mat-table thead th.no-border {
        border: none; }
    .global-table-design .invoice-table-div .mat-table thead tr.mat-header-row {
      height: 36px; }
  .global-table-design .invoice-table-div .mat-table tbody tr.example-detail-row:hover td {
    background-color: inherit !important; }
  .global-table-design .invoice-table-div .mat-table tbody tr.example-detail-row .mat-table thead {
    z-index: 0; }
  .global-table-design .invoice-table-div .mat-table tbody tr:hover td.mat-column-verify_buyer button {
    background-color: #855BE0 !important;
    opacity: 0.8; }
  .global-table-design .invoice-table-div .mat-table tbody td {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px dashed rgba(0, 0, 0, 0.3);
    border-bottom: none;
    color: #000000;
    width: auto; }
    .global-table-design .invoice-table-div .mat-table tbody td:last-child {
      border-right: none; }
    .global-table-design .invoice-table-div .mat-table tbody td.no-border {
      border: none; }
    .global-table-design .invoice-table-div .mat-table tbody td a {
      font-size: 12px;
      color: #855BE0 !important;
      font-weight: 500 !important; }
      .global-table-design .invoice-table-div .mat-table tbody td a:hover {
        color: #6335CA !important; }
    .global-table-design .invoice-table-div .mat-table tbody td .green-txt {
      color: #855BE0;
      font-weight: 600; }
    .global-table-design .invoice-table-div .mat-table tbody td.black-txt {
      color: #FFFFFF; }
    .global-table-design .invoice-table-div .mat-table tbody td.mat-column-approve_chks .inline-radio {
      width: 50%;
      margin: 0 !important; }
      .global-table-design .invoice-table-div .mat-table tbody td.mat-column-approve_chks .inline-radio:last-child {
        padding-left: 11px; }
    .global-table-design .invoice-table-div .mat-table tbody td.truncated-txt div {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-all; }
      .global-table-design .invoice-table-div .mat-table tbody td.truncated-txt div.inv-txt {
        direction: rtl;
        text-align: left; }
    .global-table-design .invoice-table-div .mat-table tbody td.truncated-txt a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-all; }
    .global-table-design .invoice-table-div .mat-table tbody td.invoice-txt div {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-all;
      direction: rtl;
      text-align: left; }
    .global-table-design .invoice-table-div .mat-table tbody td.invoice-txt a {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-all;
      direction: rtl;
      text-align: left; }
    .global-table-design .invoice-table-div .mat-table tbody td.date-txt {
      width: 120px;
      text-align: left; }
      @media screen and (max-width: 1700px) {
        .global-table-design .invoice-table-div .mat-table tbody td.date-txt {
          width: 90px; } }
      @media screen and (max-width: 1700px) {
        .global-table-design .invoice-table-div .mat-table tbody td.date-txt.expandable-block {
          width: 115px; } }
    .global-table-design .invoice-table-div .mat-table tbody td.align-right {
      text-align: right; }
    .global-table-design .invoice-table-div .mat-table tbody td .score-value {
      width: 32px;
      padding: 2px 4px; }
    .global-table-design .invoice-table-div .mat-table tbody td .buyer-block {
      display: flex !important;
      align-items: center; }
      .global-table-design .invoice-table-div .mat-table tbody td .buyer-block .buyer-circle {
        margin: 0 5px 0 0 !important;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center;
        font-size: 12px;
        font-weight: 500;
        color: #212349 !important;
        border: 3px solid white; }
        .global-table-design .invoice-table-div .mat-table tbody td .buyer-block .buyer-circle.surf-score-2 {
          border-color: #8347D9; }
        .global-table-design .invoice-table-div .mat-table tbody td .buyer-block .buyer-circle.surf-score-3 {
          border-color: #427F47; }
        .global-table-design .invoice-table-div .mat-table tbody td .buyer-block .buyer-circle.surf-score-4 {
          border-color: #E3C654; }
        .global-table-design .invoice-table-div .mat-table tbody td .buyer-block .buyer-circle.surf-score-5 {
          border-color: #E86A4A; }
        .global-table-design .invoice-table-div .mat-table tbody td .buyer-block .buyer-circle.surf-score-10 {
          border-color: #9E1616; }
        .global-table-design .invoice-table-div .mat-table tbody td .buyer-block .buyer-circle.surf-score-na {
          border-color: #5C6067; }
      .global-table-design .invoice-table-div .mat-table tbody td .buyer-block .buyer-name {
        width: 100%; }
    .global-table-design .invoice-table-div .mat-table tbody td .company-block {
      display: flex !important;
      align-items: center; }
      .global-table-design .invoice-table-div .mat-table tbody td .company-block .company-circle {
        margin: 0 5px 0 0 !important;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center;
        font-size: 12px;
        font-weight: 500;
        color: #212349 !important; }
      .global-table-design .invoice-table-div .mat-table tbody td .company-block .company-name {
        width: calc(100% - 55px); }
    .global-table-design .invoice-table-div .mat-table tbody td.mat-column-verify_buyer button {
      border: 1px solid #855BE0;
      cursor: pointer; }
    .global-table-design .invoice-table-div .mat-table tbody td.mat-column-verify_buyer {
      width: 200px; }
      .global-table-design .invoice-table-div .mat-table tbody td.mat-column-verify_buyer button {
        max-width: 124px;
        width: 100%;
        background-color: #855BE0 !important;
        border-color: #FFFFFF;
        opacity: 0.6;
        font-size: 12px;
        margin: 0 !important; }
    .global-table-design .invoice-table-div .mat-table tbody td.mat-column-ineligible_reason {
      width: fit-content !important; }
    .global-table-design .invoice-table-div .mat-table tbody td.mat-column-no_of_invoices {
      color: #855BE0; }
    .global-table-design .invoice-table-div .mat-table tbody td .surf-circle {
      display: flex !important;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      width: 32px;
      height: 32px;
      background-color: #FFFFFF !important;
      border: 3px solid transparent;
      box-sizing: border-box;
      color: #000000 !important;
      margin: 0 auto !important; }
      .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.smart-score-2, .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.surf-score-2 {
        border-color: #8347D9; }
      .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.smart-score-3, .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.surf-score-3 {
        border-color: #427F47; }
      .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.smart-score-4, .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.surf-score-4 {
        border-color: #E3C654; }
      .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.smart-score-5, .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.surf-score-5 {
        border-color: #E86A4A; }
      .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.smart-score-10, .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.surf-score-10 {
        border-color: #9E1616; }
      .global-table-design .invoice-table-div .mat-table tbody td .surf-circle.surf-score-na {
        border-color: #5C6067; }
    .global-table-design .invoice-table-div .mat-table tbody td .reject-txt {
      color: #D15F5F !important; }
    .global-table-design .invoice-table-div .mat-table tbody td.mat-column-funded_date.date-txt, .global-table-design .invoice-table-div .mat-table tbody td.mat-column-date_funded.date-txt, .global-table-design .invoice-table-div .mat-table tbody td.mat-column-date_repaid.date-txt {
      width: 100px !important; }
    .global-table-design .invoice-table-div .mat-table tbody td.mat-column-date_registered.date-txt {
      width: 115px !important; }
  .global-table-design .invoice-table-div .mat-table tbody tr:last-child td {
    border-bottom: none; }
  .global-table-design .invoice-table-div .mat-table .mat-checkbox .mat-checkbox-ripple {
    display: none; }
  .global-table-design .invoice-table-div .mat-table .mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
    background-color: #855BE0 !important; }
    .global-table-design .invoice-table-div .mat-table .mat-checkbox.mat-checkbox-checked .mat-checkbox-background svg {
      display: none; }
  .global-table-design .invoice-table-div .mat-table .mat-checkbox .mat-checkbox-frame {
    border: 2px solid #000000;
    border-radius: 4px !important; }
  .global-table-design .invoice-table-div .mat-table .mat-checkbox .mat-checkbox-background {
    border: 2px solid #000000;
    border-radius: 4px !important;
    background-color: #F1F4F7; }
  .global-table-design .invoice-table-div .mat-table.buyer-list-table-mobile {
    width: 100%;
    background-color: inherit; }
    .global-table-design .invoice-table-div .mat-table.buyer-list-table-mobile thead {
      background-color: inherit !important; }
      .global-table-design .invoice-table-div .mat-table.buyer-list-table-mobile thead th {
        border-bottom: none; }
.global-table-design .invoice-table-div.modal-table-div .mat-table {
  background-color: #FFFFFF;
  border-radius: 0; }
  .global-table-design .invoice-table-div.modal-table-div .mat-table thead {
    background-color: inherit !important; }
  .global-table-design .invoice-table-div.modal-table-div .mat-table tbody tr:hover td {
    background-color: rgba(133, 91, 224, 0.25); }
  .global-table-design .invoice-table-div.modal-table-div .mat-table tbody td {
    color: #000000;
    border-right-color: rgba(133, 91, 224, 0.3);
    transition: 0.3s ease-in; }
.global-table-design.wallet-table-design .invoice-table-div {
  border-radius: 0; }
  .global-table-design.wallet-table-design .invoice-table-div .mat-table {
    border-radius: 0; }
    .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table {
      box-sizing: border-box; }
      @media screen and (max-width: 1700px) {
        .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table {
          width: 1450px; } }
      .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table thead {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-shadow: none; }
        .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table thead tr {
          display: flex;
          align-items: center;
          width: 100%;
          margin: 0 auto;
          height: auto; }
          .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table thead tr th {
            flex-basis: calc(100% / 5 - 96px);
            border: none;
            padding-bottom: 0 !important;
            box-sizing: border-box;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
            .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table thead tr th.mat-column-irr {
              flex-basis: 100px; }
            .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table thead tr th.mat-column-avgsurf {
              flex-basis: 65px; }
      .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        padding: 0; }
        .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody tr {
          width: 100%;
          margin: 30px auto 0;
          display: flex;
          box-shadow: 0 0 4px 5px #ebeef1;
          border-radius: 6px;
          height: auto; }
          .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody tr:hover td {
            background-color: inherit; }
          .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody tr td {
            flex-basis: calc(100% / 5 - 96px);
            border: none;
            display: flex;
            align-items: center;
            padding-top: 20px;
            padding-bottom: 20px;
            position: relative;
            box-sizing: border-box;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
            .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody tr td .action-block {
              display: flex;
              align-items: center;
              width: 100%; }
              .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody tr td .action-block .funds-btn {
                border-radius: 12.5px;
                border: 1px solid #DCE6F0;
                font-size: 12px !important;
                padding: 5px 10px;
                color: #000000 !important;
                margin: 0 10px 0 0; }
              .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody tr td .action-block .menu-block mat-icon {
                transform: rotate(90deg);
                color: #DCE6F0; }
            .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody tr td.mat-column-irr {
              flex-basis: 100px; }
            .global-table-design.wallet-table-design .invoice-table-div .mat-table.wallet-table tbody tr td.mat-column-avgsurf {
              flex-basis: 65px; }
.global-table-design .fixed-height-table {
  max-height: 32rem;
  overflow: auto; }
.global-table-design.recurring-receivable-details-table .invoice-table-div .mat-table thead {
  background-color: inherit !important; }

.delete-receivable-panel .global-table-design .invoice-table-div .mat-table .mat-checkbox .mat-checkbox-ripple {
  display: none; }
.delete-receivable-panel .global-table-design .invoice-table-div .mat-table .mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
  background-color: #855BE0 !important; }
  .delete-receivable-panel .global-table-design .invoice-table-div .mat-table .mat-checkbox.mat-checkbox-checked .mat-checkbox-background svg {
    display: block;
    opacity: 1; }
.delete-receivable-panel .global-table-design .invoice-table-div .mat-table .mat-checkbox .mat-checkbox-frame {
  border: 2px solid #FFFFFF;
  border-radius: 4px !important; }
.delete-receivable-panel .global-table-design .invoice-table-div .mat-table .mat-checkbox .mat-checkbox-background {
  border: 2px solid #F1F4F7;
  border-radius: 4px !important;
  background-color: transparent; }

.refresh-block {
  display: flex;
  align-items: center; }
  .refresh-block p {
    margin: 0;
    font-size: 14px;
    color: #000000; }
  .refresh-block a {
    background-color: #000000;
    display: inline-flex;
    padding: 8px;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
    margin: 0 0; }

.view-more-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 0 0;
  margin: 0 0 30px;
  box-sizing: border-box; }
  .view-more-block a {
    font-size: 12px;
    color: #855BE0;
    font-weight: bold;
    line-height: 15px; }

.total-value-action-block {
  display: flex;
  justify-content: space-between;
  margin: 0px 0 30px; }
  .total-value-action-block .btn-block {
    margin: 0 !important; }
    .total-value-action-block .btn-block button {
      margin: 0 !important; }
    .total-value-action-block .btn-block.repay-btn-block button {
      width: fit-content; }
  .total-value-action-block .right-block {
    display: flex;
    align-items: center; }
    .total-value-action-block .right-block .search-block {
      margin: 0 15px 0 0; }
  .total-value-action-block.history-action-block {
    justify-content: flex-end;
    margin: 5px 0 30px;
    float: right;
    min-width: 30%;
    max-width: 30px; }
    @media screen and (max-width: 600px) {
      .total-value-action-block.history-action-block {
        max-width: 100%;
        float: none; } }

@media screen and (max-width: 1700px) {
  .global-table-design .invoice-table-div .mat-table thead th {
    font-size: 12px;
    font-weight: bold; }
  .global-table-design .invoice-table-div .mat-table thead tr.mat-header-row {
    height: 36px; }
  .global-table-design .invoice-table-div .mat-table tbody td {
    font-size: 12px; }
    .global-table-design .invoice-table-div .mat-table tbody td a {
      font-size: 12px; } }
.fb-mobile .invoice-table-div {
  padding: 30px 0 0px !important; }

.invoice-info-slider .owl-dots {
  position: absolute;
  top: 0;
  width: 100%; }
  .invoice-info-slider .owl-dots .owl-dot:hover span {
    background-color: #FFFFFF; }
  .invoice-info-slider .owl-dots .owl-dot.active span {
    background-color: #855BE0; }

.owl-table-slider {
  height: 100%; }
  .owl-table-slider.sell-invoice-mobile .owl-header.select-all-block .mat-icon {
    width: 10px;
    height: 10px;
    margin: 0 10px 0 0;
    position: relative;
    line-height: 0;
    top: 4px;
    font-size: 14px; }
  .owl-table-slider.sell-invoice-mobile .owl-header.select-all-block .mat-checkbox {
    margin: 0px 0 0 5px;
    position: relative;
    top: -2px; }
    .owl-table-slider.sell-invoice-mobile .owl-header.select-all-block .mat-checkbox .mat-checkbox-frame {
      border-color: #FFFFFF; }
  .owl-table-slider.sell-invoice-mobile .owl-header.select-all-block .d-flex {
    display: flex;
    align-items: center; }
  .owl-table-slider.sell-invoice-mobile .owl-header.select-all-block .disabled .mat-checkbox .mat-checkbox-layout {
    pointer-events: none;
    cursor: not-allowed; }
  .owl-table-slider.sell-invoice-mobile .owl-content .mat-checkbox {
    margin: 0 0 0 35px; }
  .owl-table-slider.sell-invoice-mobile .owl-content .green {
    color: #855BE0; }
  .owl-table-slider.sell-invoice-mobile .owl-content.disabled {
    opacity: 1;
    cursor: not-allowed; }
    .owl-table-slider.sell-invoice-mobile .owl-content.disabled .mat-checkbox {
      pointer-events: none;
      opacity: 0.3; }
  .owl-table-slider.sell-invoice-mobile .owl-content.double-owl-content {
    padding: 2px 10px; }
    .owl-table-slider.sell-invoice-mobile .owl-content.double-owl-content .double-action-block .green-action {
      color: #57C996;
      display: table; }
    .owl-table-slider.sell-invoice-mobile .owl-content.double-owl-content .double-action-block .reject-action {
      color: #D15F5F; }
  .owl-table-slider.sell-invoice-mobile .mat-checkbox {
    font-family: "Optimistic Text VF"; }
    .owl-table-slider.sell-invoice-mobile .mat-checkbox .mat-checkbox-inner-container {
      height: 12px;
      width: 12px; }
    .owl-table-slider.sell-invoice-mobile .mat-checkbox .mat-checkbox-frame {
      border-radius: 0 !important; }
    .owl-table-slider.sell-invoice-mobile .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
      border-radius: 0 !important; }
    .owl-table-slider.sell-invoice-mobile .mat-checkbox .mat-checkbox-ripple {
      display: none; }
  .owl-table-slider.sell-invoice-mobile .bid-progress-bar .mat-progress-bar {
    height: 12px !important; }
  .owl-table-slider.sell-invoice-mobile .bid-progress-bar .time-left {
    top: 3px;
    color: #000000;
    font-size: 7px !important; }
  .owl-table-slider.sell-invoice-mobile.repayment-mobile .owl-content .mat-checkbox {
    margin: 0 0 0 13px; }
  .owl-table-slider.invoice-mobile button.new-journey {
    margin: 0 auto !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 8px 0px !important;
    line-height: 1px !important;
    max-width: 70px !important;
    width: 100% !important; }
    .owl-table-slider.invoice-mobile button.new-journey span {
      font-size: 8px; }
  .owl-table-slider.invoice-mobile .owl-header.select-all-block .mat-icon {
    width: 10px;
    height: 10px;
    margin: 0 10px 0 0;
    position: relative;
    line-height: 0;
    top: 4px;
    font-size: 14px; }
  .owl-table-slider.invoice-mobile .owl-header.select-all-block .mat-checkbox {
    margin: 0px 0 0 5px;
    position: relative;
    top: -2px; }
    .owl-table-slider.invoice-mobile .owl-header.select-all-block .mat-checkbox .mat-checkbox-frame {
      border-color: #FFFFFF; }
  .owl-table-slider.invoice-mobile .owl-header.select-all-block .d-flex {
    display: flex;
    align-items: center; }
  .owl-table-slider.invoice-mobile .owl-content .mat-checkbox {
    margin: 0 0 0 50px; }
  .owl-table-slider.invoice-mobile .owl-content a {
    color: #855BE0; }
    .owl-table-slider.invoice-mobile .owl-content a.text-purple {
      color: #855BE0; }
    .owl-table-slider.invoice-mobile .owl-content a.buyer-red {
      color: #D15F5F; }
  .owl-table-slider.invoice-mobile .mat-checkbox {
    font-family: "Optimistic Text VF"; }
    .owl-table-slider.invoice-mobile .mat-checkbox .mat-checkbox-inner-container {
      height: 12px;
      width: 12px; }
    .owl-table-slider.invoice-mobile .mat-checkbox .mat-checkbox-frame {
      border-radius: 0 !important; }
    .owl-table-slider.invoice-mobile .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
      border-radius: 0 !important; }
    .owl-table-slider.invoice-mobile .mat-checkbox .mat-checkbox-ripple {
      display: none; }
  .owl-table-slider.invoice-mobile .table-content-block.journey-block img {
    width: 40px;
    margin: 0 auto; }
  .owl-table-slider.history-mobile .table-content-block.trans-fee-block .owl-content {
    padding: 2px 10px; }
  .owl-table-slider.history-mobile .table-content-block.trans-fee-block span {
    display: flex; }
  .owl-table-slider.history-mobile .table-content-block.trans-in-out .owl-content {
    padding: 7.3px 10px; }
  .owl-table-slider.history-mobile .table-content-block.trans-in-out img {
    display: inline-block;
    width: auto; }
  .owl-table-slider.history-mobile .owl-header.fraud-flag-header {
    position: relative;
    height: 15px; }
  .owl-table-slider.history-mobile .owl-header .flag-icn {
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: 15px; }
  .owl-table-slider.history-mobile .table-content-block.fraud-flag-block .owl-content {
    padding: 6px 10px; }
    .owl-table-slider.history-mobile .table-content-block.fraud-flag-block .owl-content img {
      display: inline-block;
      width: auto; }
  .owl-table-slider.buy-invoice-mobile .owl-header {
    height: 40px;
    display: flex;
    align-items: flex-end; }
    .owl-table-slider.buy-invoice-mobile .owl-header.txt-right {
      justify-content: flex-end; }
    .owl-table-slider.buy-invoice-mobile .owl-header.flag-header {
      position: relative;
      left: 15px; }
    .owl-table-slider.buy-invoice-mobile .owl-header .flag-icn {
      position: absolute;
      top: -1px;
      font-size: 17px; }
    .owl-table-slider.buy-invoice-mobile .owl-header.approval-status {
      text-align: center;
      display: block; }
      .owl-table-slider.buy-invoice-mobile .owl-header.approval-status .status-title {
        display: flex;
        justify-content: space-between;
        margin: 10px 0 0; }
        .owl-table-slider.buy-invoice-mobile .owl-header.approval-status .status-title span {
          font-size: 8px;
          padding: 0 5px 0 0;
          flex: 1 1 0;
          text-align: center;
          align-items: center;
          justify-content: center;
          margin: 0; }
    .owl-table-slider.buy-invoice-mobile .owl-header.sale-status {
      text-align: center;
      display: block; }
      .owl-table-slider.buy-invoice-mobile .owl-header.sale-status .status-title {
        display: flex;
        justify-content: space-between;
        margin: 10px 0 0; }
        .owl-table-slider.buy-invoice-mobile .owl-header.sale-status .status-title span {
          font-size: 8px;
          padding: 0 5px 0 0;
          flex: 1 1 0;
          text-align: center;
          align-items: center;
          justify-content: center;
          margin: 0; }
        .owl-table-slider.buy-invoice-mobile .owl-header.sale-status .status-title span:nth-child(1) {
          width: 15%;
          flex: inherit; }
        .owl-table-slider.buy-invoice-mobile .owl-header.sale-status .status-title span:nth-child(2) {
          width: 30%;
          flex: inherit; }
        .owl-table-slider.buy-invoice-mobile .owl-header.sale-status .status-title span:nth-child(3) {
          width: 25%;
          flex: inherit; }
        .owl-table-slider.buy-invoice-mobile .owl-header.sale-status .status-title span:nth-child(4) {
          width: 30%;
          flex: inherit; }
    .owl-table-slider.buy-invoice-mobile .owl-header.select-all-block {
      display: block; }
      .owl-table-slider.buy-invoice-mobile .owl-header.select-all-block .radio-action {
        height: 100%; }
      .owl-table-slider.buy-invoice-mobile .owl-header.select-all-block .action-all {
        height: 100%; }
      .owl-table-slider.buy-invoice-mobile .owl-header.select-all-block .mat-radio-group {
        height: 100%;
        display: flex;
        align-items: flex-end; }
    .owl-table-slider.buy-invoice-mobile .owl-header .radio-action .mat-radio-group {
      justify-content: space-evenly;
      margin: 0 !important; }
  .owl-table-slider.buy-invoice-mobile .flag-content-block .owl-content {
    padding: 0px 10px;
    height: 40px;
    display: flex;
    align-items: center; }
    .owl-table-slider.buy-invoice-mobile .flag-content-block .owl-content .completed-flag {
      display: flex;
      align-items: center; }
    .owl-table-slider.buy-invoice-mobile .flag-content-block .owl-content .completed-flag img {
      display: inline-block;
      width: auto; }
      .owl-table-slider.buy-invoice-mobile .flag-content-block .owl-content .completed-flag img.lock-yellow {
        width: 22px;
        margin: 0 0 0 7px; }
  .owl-table-slider.buy-invoice-mobile .table-content-block.select-all-block .owl-content {
    padding: 10px; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.select-all-block .owl-content .mat-checkbox .mat-checkbox-inner-container {
      height: 14px;
      width: 14px; }
  .owl-table-slider.buy-invoice-mobile .table-content-block.approval-status .status-sign {
    display: flex;
    justify-content: space-between; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.approval-status .status-sign span {
      font-size: 11px;
      margin: 0;
      display: inline-flex;
      flex: 1 1 0;
      text-align: center;
      align-items: center;
      justify-content: center; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.approval-status .status-sign img {
      width: auto;
      display: inline-block; }
  .owl-table-slider.buy-invoice-mobile .table-content-block.approval-status .owl-content {
    padding: 0px 10px;
    height: 40px;
    display: grid; }
  .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .status-sign > {
    display: flex;
    justify-content: space-between; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .status-sign > span:nth-child(1) {
      width: 15%;
      flex: inherit; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .status-sign > span:nth-child(2) {
      width: 30%;
      flex: inherit; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .status-sign > span:nth-child(3) {
      width: 25%;
      flex: inherit; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .status-sign > span:nth-child(4) {
      width: 30%;
      flex: inherit; }
  .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .status-sign {
    display: flex;
    justify-content: space-between; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .status-sign span {
      font-size: 11px;
      margin: 0;
      display: inline-flex;
      flex: 1 1 0;
      text-align: center;
      align-items: center;
      justify-content: center; }
    .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .status-sign img {
      width: auto;
      display: inline-block; }
  .owl-table-slider.buy-invoice-mobile .table-content-block.sale-status .owl-content {
    padding: 0px 10px;
    height: 40px;
    display: grid; }
  .owl-table-slider.buy-invoice-mobile .table-content-block .radio-action .mat-radio-group {
    justify-content: space-around; }
  .owl-table-slider .owl-header {
    color: #000000;
    opacity: 01;
    font-size: 12px;
    margin-bottom: 3px;
    padding: 0 0 0 5px;
    font-weight: 500; }
  .owl-table-slider .owl-content {
    padding: 10px;
    background: #FFFFFF;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    height: 40px;
    box-sizing: border-box; }
    .owl-table-slider .owl-content.action-owl-content {
      padding: 2px 10px;
      font-size: 11px;
      display: flex;
      align-items: center;
      height: 40px; }
      .owl-table-slider .owl-content.action-owl-content .action-block span.more-act {
        display: flex; }
        .owl-table-slider .owl-content.action-owl-content .action-block span.more-act img {
          width: 25px;
          margin-right: 5px; }
      .owl-table-slider .owl-content.action-owl-content .action-block.green-txt {
        color: #855BE0; }
      .owl-table-slider .owl-content.action-owl-content .action-btn {
        color: #855BE0; }
    .owl-table-slider .owl-content .icn-block img {
      width: auto;
      filter: invert(1); }
    .owl-table-slider .owl-content.fraud-flag-body img {
      width: auto; }
    .owl-table-slider .owl-content.owl-fees-block {
      display: flex;
      align-items: center;
      padding: 0 10px;
      height: 40px;
      flex-wrap: wrap; }
      .owl-table-slider .owl-content.owl-fees-block span {
        width: 100%; }
    .owl-table-slider .owl-content.actions {
      height: 40px;
      display: flex;
      align-items: center; }
    .owl-table-slider .owl-content.in-out-content .icn-block img {
      width: auto;
      filter: inherit; }
  .owl-table-slider .owl-dots {
    position: absolute;
    top: -30px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .owl-table-slider .owl-dots .owl-dot span {
      width: 8px;
      height: 8px;
      margin: 5px 4px; }
  .owl-table-slider .owl-nav {
    position: absolute;
    bottom: -42px;
    margin-top: 0; }
    .owl-table-slider .owl-nav .owl-prev {
      color: #000000;
      background: inherit; }
      .owl-table-slider .owl-nav .owl-prev:focus, .owl-table-slider .owl-nav .owl-prev:hover {
        background: inherit;
        outline: none;
        color: #000000; }
    .owl-table-slider .owl-nav .owl-next {
      color: #000000;
      background: inherit; }
      .owl-table-slider .owl-nav .owl-next:focus, .owl-table-slider .owl-nav .owl-next:hover {
        background: inherit;
        outline: none;
        color: #000000; }
  .owl-table-slider .table-content-block.txt-right .owl-content {
    text-align: right; }
  .owl-table-slider .table-content-block.txt-center .owl-content {
    text-align: center; }
  .owl-table-slider .table-content-block.ucc-filed .owl-content img {
    width: auto;
    display: inline-block; }
  .owl-table-slider .table-content-block:last-child .owl-content {
    border-bottom: 0px dashed rgba(0, 0, 0, 0.3); }

.single-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.side-mobile {
  display: none !important; }

.side-web {
  display: block !important; }
  .side-web mat-nav-list .close {
    display: none; }

.fb-mobile {
  display: none; }
  .fb-mobile .table-carousel-block {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 35px; }
    .fb-mobile .table-carousel-block.customer-directory-block .fixed-column .single-line-clamp {
      display: -webkit-box;
      direction: inherit; }
    .fb-mobile .table-carousel-block.buyer-table-div {
      align-items: flex-end; }
    .fb-mobile .table-carousel-block .fixed-column {
      width: 80px;
      float: left;
      z-index: 9; }
      .fb-mobile .table-carousel-block .fixed-column .fixed-column-title {
        color: #000000;
        opacity: 1;
        font-size: 12px;
        margin-bottom: 5px;
        font-weight: 500; }
      .fb-mobile .table-carousel-block .fixed-column .fixed-column-contents-block {
        background: #F1F4F7;
        filter: drop-shadow(4px 0px 8px black); }
        .fb-mobile .table-carousel-block .fixed-column .fixed-column-contents-block .fixed-column-content {
          padding: 10px;
          border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
          font-size: 13px;
          font-weight: 600;
          color: #000000;
          height: 40px;
          box-sizing: border-box; }
          .fb-mobile .table-carousel-block .fixed-column .fixed-column-contents-block .fixed-column-content:last-child {
            border-bottom: 0px dashed rgba(0, 0, 0, 0.3); }
      .fb-mobile .table-carousel-block .fixed-column .single-line-clamp {
        direction: rtl;
        display: block; }
      .fb-mobile .table-carousel-block .fixed-column.select-all-block {
        width: 60px; }
        .fb-mobile .table-carousel-block .fixed-column.select-all-block .fixed-column-title {
          margin-bottom: 4px; }
          .fb-mobile .table-carousel-block .fixed-column.select-all-block .fixed-column-title span {
            justify-content: center; }
        .fb-mobile .table-carousel-block .fixed-column.select-all-block .fixed-column-contents-block .fixed-column-content {
          text-align: center; }
      .fb-mobile .table-carousel-block .fixed-column.no-drop-shadow-fixed-column .fixed-column-contents-block {
        filter: none;
        background: #FFFFFF; }
        .fb-mobile .table-carousel-block .fixed-column.no-drop-shadow-fixed-column .fixed-column-contents-block .fixed-column-content {
          border-left: 1px dashed rgba(0, 0, 0, 0.3); }
    .fb-mobile .table-carousel-block .carousel-column {
      float: left;
      margin-top: 2px; }
      .fb-mobile .table-carousel-block .carousel-column ::ng-deep owl-carousel-o .owl-stage {
        display: flex; }
      .fb-mobile .table-carousel-block .carousel-column .carousel-column-block .carousel-column-contents-block {
        background: #FFFFFF;
        z-index: 999;
        min-width: 180px; }
        .fb-mobile .table-carousel-block .carousel-column .carousel-column-block .carousel-column-contents-block .carousel-column-content {
          padding: 10px 0;
          border-bottom: 1px solid #a3aab4;
          min-width: 180px; }
      .fb-mobile .table-carousel-block .carousel-column .mat-tab-group {
        width: 100%;
        box-sizing: border-box;
        margin-top: -3px; }
        .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-header-pagination-controls-enabled {
          border: 0;
          position: unset; }
          .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
            position: absolute;
            left: 0;
            bottom: 0px;
            padding: 10px;
            box-sizing: border-box;
            box-shadow: none;
            border: 0; }
            .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination .mat-tab-header-pagination-chevron {
              border-color: rgba(1, 123, 255, 0.87); }
            .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination.mat-tab-header-pagination-after {
              left: 30px; }
            .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
              border-color: rgba(1, 123, 255, 0.38); }
        .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-labels {
          display: flex;
          justify-content: flex-start; }
          .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-labels .mat-tab-label {
            height: auto;
            width: 180px;
            padding: 0;
            cursor: pointer;
            box-sizing: border-box;
            opacity: .6;
            text-align: left;
            display: inline-flex;
            justify-content: flex-start;
            align-items: center;
            white-space: nowrap;
            position: relative;
            font-family: "Optimistic Text VF" !important;
            font-size: 12px;
            margin-bottom: 3px; }
        .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-ink-bar {
          height: 0;
          visibility: hidden; }
        .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-body-wrapper {
          z-index: -1; }
        .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-body .tab-txt {
          opacity: 0.6;
          color: #FFFFFF;
          font-size: 12px;
          margin-bottom: 5px;
          font-family: "Optimistic Text VF" !important;
          display: block; }
        .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-body .carousel-column-contents-block {
          background: #FFFFFF; }
          .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-body .carousel-column-contents-block .carousel-column-content {
            border-bottom: 1px solid #a3aab4;
            min-width: 180px;
            font-size: 14px;
            font-family: "Optimistic Text VF" !important;
            font-weight: 600;
            color: #000000; }
            .fb-mobile .table-carousel-block .carousel-column .mat-tab-group ::ng-deep .mat-tab-body .carousel-column-contents-block .carousel-column-content span {
              padding: 10px 0 10px 15px;
              display: block; }
      .fb-mobile .table-carousel-block .carousel-column .owl-content .verify-btn {
        margin: 0 !important;
        line-height: inherit !important;
        box-sizing: border-box !important;
        max-width: 70px;
        border: 1px solid #855BE0;
        min-height: auto;
        padding: 0px 0; }
    .fb-mobile .table-carousel-block .mat-checkbox.mat-checkbox-disabled {
      cursor: not-allowed !important; }
      .fb-mobile .table-carousel-block .mat-checkbox.mat-checkbox-disabled .mat-checkbox-background {
        background-color: #bcbcbd !important; }
    .fb-mobile .table-carousel-block .mat-checkbox .mat-checkbox-ripple {
      display: none; }
    .fb-mobile .table-carousel-block .mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
      background-color: #855BE0 !important; }
      .fb-mobile .table-carousel-block .mat-checkbox.mat-checkbox-checked .mat-checkbox-background svg {
        display: none; }
    .fb-mobile .table-carousel-block .mat-checkbox .mat-checkbox-frame {
      border: 2px solid #000000;
      border-radius: 4px !important; }
    .fb-mobile .table-carousel-block .mat-checkbox .mat-checkbox-background {
      border: 2px solid #000000;
      border-radius: 4px !important;
      background-color: #F1F4F7; }
    .fb-mobile .table-carousel-block.queued-carousel-block .buyer-list-view {
      display: flex; }
  .fb-mobile .tab-dots-block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px; }
    .fb-mobile .tab-dots-block .mat-tab-dot {
      color: #9FA7B3;
      width: 8px;
      height: 8px;
      font-size: 8px;
      margin-right: 5px;
      border-radius: 50%; }
      .fb-mobile .tab-dots-block .mat-tab-dot.active {
        color: #7B7C9E !important; }
  .fb-mobile .bulk-menu {
    margin: 0 0 15px 0 !important; }
  .fb-mobile .refresh-block p {
    font-size: 12px; }
  .fb-mobile .search-block {
    width: 50px; }
    .fb-mobile .search-block .search-box {
      justify-content: flex-end; }
      .fb-mobile .search-block .search-box.seach-onclick > .search-input {
        width: 100%;
        transition: 0.2s; }
        .fb-mobile .search-block .search-box.seach-onclick > .search-input::placeholder {
          color: #000000 !important; }
      .fb-mobile .search-block .search-box .search-input {
        transition: inherit; }
  .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block {
    width: 130px; }
    .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block {
      display: flex !important;
      align-items: center;
      background-color: #F1F4F7;
      padding-left: 0; }
      .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block .buyer-circle {
        margin: 0 5px 0 0 !important;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center;
        font-size: 12px;
        font-weight: 500;
        color: #212349 !important;
        border: 2px solid white; }
        .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block .buyer-circle.surf-score-2 {
          border-color: #8347D9; }
        .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block .buyer-circle.surf-score-3 {
          border-color: #427F47; }
        .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block .buyer-circle.surf-score-4 {
          border-color: #E3C654; }
        .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block .buyer-circle.surf-score-5 {
          border-color: #E86A4A; }
        .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block .buyer-circle.surf-score-10 {
          border-color: #9E1616; }
        .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block .buyer-circle.surf-score-na {
          border-color: #5C6067; }
      .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .buyer-block .buyer-name {
        display: block;
        width: calc(100% - 60px);
        direction: ltr;
        font-size: 12px; }
    .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .company-block {
      display: flex !important;
      align-items: center; }
      .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .company-block .company-circle {
        margin: 0 5px 0 0 !important;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center;
        font-size: 12px;
        font-weight: 500;
        color: #212349 !important; }
      .fb-mobile .dashboard-table-div .fixed-column.fixed-buyer-block .company-block .company-name {
        display: block;
        width: calc(100% - 25px);
        direction: ltr;
        font-size: 12px; }
  .fb-mobile .dashboard-table-div .fixed-column.select-all-block .fixed-column-title span {
    justify-content: flex-start;
    padding-left: 10px; }
  .fb-mobile .dashboard-table-div .fixed-column.select-all-block .fixed-column-contents-block .fixed-column-content {
    display: flex;
    align-items: center; }
  .fb-mobile .buyer-list-view {
    display: flex; }
  .fb-mobile .history-seller-table .table-carousel-block .fixed-column .single-line-clamp {
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap; }

.fb-web {
  display: block; }

.text-purple {
  color: #855BE0 !important;
  font-weight: 500; }

.text-red {
  color: #D15F5F !important;
  font-weight: 500; }

.testimonial-sec .owl-item.active.center .item {
  opacity: 1 !important;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }
.testimonial-sec .owl-dots {
  display: inline-block !important;
  width: 100%;
  text-align: center; }
  .testimonial-sec .owl-dots .owl-dot {
    display: inline-block; }
    .testimonial-sec .owl-dots .owl-dot:hover span {
      background: #3190E7;
      transform: translate3d(0px, -50%, 0px) scale(0.7); }
    .testimonial-sec .owl-dots .owl-dot.active span {
      background: #3190E7;
      transform: translate3d(0px, -50%, 0px) scale(0.7); }
    .testimonial-sec .owl-dots .owl-dot span {
      background: #3190E7;
      display: inline-block !important;
      height: 20px;
      margin: 0 2px 5px;
      transform: translate3d(0px, -50%, 0px) scale(0.3);
      transform-origin: 50% 50% 0;
      transition: all 250ms ease-out 0s;
      width: 20px;
      border-radius: 0; }

.mbe-list-paginator .mat-paginator-range-label,
.mbe-list-paginator .mat-paginator-page-size-label {
  color: #000000; }

@media only screen and (max-width: 767px) {
  .side-web,
  .fb-web {
    display: none !important; }

  .collapsed-sidebar-body .side-mobile {
    width: auto !important; }

  .side-mobile {
    width: 100%;
    display: block !important; }
    .side-mobile mat-nav-list .close {
      float: right; }

  .fb-mobile {
    display: block !important; }
    .fb-mobile .mat-paginator {
      width: 100% !important;
      max-width: 100%; }
      .fb-mobile .mat-paginator .mat-paginator-container {
        margin: 0 !important;
        padding: 0;
        width: 100%;
        justify-content: flex-start; }
    .fb-mobile.history-section .toggle-header {
      flex-direction: column;
      flex-wrap: wrap;
      align-items: flex-start; }
      .fb-mobile.history-section .toggle-header .toggle-block {
        margin: 20px 0 0 0px; }
        .fb-mobile.history-section .toggle-header .toggle-block .mat-button-toggle-button {
          font-size: 8px;
          padding: 5px 15px !important; }

  .blue-bg .invoice-mobile-screen .footer-block .set-auction-term-block {
    flex-wrap: wrap; }
    .blue-bg .invoice-mobile-screen .footer-block .set-auction-term-block button {
      margin: 15px 0 0 !important; } }
@media screen and (max-width: 767px) {
  .buy-invoice-block .mat-table-div .invoice-table-div .mat-table {
    width: 100% !important;
    display: flex !important; }
    .buy-invoice-block .mat-table-div .invoice-table-div .mat-table thead tr {
      display: flex;
      flex-direction: column;
      height: 100%; }
      .buy-invoice-block .mat-table-div .invoice-table-div .mat-table thead tr th {
        height: 55px;
        border-bottom: 1px solid #4F5963 !important;
        display: flex;
        flex-direction: column;
        justify-content: center; }
    .buy-invoice-block .mat-table-div .invoice-table-div .mat-table thead tr.mat-header-row {
      height: 36px; }
    .buy-invoice-block .mat-table-div .invoice-table-div .mat-table tbody {
      display: flex;
      overflow-x: scroll;
      overflow-y: hidden; }
      .buy-invoice-block .mat-table-div .invoice-table-div .mat-table tbody tr {
        display: flex;
        flex-direction: column; }
        .buy-invoice-block .mat-table-div .invoice-table-div .mat-table tbody tr td {
          height: 55px;
          min-height: 55px;
          width: 190px;
          text-align: left !important; }
          .buy-invoice-block .mat-table-div .invoice-table-div .mat-table tbody tr td:last-child {
            border-right: 1px solid #4F5963 !important; }
        .buy-invoice-block .mat-table-div .invoice-table-div .mat-table tbody tr:last-child td {
          border-bottom: 1px solid #4F5963 !important; }
  .buy-invoice-block .table-carousel-block .fixed-column .fixed-column-title {
    height: 40px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; }

  .invoices .filters {
    min-width: 100% !important;
    max-width: 100% !important; }
    .invoices .filters .filter-block .filter-input-field .select-invoice-status-block {
      top: 8px;
      left: 110px;
      right: inherit;
      bottom: inherit; }
    .invoices .filters .mat-expansion-panel .mat-expansion-panel-header:hover {
      background-color: transparent; }

  .manage_invoices {
    float: left !important;
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    clear: both !important;
    margin: 10px 0 0;
    padding: 0 0 0 5px;
    box-sizing: border-box; }

  .mat-table-div + .bottom-block {
    flex-direction: column;
    align-items: flex-start !important; }
    .mat-table-div + .bottom-block .mbe-list-paginator {
      width: 100% !important;
      max-width: 100%; }
      .mat-table-div + .bottom-block .mbe-list-paginator .mat-paginator-container {
        margin: 0;
        padding: 0;
        width: 100%;
        justify-content: flex-start; }
        .mat-table-div + .bottom-block .mbe-list-paginator .mat-paginator-container .mat-paginator-page-size-label {
          color: #000000; }
      .mat-table-div + .bottom-block .mbe-list-paginator .mat-paginator-range-label {
        margin: 0 10px 0 10px;
        color: #000000; }
  .mat-table-div .bottom-block {
    flex-direction: column;
    align-items: flex-start !important; }
    .mat-table-div .bottom-block .mbe-list-paginator {
      width: 100% !important;
      max-width: 100%; }
      .mat-table-div .bottom-block .mbe-list-paginator .mat-paginator-container {
        margin: 0;
        padding: 0;
        width: 100%;
        justify-content: flex-start; }
        .mat-table-div .bottom-block .mbe-list-paginator .mat-paginator-container .mat-paginator-page-size-label {
          color: #000000; }
      .mat-table-div .bottom-block .mbe-list-paginator .mat-paginator-range-label {
        margin: 0 10px 0 10px;
        color: #000000; }

  .verify-address-block .simplebar-wrapper {
    width: 100%;
    margin: 0; }

  .header .float-left h6 {
    display: none; }
  .header ul li.user .avatar {
    display: none; }
  .header ul li.user .desk-user-dropdown {
    display: none; }

  .table-footer-block .bottom-block {
    display: block;
    width: 100%; }
  .table-footer-block .set-auction-term-block {
    flex-direction: column;
    width: 100%;
    padding: 0 10px 0;
    flex-wrap: wrap;
    white-space: pre-wrap !important;
    box-sizing: border-box; }
    .table-footer-block .set-auction-term-block .selected-invoices-value {
      display: flex;
      width: 100%;
      margin: 0 0 15px;
      flex-wrap: wrap; }
      .table-footer-block .set-auction-term-block .selected-invoices-value .select-auction-block {
        margin-right: 0; }
        .table-footer-block .set-auction-term-block .selected-invoices-value .select-auction-block:first-child {
          margin-bottom: 10px; }
    .table-footer-block .set-auction-term-block button.post-for-sale-btn {
      margin: 0 0 10px !important; } }
  @media screen and (max-width: 767px) and (max-width: 450px) {
    .table-footer-block .set-auction-term-block {
      padding: 0; } }

@media screen and (max-width: 767px) {
  .backdrop-invoice-info-tooltip + .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
    top: 0 !important; }

  .backdrop-sell-invoice-info-menu + .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
    top: auto !important;
    bottom: 20px !important;
    left: 0 !important; } }
@media screen and (min-width: 1400px) {
  body #hubspot-messages-iframe-container.widget-align-left {
    bottom: 90px !important; } }
@media screen and (max-height: 768px) {
  body #hubspot-messages-iframe-container.widget-align-left {
    bottom: 35px !important; } }
@media screen and (min-width: 600px) and (max-width: 1400px) {
  body #hubspot-messages-iframe-container.widget-align-left {
    bottom: 90px !important;
    z-index: 1; } }
@media screen and (min-width: 600px) {
  body .uwy.userway_p5 .uai {
    top: inherit !important;
    bottom: 0 !important;
    right: inherit !important;
    left: 23px !important;
    transform: translate(0%, 0%) !important; }
    body .uwy.userway_p5 .uai .uhd span.uw-exception-class {
      border-radius: 0 4px 4px 0 !important; }
  body .uwy.userway_p5 .uhd {
    right: inherit !important;
    left: 40px !important; }
  body .uwy.userway_p5.userway_hidden .uai {
    top: inherit !important;
    bottom: 90px !important;
    right: inherit !important;
    left: 23px !important;
    transform: translate(-50px, 200%) !important; }
    body .uwy.userway_p5.userway_hidden .uai:hover {
      transform: translate(0%, 200%) !important; } }
@media screen and (max-width: 600px) {
  body .uwy.userway_p5 .uai {
    top: inherit !important;
    bottom: 15px !important;
    right: inherit !important;
    left: 23px !important;
    transform: translate(0%, 0%) !important; }
    body .uwy.userway_p5 .uai .uhd span.uw-exception-class {
      border-radius: 0 4px 4px 0 !important; }
  body .uwy.userway_p5 .uhd {
    right: inherit !important;
    left: 40px !important; }
  body .uwy.userway_p5.userway_hidden .uai {
    top: inherit !important;
    bottom: 90px !important;
    right: inherit !important;
    left: 23px !important;
    transform: translate(-50px, 200%) !important; }
    body .uwy.userway_p5.userway_hidden .uai:hover {
      transform: translate(0%, 200%) !important; }
  body #hubspot-messages-iframe-container.widget-align-left {
    bottom: 0 !important;
    left: inherit !important;
    right: 0 !important; } }
@media screen and (min-width: 767px) {
  .header ul li.user .mob-user-dropdown,
  .header ul li.user .mob-unread-notification {
    display: none; } }
@media screen and (max-width: 450px) {
  .manage_invoices {
    padding: 0; } }
.num-txt {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  direction: rtl; }

.no-brdr-input.mat-form-field-appearance-legacy {
  height: 42px;
  padding: 0px 0px 0px 10px; }
  .no-brdr-input.mat-form-field-appearance-legacy input,
  .no-brdr-input.mat-form-field-appearance-legacy .mat-select {
    height: 42px;
    color: #000000; }
  .no-brdr-input.mat-form-field-appearance-legacy .mat-select.ng-touched,
  .no-brdr-input.mat-form-field-appearance-legacy .mat-input-element.ng-touched {
    border-bottom: 1px solid #000000 !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-radius: 0 !important; }
  .no-brdr-input.mat-form-field-appearance-legacy .amt-currency-txt {
    right: 0;
    position: absolute;
    color: #000000;
    font-size: 14px; }
  .no-brdr-input.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0;
    height: 42px; }
  .no-brdr-input.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0 0;
    border: 0; }
  .no-brdr-input.mat-form-field-appearance-legacy.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    display: none; }
  .no-brdr-input.mat-form-field-appearance-legacy .mat-form-field-underline {
    height: 0; }
  .no-brdr-input.mat-form-field-appearance-legacy .mat-form-field-ripple {
    height: 0 !important; }
  .no-brdr-input.mat-form-field-appearance-legacy.mat-form-field-invalid input,
  .no-brdr-input.mat-form-field-appearance-legacy.mat-form-field-invalid .mat-select {
    border-bottom: 1px solid #D15F5F !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important; }
  .no-brdr-input.mat-form-field-appearance-legacy .mat-select-value {
    line-height: 42px; }
  .no-brdr-input.mat-form-field-appearance-legacy .mat-select-value,
  .no-brdr-input.mat-form-field-appearance-legacy .mat-select-placeholder {
    height: 42px; }
  .no-brdr-input.mat-form-field-appearance-legacy .mat-select ~ .mat-form-field-label-wrapper {
    top: 0;
    padding-top: 0; }
.no-brdr-input.mat-form-field-appearance-fill .mat-form-field-wrapper {
  height: 42px;
  padding: 0; }
.no-brdr-input.mat-form-field-appearance-fill .mat-form-field-flex {
  background: transparent;
  padding: 0; }
  .no-brdr-input.mat-form-field-appearance-fill .mat-form-field-flex .mat-select {
    height: 42px; }
    .no-brdr-input.mat-form-field-appearance-fill .mat-form-field-flex .mat-select .mat-select-trigger .mat-select-value .mat-select-value-text {
      font-family: "Optimistic Text VF"; }
    .no-brdr-input.mat-form-field-appearance-fill .mat-form-field-flex .mat-select .mat-select-trigger .mat-select-arrow-wrapper {
      transform: translateY(0%); }
.no-brdr-input.mat-form-field-appearance-fill .mat-form-field-underline::before {
  height: 0px !important; }
.no-brdr-input.mat-form-field-appearance-fill .mat-form-field-underline .mat-form-field-ripple {
  height: 0px; }

.mat-form-field-should-float .mat-form-field-label mat-label,
.mat-form-field-should-float .mat-form-field-label span {
  display: none; }

.bank-blnc-input.mat-form-field-appearance-legacy {
  border: 1px solid #DCE6F0;
  height: 42px;
  position: relative;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 6px; }
  .bank-blnc-input.mat-form-field-appearance-legacy input {
    height: 42px;
    color: #855BE0;
    font-size: 15px;
    margin-top: 5px; }
  .bank-blnc-input.mat-form-field-appearance-legacy .bank-name {
    top: 5px;
    right: 0;
    position: absolute;
    font-size: 12px;
    color: #855BE0; }
  .bank-blnc-input.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0;
    height: 42px; }
  .bank-blnc-input.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0 0;
    border: 0; }
  .bank-blnc-input.mat-form-field-appearance-legacy.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    display: none; }
  .bank-blnc-input.mat-form-field-appearance-legacy .mat-form-field-underline {
    height: 0; }
  .bank-blnc-input.mat-form-field-appearance-legacy .mat-form-field-ripple {
    height: 0; }

.mat-radio-button .mat-radio-label-content {
  color: #000000; }
.mat-radio-button .mat-radio-outer-circle {
  border-color: #000000 !important; }
.mat-radio-button.mat-radio-checked .mat-radio-inner-circle {
  background-color: #855BE0 !important; }
.mat-radio-button.mat-radio-checked .mat-radio-outer-circle {
  border-color: #855BE0 !important; }

.expanded-btn-group .expanded-arrow-btn {
  margin: -4px 5px 0 0 !important;
  background: transparent !important;
  width: auto;
  display: flex;
  min-height: 16px;
  height: 16px; }
  .expanded-btn-group .expanded-arrow-btn .mat-button-wrapper {
    margin-top: 0 !important; }
    .expanded-btn-group .expanded-arrow-btn .mat-button-wrapper .mat-icon {
      font-size: 20px;
      line-height: 20px;
      width: 20px;
      height: 20px; }

.mat-column-expandedDetail {
  background: linear-gradient(180deg, #DEE3E9 0%, #CBD2D9 100%) !important; }
  .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table {
    background: transparent;
    width: auto;
    float: right; }
    .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table thead {
      background: transparent !important; }
      .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table thead .mat-header-row th {
        box-shadow: none; }
        .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table thead .mat-header-row th.border-none {
          border: none; }
      .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table thead tr.mat-header-row {
        height: 36px; }
    .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table tbody .mat-row:hover td {
      background-color: inherit; }
    .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table tbody .mat-row td.border-none {
      border: none; }
    .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table tbody .mat-row td.mat-column-blank_data {
      width: 46px; }
    .mat-column-expandedDetail .example-element-detail .example-element-description .mat-table tbody .mat-row td span {
      margin: 0; }

.search-block {
  width: 250px;
  position: relative; }
  .search-block .mat-form-field {
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 15px;
    overflow: hidden;
    margin: 0 0; }
    .search-block .mat-form-field.password-field {
      margin: 0 0 24px; }
    .search-block .mat-form-field img {
      top: 16px; }
    .search-block .mat-form-field .mat-form-field-wrapper {
      padding-bottom: 0;
      margin-top: 0 !important; }
    .search-block .mat-form-field .mat-form-field-infix {
      border-top: 0;
      padding: 0;
      height: 27px;
      display: flex; }
      .search-block .mat-form-field .mat-form-field-infix input {
        font-size: 12px;
        font-weight: 400;
        font-family: "Optimistic Text VF";
        color: #000000;
        box-sizing: border-box;
        padding: 3px 20px 0;
        caret-color: #000000;
        height: 30px; }
    .search-block .mat-form-field .mat-form-field-underline {
      display: none; }
    .search-block .mat-form-field .mat-form-field-label-wrapper {
      top: 0px;
      padding-top: 0px; }
      .search-block .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label {
        margin: -3px 0 0;
        padding: 0 20px 0;
        opacity: 1 !important;
        transition: 0.3s ease-in !important;
        top: 7px;
        left: 0px; }
        .search-block .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label span {
          font-size: 14px;
          font-weight: 400;
          font-family: "Optimistic Text VF";
          color: #000000;
          box-sizing: border-box;
          font-size: 12px;
          background-color: inherit; }
    .search-block .mat-form-field.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
      opacity: 0 !important;
      transition: 0.3s ease-in !important; }
    .search-block .mat-form-field.mat-form-field-invalid {
      border-color: #D15F5F; }
      .search-block .mat-form-field.mat-form-field-invalid .mat-form-field-label-wrapper .mat-form-field-label span {
        color: #D15F5F; }
  .search-block.dash-search-block {
    margin-right: 15px; }
    .search-block.dash-search-block .mat-form-field {
      background-color: transparent;
      border: 1px solid #000000; }
      .search-block.dash-search-block .mat-form-field .mat-form-field-infix input {
        color: #000000 !important;
        caret-color: #000000; }
      .search-block.dash-search-block .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label span {
        color: #000000; }
  .search-block form {
    position: relative;
    width: 100%; }
  .search-block .search-box {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background: #FFFFFF;
    height: 30px;
    border-radius: 50px;
    padding: 0 5px;
    display: flex; }
  .search-block .search-btn {
    width: auto;
    height: auto;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 2s; }
    .search-block .search-btn mat-icon {
      font-size: 20px;
      width: 20px;
      height: 20px; }
  .search-block .search-input {
    border: none !important;
    background: none;
    outline: none;
    padding: 0;
    color: #000000 !important;
    font-size: 12px !important;
    transition: 0.4s;
    line-height: 30px;
    width: 0;
    border: none !important; }
    .search-block .search-input::placeholder {
      color: #000000 !important; }
  .search-block .search-box.seach-onclick > .search-input {
    width: 180px;
    padding: 0 7px; }
  .search-block .mat-icon {
    color: #000000; }

.terms-conditions-block {
  color: #000000; }
  .terms-conditions-block p,
  .terms-conditions-block a,
  .terms-conditions-block li {
    font-size: 10px;
    font-family: "Optimistic Text VF";
    margin: 5px 0; }
  .terms-conditions-block a {
    color: #855BE0; }
  .terms-conditions-block ul {
    padding: 0 0 0 15px; }
    .terms-conditions-block ul li {
      color: #000000; }

.mat-calendar-body-selected {
  background-color: #855BE0 !important;
  color: #FFFFFF !important; }

@media screen and (min-width: 1000px) {
  .collapsed-sidebar-body .mat-drawer-container {
    overflow: hidden; }
    .collapsed-sidebar-body .mat-drawer-container.settings-sidenav-container {
      overflow: hidden; } }
@media screen and (min-width: 1000px) {
  .collapsed-sidebar-body .mat-drawer .mat-drawer-inner-container {
    overflow: visible; } }
.collapsed-sidebar-body .mat-drawer.mat-drawer-opened .mat-nav-list ul li a:hover .menu-tooltip {
  opacity: 1;
  visibility: visible; }

.blue-bg .mat-table-div .invoice-table-div .mat-table td.mat-column-action .bidnow {
  min-width: fit-content !important;
  padding: 5px 15px !important;
  text-align: left !important; }
.blue-bg .invoices.activity .activity-dropdown .mat-form-field-infix {
  border: 1px solid #FFFFFF;
  color: #FFFFFF; }
  .blue-bg .invoices.activity .activity-dropdown .mat-form-field-infix .mat-select-value {
    color: #FFFFFF !important; }
.blue-bg .invoices.activity .no-invoice {
  text-align: center;
  color: #FFFFFF; }
.blue-bg .invoices .add-invoice-button button {
  background-color: #8687a6 !important;
  max-width: 130px;
  min-width: 90px;
  text-align: center; }
  .blue-bg .invoices .add-invoice-button button span {
    min-width: auto; }
.blue-bg .invoices .apply-btn {
  background-color: #855BE0 !important;
  max-width: 100px;
  min-width: 90px;
  text-align: center;
  margin: 15px 0 15px 100px !important;
  min-height: 0;
  max-height: 30px;
  line-height: 27px; }
  .blue-bg .invoices .apply-btn span {
    min-width: auto; }
.blue-bg .invoices .manage_invoices label {
  color: #a3aab4 !important; }
  .blue-bg .invoices .manage_invoices label span {
    background: none; }
.blue-bg .invoices .manage_invoices .search {
  color: #a3aab4 !important; }
.blue-bg .invoices .mat-chip-list {
  display: flex;
  align-items: center;
  width: calc(100% - 11%); }
  .blue-bg .invoices .mat-chip-list .mat-chip-list-wrapper {
    width: 100%; }
  .blue-bg .invoices .mat-chip-list .mat-chip.white {
    background-color: #BEBBCC !important;
    color: #585685 !important;
    border: 1px solid #a3aab4;
    line-height: 24px;
    min-width: fit-content;
    padding: 0 15px; }
  .blue-bg .invoices .mat-chip-list .mat-chip .mat-icon {
    height: auto;
    font-size: 13px;
    top: 4px;
    width: 15px;
    position: relative;
    cursor: pointer;
    color: #585685 !important; }
    .blue-bg .invoices .mat-chip-list .mat-chip .mat-icon.round-select {
      top: 3px; }
.blue-bg .invoices .footer-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px; }
  .blue-bg .invoices .footer-block .mat-paginator {
    background-color: transparent !important;
    display: inline-block; }
    .blue-bg .invoices .footer-block .mat-paginator .mat-paginator-container {
      color: #FFFFFF; }
      .blue-bg .invoices .footer-block .mat-paginator .mat-paginator-container .mat-select-value {
        color: #FFFFFF; }
      .blue-bg .invoices .footer-block .mat-paginator .mat-paginator-container .mat-select-arrow {
        color: #FFFFFF; }
    .blue-bg .invoices .footer-block .mat-paginator .mat-paginator-range-label,
    .blue-bg .invoices .footer-block .mat-paginator .mat-paginator-page-size-label {
      color: #000000; }
  .blue-bg .invoices .footer-block .set-auction-term-block {
    white-space: nowrap;
    display: flex;
    align-items: center;
    font-family: "Optimistic Text VF"; }
    .blue-bg .invoices .footer-block .set-auction-term-block .select-auction-block {
      border-right: 1px solid #FFFFFF;
      margin-right: 10px;
      color: #FFFFFF; }
      .blue-bg .invoices .footer-block .set-auction-term-block .select-auction-block span {
        color: #855BE0;
        padding-right: 10px; }
        .blue-bg .invoices .footer-block .set-auction-term-block .select-auction-block span.disabled {
          opacity: 0.4; }
      .blue-bg .invoices .footer-block .set-auction-term-block .select-auction-block:last-of-type {
        margin-right: 20px;
        border-right: 0px solid #FFFFFF; }
    .blue-bg .invoices .footer-block .set-auction-term-block button {
      margin: 0 !important;
      font-family: "Optimistic Text VF"; }
.blue-bg .invoices .mat-table {
  box-shadow: 0px 11px 36px #1e1e1e !important; }
  .blue-bg .invoices .mat-table th,
  .blue-bg .invoices .mat-table td {
    color: #000000 !important; }
    .blue-bg .invoices .mat-table th .purple,
    .blue-bg .invoices .mat-table td .purple {
      color: #FFFFFF !important; }
    .blue-bg .invoices .mat-table th.text-purple,
    .blue-bg .invoices .mat-table td.text-purple {
      color: #855BE0 !important;
      font-weight: 500; }
  .blue-bg .invoices .mat-table .mat-checkbox-frame {
    border-color: #FFFFFF !important; }
  .blue-bg .invoices .mat-table tr:hover td, .blue-bg .invoices .mat-table tr.activated td {
    background-color: #DEE3E9 !important; }
  .blue-bg .invoices .mat-table tr:hover mat-icon.search, .blue-bg .invoices .mat-table tr.activated mat-icon.search {
    color: #000000 !important; }
  .blue-bg .invoices .mat-table tr td.mat-column-action {
    text-align: left; }
  .blue-bg .invoices .mat-table tr .mat-column-selectInvoice .mat-checkbox-inner-container {
    height: 20px;
    width: 20px; }
  .blue-bg .invoices .mat-table tr .mat-column-selectInvoice .mat-checkbox-frame {
    border-radius: 5px !important; }
  .blue-bg .invoices .mat-table tr .mat-column-selectInvoice .mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #855BE0 !important;
    border-radius: 4px !important;
    border: 2px solid #FFFFFF; }
    .blue-bg .invoices .mat-table tr .mat-column-selectInvoice .mat-checkbox-checked.mat-accent .mat-checkbox-background .mat-checkbox-checkmark {
      display: none; }
  .blue-bg .invoices .mat-table mat-icon.search {
    color: #000000 !important; }
  .blue-bg .invoices .mat-table.funder-mat-table {
    background: #855BE0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0; }
    .blue-bg .invoices .mat-table.funder-mat-table th,
    .blue-bg .invoices .mat-table.funder-mat-table td {
      color: #FFFFFF !important; }
      .blue-bg .invoices .mat-table.funder-mat-table th .purple,
      .blue-bg .invoices .mat-table.funder-mat-table td .purple {
        color: #FFFFFF !important; }
      .blue-bg .invoices .mat-table.funder-mat-table th.text-purple,
      .blue-bg .invoices .mat-table.funder-mat-table td.text-purple {
        color: #855BE0 !important;
        font-weight: 500; }
    .blue-bg .invoices .mat-table.funder-mat-table tr:hover td, .blue-bg .invoices .mat-table.funder-mat-table tr.activated td {
      background-color: #3E6C77 !important; }
    .blue-bg .invoices .mat-table.funder-mat-table tr:hover mat-icon.search, .blue-bg .invoices .mat-table.funder-mat-table tr.activated mat-icon.search {
      color: #FFFFFF !important; }
    .blue-bg .invoices .mat-table.funder-mat-table tr:hover .bidnow,
    .blue-bg .invoices .mat-table.funder-mat-table tr:hover .action-btn, .blue-bg .invoices .mat-table.funder-mat-table tr.activated .bidnow,
    .blue-bg .invoices .mat-table.funder-mat-table tr.activated .action-btn {
      background-color: #DEE3E9 !important;
      color: #855BE0 !important; }
    .blue-bg .invoices .mat-table.funder-mat-table tr td.mat-column-action {
      text-align: left; }
      .blue-bg .invoices .mat-table.funder-mat-table tr td.mat-column-action .action-btn {
        background: #F1F4F7;
        color: #855BE0; }
    .blue-bg .invoices .mat-table.funder-mat-table tr .mat-column-selectInvoice .mat-checkbox-frame {
      border-radius: 5px !important;
      border: 1px solid #FFFFFF !important; }
    .blue-bg .invoices .mat-table.funder-mat-table tr .mat-column-selectInvoice .mat-checkbox-checked.mat-accent .mat-checkbox-background {
      background-color: #855BE0 !important;
      border-radius: 5px !important;
      border: 1px solid #FFFFFF; }
      .blue-bg .invoices .mat-table.funder-mat-table tr .mat-column-selectInvoice .mat-checkbox-checked.mat-accent .mat-checkbox-background .mat-checkbox-checkmark {
        display: none; }
.blue-bg .invoices .funder-table-div .mat-paginator {
  background: transparent;
  color: #000000; }
  .blue-bg .invoices .funder-table-div .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select .mat-select .mat-select-trigger .mat-select-value {
    color: #a3aab4; }
  .blue-bg .invoices .funder-table-div .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select .mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow {
    color: #a3aab4; }
  .blue-bg .invoices .funder-table-div .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select ::ng-deep .mat-form-field-wrapper .mat-form-field-underline {
    background-color: #a3aab4; }
.blue-bg .invoices .funder-table-div ::ng-deep .mat-paginator .mat-select-trigger,
.blue-bg .invoices .funder-table-div ::ng-deep .mat-paginator-page-size .mat-select-trigger {
  color: #a3aab4; }
.blue-bg .invoices .funder-table-div ::ng-deep .mat-paginator-range-label,
.blue-bg .invoices .funder-table-div ::ng-deep .mat-paginator-page-size-label {
  color: #000000; }
.blue-bg .mat-sidenav-content {
  background-image: linear-gradient(to bottom, #1e2158, #1e2158); }
  .blue-bg .mat-sidenav-content .header .float-left h6 {
    color: #FFFFFF; }
  .blue-bg .mat-sidenav-content .header ul li a {
    color: #FFFFFF; }
  .blue-bg .mat-sidenav-content .header ul li .seller-badge {
    color: #FFFFFF; }
  .blue-bg .mat-sidenav-content .title_heading {
    color: #FFFFFF; }
  .blue-bg .mat-sidenav-content .invoices .filters input {
    border: 1px solid #FFFFFF !important; }
    .blue-bg .mat-sidenav-content .invoices .filters input.error-border {
      border: 1px solid red !important; }
  .blue-bg .mat-sidenav-content .invoices .filters mat-icon.search {
    color: #FFFFFF; }
.blue-bg .simplebar-scrollbar:before {
  background: #000000; }
.blue-bg .document-library-table .simplebar-scrollbar:before {
  background: #000000; }
.blue-bg .dashboard .dashboard-body .mat-card.normal {
  box-shadow: none !important; }
.blue-bg .dashboard .dashboard-body .mat-card.activity {
  box-shadow: none !important; }
.blue-bg .dashboard .dashboard-body .mat-card.industry-update {
  box-shadow: none !important; }
.blue-bg .dashboard .dashboard-body .mat-card.gradient {
  box-shadow: none !important; }
.blue-bg .dashboard .dashboard-body .mat-card.gradient-grey {
  box-shadow: none !important; }
.blue-bg .dashboard .dashboard-body .mat-card.gradient-green {
  box-shadow: none !important; }
.blue-bg .dashboard .dashboard-body .mat-card.gradient-orange {
  box-shadow: none !important; }
.blue-bg .dashboard .dashboard-body .mat-card.gradient-pitch {
  box-shadow: none !important; }
.blue-bg .dashboard .dashboard-body .mat-card.gradient-blue {
  box-shadow: none !important; }
.blue-bg .take-back,
.blue-bg .go-back {
  color: #000000 !important; }

.blue-bg .invoices .mat-table.funder-bg-table {
  background-color: #855BE0; }
  .blue-bg .invoices .mat-table.funder-bg-table th {
    color: #a3aab4 !important; }
  .blue-bg .invoices .mat-table.funder-bg-table td.text-purple {
    color: #855BE0 !important; }
  .blue-bg .invoices .mat-table.funder-bg-table td {
    color: #a3aab4 !important; }
  .blue-bg .invoices .mat-table.funder-bg-table .action-btn {
    background-color: #855BE0 !important; }
  .blue-bg .invoices .mat-table.funder-bg-table tr:hover td {
    background-color: #DEE3E9 !important; }
  .blue-bg .invoices .mat-table.funder-bg-table tr:hover .action-btn {
    background-color: #DEE3E9 !important;
    color: #855BE0 !important; }

.mat-column-check_box .mat-checkbox-frame {
  border-radius: 5px !important;
  border: 1px solid #a3aab4 !important; }
.mat-column-check_box .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #855BE0 !important;
  border-radius: 5px !important;
  border: 1px solid #a3aab4; }
  .mat-column-check_box .mat-checkbox-checked.mat-accent .mat-checkbox-background .mat-checkbox-checkmark {
    display: none; }

.blue-bg .invoices .mat-table.contact-table {
  border-radius: 20px 20px 0 0; }

.crowdz-web .no-invoice-data {
  color: #000000 !important; }

.mat-dialog-container {
  overflow: visible !important;
  padding: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 0 5px 2px rgba(211, 217, 224, 0.25); }
  @media (max-width: 767px) {
    .mat-dialog-container {
      min-width: 100% !important; } }
  .mat-dialog-container .delete-modal-wallet .mat-dialog-content {
    box-sizing: border-box;
    margin: 15px 0 15px;
    padding: 0 20px;
    display: block;
    height: 130px; }
    .mat-dialog-container .delete-modal-wallet .mat-dialog-content p {
      line-height: initial;
      margin: 0; }
  .mat-dialog-container .mat-dialog-content {
    padding: 0 50px; }
    .mat-dialog-container .mat-dialog-content.content-only {
      min-height: 250px;
      display: flex;
      align-items: center; }
      .mat-dialog-container .mat-dialog-content.content-only p {
        text-align: center;
        margin: 0 auto;
        max-width: 310px;
        line-height: 25px;
        font-weight: 500; }
    .mat-dialog-container .mat-dialog-content p {
      font-family: "Optimistic Text VF";
      color: #000000;
      max-width: 300px;
      line-height: 24px;
      font-weight: 500;
      font-size: 14px; }
  .mat-dialog-container .mat-dialog-title {
    padding: 20px 20px;
    text-align: center;
    font-family: "Optimistic Text VF";
    color: #000000;
    font-size: 14px; }
  .mat-dialog-container .mat-dialog-subtitle {
    color: #000000; }
  .mat-dialog-container .mat-button {
    border-radius: 0;
    box-shadow: none;
    height: 70px; }
  .mat-dialog-container p {
    font-family: "Optimistic Text VF";
    color: #000000; }

.cdk-overlay-pane.pay-with-stripe .mat-dialog-container {
  background: #000000; }
  .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe {
    padding: 0 30px; }
    .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe h4 {
      text-align: center;
      color: #FFFFFF; }
    .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe .data {
      margin-bottom: 10px;
      color: #FFFFFF; }
    .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe input {
      color: #FFFFFF; }
    .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe .botton-buttons a {
      color: #FFFFFF; }
.cdk-overlay-pane.pay-with-stripe .mat-form-field-label-wrapper .mat-form-field-label {
  display: block !important; }
  .cdk-overlay-pane.pay-with-stripe .mat-form-field-label-wrapper .mat-form-field-label span {
    background: #000000;
    color: #FFFFFF; }
    .cdk-overlay-pane.pay-with-stripe .mat-form-field-label-wrapper .mat-form-field-label span.mat-placeholder-required {
      padding-left: 0px; }
  .cdk-overlay-pane.pay-with-stripe .mat-form-field-label-wrapper .mat-form-field-label.mat-form-field-empty {
    display: block !important; }
.cdk-overlay-pane.pay-with-stripe .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #FFFFFF; }
.cdk-overlay-pane.pay-with-stripe-modal-blue .mat-dialog-container {
  background-color: #1E2159; }
.cdk-overlay-pane.pay-with-stripe-modal-blue .stripe {
  padding: 0 30px; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe h4 {
    text-align: center;
    color: #FFFFFF; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .data {
    margin-bottom: 20px; }
    .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .data b {
      display: block;
      color: #FFFFFF;
      font-size: 19px;
      margin-bottom: 5px; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .example-full-width {
    width: 100%; }
    .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .example-full-width .mat-form-field-label {
      color: #FFFFFF !important; }
    .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .example-full-width input {
      color: #FFFFFF; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .mat-form-field-underline {
    background-color: #FFFFFF !important; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .botton-buttons a {
    color: #FFFFFF; }
.cdk-overlay-pane.signup-generic-modal-panel .mat-dialog-container .generic-parent-modal .mat-dialog-content {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 30px;
  min-height: 200px; }
  .cdk-overlay-pane.signup-generic-modal-panel .mat-dialog-container .generic-parent-modal .mat-dialog-content span {
    font-size: 14px;
    line-height: 22px; }
.cdk-overlay-pane.generic-success-modal-white .mat-dialog-container {
  background-color: #FFFFFF; }
  .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid {
    position: relative; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid mat-icon {
      position: absolute;
      top: 0;
      right: 20px;
      color: #000000; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid img {
      margin: 35px auto;
      display: block; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid h3 {
      font-size: 18px;
      color: #000000;
      margin: 22px auto;
      text-align: center;
      font-weight: 500;
      max-width: 350px;
      line-height: 30px; }
      .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid h3:last-child {
        margin-bottom: 50px; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid a {
      text-decoration: underline;
      color: #855BE0;
      font-size: 18px; }
      .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid a.cursor-pointer {
        cursor: pointer; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid.banking-success-inner .modal-header {
      display: block;
      width: 100%;
      position: relative;
      margin: 10px 0 0px;
      text-align: right;
      padding: 0 15px;
      box-sizing: border-box; }
      .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid.banking-success-inner .modal-header mat-icon {
        position: inherit;
        top: inherit;
        right: inherit; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid.banking-success-inner .content {
      display: block;
      width: 100%; }
      .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid.banking-success-inner .content h3 {
        margin: 0 auto;
        padding: 0;
        line-height: initial;
        font-size: 16px;
        font-weight: 400; }
.cdk-overlay-pane.generic-success-modal .mat-dialog-container {
  background-color: #212349; }
  .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid {
    position: relative; }
    .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid mat-icon {
      position: absolute;
      top: 0;
      right: 20px;
      color: #FFFFFF; }
    .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid img {
      margin: 35px auto;
      display: block; }
    .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid h3 {
      font-size: 22px;
      color: #FFFFFF;
      margin: 22px auto;
      text-align: center;
      font-weight: 400; }
      .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid h3:last-child {
        margin-bottom: 50px; }
.cdk-overlay-pane.payment-details-panel-class .mat-dialog-container {
  background-color: #212349; }
  .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid {
    position: relative; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid .content {
      max-width: 370px;
      margin: 30px auto; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid p {
      color: #FFFFFF;
      font-size: 14px;
      line-height: 24px; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid h6 {
      font-size: 16px;
      color: #FFFFFF; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid mat-icon {
      position: absolute;
      top: 0;
      right: 20px;
      color: #FFFFFF; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid img {
      margin: 35px auto;
      display: block; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid h3 {
      font-size: 22px;
      color: #FFFFFF;
      margin: 22px auto;
      text-align: center;
      font-weight: 400; }
      .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid h3:last-child {
        margin-bottom: 50px; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid .botton-buttons {
      margin: 50px 0; }
      .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid .botton-buttons button {
        max-width: fit-content;
        min-width: auto;
        border-radius: 65px !important;
        height: 10px !important;
        background-color: #06BC8A !important;
        color: #000000; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid .take-back {
      text-decoration: underline;
      margin-right: 30px;
      color: #a3aab4; }
.cdk-overlay-pane.link-account-plaid-panel {
  width: 350px !important;
  height: auto !important; }
  .cdk-overlay-pane.link-account-plaid-panel .mat-dialog-actions {
    padding: 0;
    box-sizing: border-box; }
.cdk-overlay-pane.legal-success-modal .mat-dialog-actions {
  padding: 10px 0; }
.cdk-overlay-pane.bulk-invoice-upload-panel .mat-dialog-container {
  padding: 0 !important; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .header-block .close {
  color: #000000; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .error-txt {
  margin: 0 0 10px !important;
  color: #D15F5F; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .caps-txt {
  text-transform: capitalize; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-block {
  margin: 40px 0 0;
  display: flex; }
  .cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-block a {
    text-decoration: none; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-invoice-box {
  width: 140px;
  height: 124px;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px dashed rgba(86, 86, 130, 0.32);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden; }
  .cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-invoice-box .material-icons {
    display: block;
    text-align: center;
    margin: 0 0 10px; }
  .cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-invoice-box label {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #000000;
    font-weight: 500; }
  .cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-invoice-box input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    opacity: 0; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-successful .header-block .close {
  color: #000000; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .duplicate-invoice h2 {
  font-size: 16px;
  width: calc(100% - 70px); }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .uploaded-failed h2 {
  font-size: 16px;
  width: calc(100% - 70px); }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .uploaded-failed .error-txt {
  width: 100%;
  max-width: 100%;
  padding: 0 25px;
  margin: 0 0 10px;
  box-sizing: border-box; }
.cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-title {
  color: #000000;
  margin: 0 !important; }
.cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-content {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 !important;
  height: 100%;
  padding: 20px 30px 0;
  text-align: left; }
  .cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-content p {
    max-width: 100%; }
.cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-actions {
  margin: 0 !important;
  display: flex;
  flex-wrap: nowrap; }
  .cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-actions button:first-child {
    background: transparent !important;
    color: #000000 !important;
    text-decoration: underline;
    text-align: right;
    display: inline-block;
    height: auto; }
    .cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-actions button:first-child .mat-button-focus-overlay {
      background: transparent !important; }
  .cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-actions button:last-child {
    margin: 0 15px !important;
    height: auto;
    border-radius: 40px !important;
    min-width: fit-content; }
.cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-title {
  color: #000000;
  margin: 0 !important; }
.cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-content {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 !important;
  height: 100%;
  padding: 0 40px;
  text-align: left; }
  .cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-content p {
    max-width: 100%; }
.cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-actions {
  margin: 0 !important;
  display: flex;
  flex-wrap: nowrap; }
  .cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-actions button:first-child {
    background: transparent !important;
    color: #000000 !important;
    text-decoration: underline;
    text-align: right;
    display: inline-block;
    height: auto; }
    .cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-actions button:first-child .mat-button-focus-overlay {
      background: transparent !important; }
  .cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-actions button:last-child {
    margin: 0 15px !important;
    height: auto;
    border-radius: 40px !important;
    min-width: fit-content; }
.cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-title {
  text-align: left;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: bold;
  color: #575585;
  margin: 0; }
.cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-content {
  display: block;
  height: auto;
  margin-top: 0;
  margin: 0;
  width: 100%;
  padding: 0 30px; }
  .cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-content p {
    text-align: left; }
.cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-actions {
  margin-right: 50px;
  float: right;
  margin-top: 0;
  margin-bottom: 0px; }
  .cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-actions.botton-buttons {
    border-radius: 15px !important; }
.cdk-overlay-pane.delete-contact-modal-panel .mat-dialog-content {
  height: auto; }
.cdk-overlay-pane.delete-contact-modal-panel .botton-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .cdk-overlay-pane.delete-contact-modal-panel .botton-buttons .mat-button {
    margin: 15px 15px 15px 0 !important;
    padding: 0 20px; }
.cdk-overlay-pane.mat-datepicker-popup sat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls {
  margin: 0 0 10px 0; }
  .cdk-overlay-pane.mat-datepicker-popup sat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-button-base {
    margin: 0 !important;
    color: #212121 !important;
    background: transparent !important;
    /* height: auto; */ }
.cdk-overlay-pane.buyer-list-modal-mobile {
  height: 90% !important;
  overflow: hidden; }

.select-country-panel .registration-era {
  background-color: #000000;
  color: #FFFFFF; }
  .select-country-panel .registration-era .reg-detail p {
    color: #FFFFFF; }
  .select-country-panel .registration-era .back-btn {
    color: #FFFFFF; }
  .select-country-panel .registration-era .do-it-letter {
    color: #FFFFFF; }
  .select-country-panel .registration-era .help a {
    color: #000000 !important;
    background-color: #FFFFFF; }
  .select-country-panel .registration-era ::ng-deep .mat-select-value {
    color: #000000; }
  .select-country-panel .registration-era ::ng-deep .mat-select-arrow {
    color: #000000; }
  .select-country-panel .registration-era ::ng-deep .mat-form-field-label {
    color: #000000; }
  .select-country-panel .registration-era ::ng-deep .mat-form-field-flex {
    border-bottom: 1px solid #000000; }
  .select-country-panel .registration-era .mat-select.ng-touched,
  .select-country-panel .registration-era .mat-input-element.ng-touched {
    border: 0px solid #000000 !important; }

.legal-agreement-modal .mat-dialog-container .mat-dialog-content {
  max-height: 40vh !important;
  padding: 0 25px; }
  .legal-agreement-modal .mat-dialog-container .mat-dialog-content p {
    text-align: left; }
  .legal-agreement-modal .mat-dialog-container .mat-dialog-content ol {
    padding: 0 15px; }
.legal-agreement-modal .top-block {
  padding: 30px 25px 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row; }
  .legal-agreement-modal .top-block .content-block {
    width: 80%; }
    .legal-agreement-modal .top-block .content-block .top-title {
      margin: 0;
      color: #000000;
      font-weight: 500; }
    .legal-agreement-modal .top-block .content-block p {
      font-size: 14px;
      font-weight: 600; }
  .legal-agreement-modal .top-block .img-block {
    width: 20%;
    position: relative;
    right: -30px; }
.legal-agreement-modal .mat-dialog-actions {
  padding: 0 25px 40px 25px; }
.legal-agreement-modal li {
  list-style-type: none; }

.cdk-overlay-pane.registration-success-modal {
  max-width: 490px !important;
  width: 490px !important; }
.cdk-overlay-pane.terms-condition-modal {
  max-width: 600px !important;
  width: 600px !important; }
.cdk-overlay-pane.signup-generic-modal-panel, .cdk-overlay-pane.signup-generic {
  max-width: 320px !important;
  width: 320px !important; }
.cdk-overlay-pane.welcome-wallet-panel {
  max-width: 550px !important;
  width: 550px !important; }
.cdk-overlay-pane.upload-company-panel {
  max-width: 650px !important;
  width: 650px !important; }
.cdk-overlay-pane.do-it-later-panelclass {
  max-width: 550px !important;
  width: 550px !important; }
.cdk-overlay-pane.select-country-panel {
  max-width: 650px !important;
  width: 650px !important; }
.cdk-overlay-pane.enter-registration-no-modal {
  max-width: 650px !important;
  width: 650px !important; }
.cdk-overlay-pane.view-bids, .cdk-overlay-pane.view-bid-panel {
  max-width: 70% !important;
  width: 70% !important; }
.cdk-overlay-pane.seller-detail-sell-modal-panel, .cdk-overlay-pane.invoice-detail-panel {
  max-width: 600px !important;
  width: 600px !important; }
.cdk-overlay-pane.funder-bid-edit-panel {
  max-width: 550px !important;
  width: 550px !important; }
.cdk-overlay-pane.buyer-detail-buy-modal-panel {
  max-width: 600px !important;
  width: 600px !important; }
.cdk-overlay-pane.seller-detail-buy-modal-panel {
  max-width: 600px !important;
  width: 600px !important; }
.cdk-overlay-pane.bid-accepted-panel, .cdk-overlay-pane.confirm-payment-message-panel, .cdk-overlay-pane.prompt-repayment-message-panel, .cdk-overlay-pane.export-modal-panel, .cdk-overlay-pane.company-not-shown-panel, .cdk-overlay-pane.company-not-found-panel {
  max-width: 400px !important;
  width: 400px !important; }
.cdk-overlay-pane.post-for-auction, .cdk-overlay-pane.upload-invoice, .cdk-overlay-pane.invoice-history-panel, .cdk-overlay-pane.contact-seller-modal-panel, .cdk-overlay-pane.add-owner-modal-panel, .cdk-overlay-pane.add-contact-modal-panel {
  max-width: 800px !important;
  width: 800px !important; }
.cdk-overlay-pane.Item-Detail-modalbox {
  width: 1240px !important;
  max-width: 1240px !important; }
.cdk-overlay-pane.auction-detail-panel, .cdk-overlay-pane.repost-for-auction, .cdk-overlay-pane.create-bid-pannel, .cdk-overlay-pane.view-bid-details-panel {
  max-width: 90% !important;
  width: 90% !important; }
.cdk-overlay-pane.withdraw-auction-panel, .cdk-overlay-pane.funder-doc-req-panel, .cdk-overlay-pane.accepted-bid-panel, .cdk-overlay-pane.withdraw-bid-confirm-panel {
  max-width: 535px !important;
  width: 535px !important; }
.cdk-overlay-pane.confirm-fund-now-panel, .cdk-overlay-pane.generic-invoice-success-modal-panel, .cdk-overlay-pane.confirm-payment-method-panel, .cdk-overlay-pane.setting-success-message-panel {
  max-width: 500px !important;
  width: 500px !important; }
.cdk-overlay-pane.company-verify-and-address-panel {
  max-width: 1100px !important;
  width: 1100px !important; }
.cdk-overlay-pane.seller-profile-panel {
  max-width: 80% !important;
  width: 80% !important; }
.cdk-overlay-pane.delete-receivable-panel {
  max-width: 580px !important;
  width: 580px !important; }
.cdk-overlay-pane.bid-now-panel-class .mat-form-field-disabled .mat-input-element {
  cursor: not-allowed;
  background: #212349 !important; }
.cdk-overlay-pane.bid-now-panel-class .mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label span {
  background: #212349 !important; }
.cdk-overlay-pane.move-money-funder .mat-form-field-disabled .mat-input-element {
  cursor: not-allowed;
  background: #212349 !important;
  color: #FFFFFF !important; }
.cdk-overlay-pane.move-money-funder .mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label span {
  background: #212349 !important; }
.cdk-overlay-pane.move-money-funder .mat-form-field-label-wrapper .mat-form-field-label {
  display: block !important; }
  .cdk-overlay-pane.move-money-funder .mat-form-field-label-wrapper .mat-form-field-label span {
    background: #1d2056;
    color: #a3aab4;
    padding: 0 6px; }
    .cdk-overlay-pane.move-money-funder .mat-form-field-label-wrapper .mat-form-field-label span.mat-placeholder-required {
      padding-left: 0px; }
  .cdk-overlay-pane.move-money-funder .mat-form-field-label-wrapper .mat-form-field-label.mat-form-field-empty {
    display: block !important; }

.botton-buttons {
  margin: 10px 0; }
  .botton-buttons button {
    max-width: fit-content;
    min-width: 100px;
    border-radius: 65px !important;
    height: 10px !important;
    color: #000000; }
    .botton-buttons button.pink-btn {
      background-color: #855BE0 !important; }

.take-back,
.go-back {
  text-decoration: none !important;
  margin: 0;
  color: #000000;
  font-size: 14px; }

.pay-with-stripe-modal .stripe {
  padding: 0 30px; }
  .pay-with-stripe-modal .stripe h4 {
    text-align: center; }
  .pay-with-stripe-modal .stripe .data {
    margin-bottom: 20px; }
    .pay-with-stripe-modal .stripe .data b {
      display: block;
      font-size: 19px;
      margin-bottom: 5px; }
  .pay-with-stripe-modal .stripe .example-full-width {
    width: 100%; }

::ng-deep .enter-registration-no-modal .mat-form-field-infix {
  border-bottom: 1px solid #FFFFFF; }
  ::ng-deep .enter-registration-no-modal .mat-form-field-infix input {
    color: #FFFFFF;
    font-size: 34px;
    font-family: "Optimistic Text VF";
    font-weight: 500; }
  ::ng-deep .enter-registration-no-modal .mat-form-field-infix .mat-form-field-label-wrapper {
    display: none; }
  ::ng-deep .enter-registration-no-modal .mat-form-field-infix mat-icon {
    position: absolute;
    right: -40px;
    font-size: 35px;
    color: #dd5f6b;
    cursor: pointer; }
    ::ng-deep .enter-registration-no-modal .mat-form-field-infix mat-icon.check {
      color: #36a769; }

.funder-bg.auction-detail-panel .mat-card {
  background-color: #F1F4F7 !important; }
.funder-bg.auction-detail-panel .auction-detail-table .header-table {
  background-color: #000000 !important; }
  .funder-bg.auction-detail-panel .auction-detail-table .header-table th {
    color: #FFFFFF !important; }
  .funder-bg.auction-detail-panel .auction-detail-table .header-table td {
    color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .simplebar-content p {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .seller-detail-block {
  border: 1px solid #000000 !important; }
  .funder-bg.auction-detail-panel .seller-detail-block .seller-detail-item-block {
    color: #FFFFFF !important;
    border-bottom: 1px solid #000000 !important; }
    .funder-bg.auction-detail-panel .seller-detail-block .seller-detail-item-block:last-child {
      border-bottom: none !important; }
    .funder-bg.auction-detail-panel .seller-detail-block .seller-detail-item-block span {
      color: #FFFFFF !important; }
      .funder-bg.auction-detail-panel .seller-detail-block .seller-detail-item-block span a {
        color: #855BE0 !important; }
.funder-bg.auction-detail-panel .supporting-detail-block p {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .supporting-document-links .additional-document {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .supporting-document-links a {
  color: #855BE0 !important; }
.funder-bg.auction-detail-panel .invoice-included-table .simplebar-mask table th {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .invoice-included-table .simplebar-mask table td.text-blue {
  color: #855BE0 !important; }
.funder-bg.auction-detail-panel .invoice-included-table .simplebar-mask table td.disabled {
  color: #DDD9E6 !important; }
.funder-bg.auction-detail-panel .invoice-included-table .simplebar-mask table td {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .clear-all {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .mat-card {
  background-color: #F1F4F7 !important; }
.funder-bg.create-bid-pannel .auction-detail-title {
  border-color: transparent !important; }
.funder-bg.create-bid-pannel .auction-detail-table .header-table {
  background-color: #000000 !important;
  border-color: transparent !important; }
  .funder-bg.create-bid-pannel .auction-detail-table .header-table th {
    color: #FFFFFF !important; }
  .funder-bg.create-bid-pannel .auction-detail-table .header-table td {
    color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .seller-detail-block p {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-labels .mat-tab-label {
  color: #FFFFFF !important;
  background-color: transparent !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  color: #855BE0 !important;
  background-color: transparent !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content p {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content .add-auction-block textarea {
  background-color: #F1F4F7 !important;
  border-color: #a3aab4;
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content .add-auction-block input {
  color: #FFFFFF !important; }
  .funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content .add-auction-block input.disabled {
    background: #424572 !important;
    color: #a3aab4 !important;
    cursor: not-allowed; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content .add-auction-block .or-block {
  color: #FFFFFF; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .mat-form-field-wrapper input {
  background-color: #F1F4F7 !important; }
.funder-bg.create-bid-pannel .invoice-included-table .simplebar-mask table th {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .invoice-included-table .simplebar-mask table td.text-blue {
  color: #855BE0 !important; }
.funder-bg.create-bid-pannel .invoice-included-table .simplebar-mask table td.disabled {
  color: #DDD9E6 !important; }
.funder-bg.create-bid-pannel .invoice-included-table .simplebar-mask table td {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .clear-all {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .mat-datepicker-toggle {
  right: 10px !important; }
.funder-bg .mat-dialog-container {
  background-color: #F1F4F7; }
.funder-bg .inside-dialog-box {
  background-color: #F1F4F7;
  border-radius: 20px; }
  .funder-bg .inside-dialog-box .mat-dialog-title {
    color: #FFFFFF !important; }
  .funder-bg .inside-dialog-box mat-icon {
    color: #FFFFFF !important; }
  .funder-bg .inside-dialog-box .mat-dialog-content {
    text-align: left; }
    .funder-bg .inside-dialog-box .mat-dialog-content p {
      color: #FFFFFF !important;
      display: block;
      width: 100%; }
    .funder-bg .inside-dialog-box .mat-dialog-content a {
      color: #FFFFFF !important;
      text-decoration: underline;
      font-size: 15px; }
      .funder-bg .inside-dialog-box .mat-dialog-content a:focus, .funder-bg .inside-dialog-box .mat-dialog-content a:visited {
        outline: none; }
  .funder-bg .inside-dialog-box .botton-buttons .go-back {
    color: #FFFFFF; }
  .funder-bg .inside-dialog-box .botton-buttons button {
    box-shadow: 0 4px 5px #212121 !important; }
  .funder-bg .inside-dialog-box .mat-dialog-subtitle {
    color: #FFFFFF; }
.funder-bg.invoice-detail-panel .invoice-detail-title {
  color: #FFFFFF !important; }
.funder-bg.invoice-detail-panel .invoice-detail-block {
  border-color: #000000 !important;
  background-color: #F1F4F7 !important; }
  .funder-bg.invoice-detail-panel .invoice-detail-block .invoice-detail-item-block {
    border-bottom: 1px solid #000000 !important; }
    .funder-bg.invoice-detail-panel .invoice-detail-block .invoice-detail-item-block:last-child {
      border-bottom: none !important; }
.funder-bg.invoice-detail-panel .invoice-detail-item-block {
  color: #FFFFFF !important; }
  .funder-bg.invoice-detail-panel .invoice-detail-item-block span {
    color: #FFFFFF !important; }
  .funder-bg.invoice-detail-panel .invoice-detail-item-block.disabled {
    color: #686c9c !important; }
    .funder-bg.invoice-detail-panel .invoice-detail-item-block.disabled span {
      color: #686c9c !important; }
.funder-bg.invoice-detail-panel .projected-discount-term {
  color: #FFFFFF !important; }
.funder-bg.invoice-detail-panel mat-icon.close {
  color: #FFFFFF !important; }
.funder-bg.confirm-invoice-funding-panel .confirm-invoice {
  padding: 0 30px; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice .modal-header {
    text-align: right;
    color: #866e6e;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 20px 0 15px; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice .go-back {
    color: #aca8c8; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice .mat-dialog-actions {
    margin-bottom: 20px;
    justify-content: space-evenly; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice .mat-button {
    margin: 0 !important;
    background: #55ce98 !important; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice.funding-note-information .seller-detail-supporting-block {
    background: #FFFFFF;
    border-radius: 8px; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice.funding-note-information .seller-detail-item-block {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px 5px;
    border-bottom: 1px solid #e1e1e1;
    color: #000000; }
    .funder-bg.confirm-invoice-funding-panel .confirm-invoice.funding-note-information .seller-detail-item-block:last-child {
      border: none; }
    .funder-bg.confirm-invoice-funding-panel .confirm-invoice.funding-note-information .seller-detail-item-block span {
      text-align: left;
      width: 170px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
.funder-bg.confirm-invoice-funding-panel .mat-dialog-container .mat-dialog-content {
  padding: 0 30px !important; }
  .funder-bg.confirm-invoice-funding-panel .mat-dialog-container .mat-dialog-content .top-para {
    margin: 0 0 30px !important; }
  .funder-bg.confirm-invoice-funding-panel .mat-dialog-container .mat-dialog-content .color-danger {
    color: #D15F5F; }
  .funder-bg.confirm-invoice-funding-panel .mat-dialog-container .mat-dialog-content p {
    color: #FFFFFF !important;
    max-width: 100% !important; }
.funder-bg .confirm-invoice mat-card .fund-detail {
  background: #000000 !important;
  border: 1px solid #855BE0 !important; }
  .funder-bg .confirm-invoice mat-card .fund-detail .mat-list-item {
    border: 1px solid #855BE0 !important; }
    .funder-bg .confirm-invoice mat-card .fund-detail .mat-list-item .select-bank mat-select.ng-touched {
      border-bottom: 1px solid #855BE0 !important;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important; }
.funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container {
  background: #374752; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-title, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-title {
    color: #FFFFFF !important; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block {
    border-color: #000000 !important;
    background-color: #F1F4F7 !important; }
    .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block .invoice-detail-item-block, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block .invoice-detail-item-block {
      border-bottom: 1px solid #000000 !important; }
      .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block .invoice-detail-item-block:last-child, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block .invoice-detail-item-block:last-child {
        border-bottom: none !important; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block {
    color: #FFFFFF !important; }
    .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block span, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block span {
      color: #FFFFFF !important; }
    .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block.disabled, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block.disabled {
      color: #686c9c !important; }
      .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block.disabled span, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block.disabled span {
        color: #686c9c !important; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .projected-discount-term, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .projected-discount-term {
    color: #FFFFFF !important; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container mat-icon.close, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container mat-icon.close {
    color: #FFFFFF !important; }

.accepted-bid-panel .inside-dialog-box .mat-dialog-title {
  padding: 0; }
.accepted-bid-panel .inside-dialog-box .mat-dialog-subtitle {
  font-size: 17px;
  text-align: center;
  margin: 5px 0 0;
  font-weight: 500; }
.accepted-bid-panel .inside-dialog-box .bid-details-block {
  width: 100%;
  background-color: #855BE0;
  border-radius: 5px;
  padding: 20px 30px;
  margin: 25px 0 10px;
  box-sizing: border-box; }
  .accepted-bid-panel .inside-dialog-box .bid-details-block .inner-block {
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 10px; }
    .accepted-bid-panel .inside-dialog-box .bid-details-block .inner-block span {
      width: 50%;
      display: inline-block;
      text-align: left; }
      .accepted-bid-panel .inside-dialog-box .bid-details-block .inner-block span:first-child {
        text-transform: uppercase; }
.accepted-bid-panel .inside-dialog-box.seller-accept-bid .icn-block {
  margin-bottom: 0px; }
  .accepted-bid-panel .inside-dialog-box.seller-accept-bid .icn-block img {
    height: 80px; }
.accepted-bid-panel .inside-dialog-box.seller-accept-bid .mat-dialog-content {
  padding: 0 !important; }
  .accepted-bid-panel .inside-dialog-box.seller-accept-bid .mat-dialog-content p {
    margin-bottom: 0; }
.accepted-bid-panel .mat-dialog-content {
  text-align: left; }
  .accepted-bid-panel .mat-dialog-content p {
    width: 100%; }

.inside-dialog-box .icn-block,
.view-bid-panel .icn-block {
  width: 100%;
  text-align: center;
  margin-bottom: 15px; }
.inside-dialog-box .mat-dialog-content a,
.view-bid-panel .mat-dialog-content a {
  color: #855BE0;
  font-size: 14px; }

.funder-doc-req-panel .document-req-block {
  width: 100%;
  border: 1px solid #855BE0;
  background-color: #000000;
  border-radius: 5px;
  box-sizing: border-box;
  margin-top: 15px; }
  .funder-doc-req-panel .document-req-block .form-label {
    display: block;
    padding: 15px 15px;
    color: #FFFFFF;
    width: 100%;
    margin: 0;
    font-size: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #855BE0;
    font-weight: 300;
    font-size: 14px; }
.funder-doc-req-panel .mat-form-field-wrapper {
  padding-bottom: 0; }
.funder-doc-req-panel .mat-form-field-infix {
  padding: 0;
  border: none; }
.funder-doc-req-panel input {
  border-bottom: 1px solid #855BE0 !important;
  padding: 15px 15px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  color: #a3aab4;
  font-size: 15px;
  font-weight: 300; }
  .funder-doc-req-panel input.ng-touched {
    border-bottom: 1px solid #855BE0 !important; }
.funder-doc-req-panel .mat-form-field-underline {
  display: none; }
.funder-doc-req-panel .mat-form-field:last-child input {
  border-bottom: none; }
.funder-doc-req-panel .mat-dialog-content {
  max-height: 350px; }

.withdraw-auction-panel .inside-dialog-box {
  text-align: left !important; }
  .withdraw-auction-panel .inside-dialog-box .mat-dialog-title {
    text-align: left !important;
    padding: 20px 20px 20px 40px; }
  .withdraw-auction-panel .inside-dialog-box .mat-dialog-content {
    max-height: 360px;
    text-align: left; }
    .withdraw-auction-panel .inside-dialog-box .mat-dialog-content p {
      display: block;
      width: 100%; }

.funder-bg .auction-detail .mat-card .auction-detail-title h6 {
  color: #FFFFFF !important; }

.registration-success-modal .mat-dialog-container {
  padding: 0 30px 0 !important;
  box-sizing: border-box; }
.registration-success-modal .modal-header {
  width: 100%;
  height: 120px;
  background-image: url("https://static.crowdz.io/assets/images/confetti.svg");
  background-size: cover;
  background-repeat: no-repeat; }
.registration-success-modal .modal-title {
  margin: 0 0 15px;
  font-weight: 500; }
.registration-success-modal p {
  line-height: 30px;
  margin: 5px 0 0;
  font-size: 15px; }
.registration-success-modal .btn-block {
  text-align: right;
  background-image: url(https://static.crowdz.io/assets/images/confetti.svg);
  background-size: 90%;
  background-repeat: no-repeat;
  padding: 0 0 30px; }
.registration-success-modal button {
  width: 100%;
  max-width: 160px;
  font-size: 14px;
  margin: 15px 0 0 !important;
  display: inline-block;
  cursor: pointer;
  outline: none !important;
  box-shadow: none;
  border: none; }

.spam-confirmation-panel .mat-dialog-container {
  background-color: #FFFFFF; }
  .spam-confirmation-panel .mat-dialog-container .success-bid {
    position: relative; }
    .spam-confirmation-panel .mat-dialog-container .success-bid mat-icon {
      position: absolute;
      top: 0;
      right: 20px;
      color: #000000; }
    .spam-confirmation-panel .mat-dialog-container .success-bid img {
      margin: 35px auto;
      display: block; }
    .spam-confirmation-panel .mat-dialog-container .success-bid h3 {
      font-size: 18px;
      color: #000000;
      margin: 22px auto;
      text-align: center;
      font-weight: 500;
      max-width: 350px;
      line-height: 30px; }
      .spam-confirmation-panel .mat-dialog-container .success-bid h3:last-child {
        margin-bottom: 50px; }
    .spam-confirmation-panel .mat-dialog-container .success-bid a {
      text-decoration: underline;
      color: #855BE0;
      font-size: 18px; }
      .spam-confirmation-panel .mat-dialog-container .success-bid a.cursor-pointer {
        cursor: pointer; }
.spam-confirmation-panel .mat-dialog-actions {
  flex-wrap: nowrap; }
  .spam-confirmation-panel .mat-dialog-actions button {
    margin-left: 0;
    box-shadow: none;
    height: 70px;
    font-family: "Optimistic Text VF";
    font-size: 20px;
    border-radius: 0px !important;
    margin: 0 !important; }
    .spam-confirmation-panel .mat-dialog-actions button:first-child {
      background: #ddd !important;
      color: #a3aab4 !important;
      border-radius: 0px !important;
      height: 70px;
      border-top: 1px solid #858585;
      color: #000000 !important;
      margin: 0 !important; }
      .spam-confirmation-panel .mat-dialog-actions button:first-child:hover {
        background-color: #ccc9c9 !important; }

.secure-password h2.mat-dialog-title {
  color: #000000; }
  .secure-password h2.mat-dialog-title a {
    color: #855BE0; }

.invoice-history-panel .generic-success-parent-modal .mat-dialog-title p span {
  color: #855BE0; }

.confirm-fund-now-panel .inside-dialog-box .mat-dialog-title {
  padding: 0; }
.confirm-fund-now-panel .inside-dialog-box .mat-dialog-subtitle {
  font-size: 15px;
  text-align: center;
  margin: 5px 0 0;
  font-weight: 500; }
.confirm-fund-now-panel .inside-dialog-box .bid-details-block {
  width: 100%;
  background-color: #855BE0;
  border-radius: 5px;
  padding: 20px 30px;
  margin: 25px 0 10px;
  box-sizing: border-box; }
  .confirm-fund-now-panel .inside-dialog-box .bid-details-block .inner-block {
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 10px; }
    .confirm-fund-now-panel .inside-dialog-box .bid-details-block .inner-block span {
      width: 50%;
      display: inline-block;
      text-align: left; }
      .confirm-fund-now-panel .inside-dialog-box .bid-details-block .inner-block span:first-child {
        text-transform: uppercase; }
.confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .icn-block {
  margin-bottom: 0px; }
  .confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .icn-block img {
    height: 80px; }
.confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .mat-dialog-content {
  padding: 0 !important;
  text-align: left; }
  .confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .mat-dialog-content p {
    margin-bottom: 0;
    width: 100%; }
    .confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .mat-dialog-content p a {
      color: #855BE0 !important; }
.confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .botton-buttons {
  justify-content: center !important;
  margin-right: 0 !important; }

.confirm-payment-method-panel {
  position: relative !important; }
  .confirm-payment-method-panel .what-to-do h4 {
    padding: 0 15px;
    margin: 30px 0 30px 20px;
    font-size: 14px; }
  .confirm-payment-method-panel .what-to-do button {
    width: 201px;
    float: right;
    height: 49px;
    margin: 15px !important;
    background-color: #855BE0 !important;
    box-shadow: 1px 1px 5px 4px rgba(233, 233, 233, 0.5); }
  .confirm-payment-method-panel .what-to-do .mat-radio-group {
    box-sizing: border-box;
    display: block;
    padding: 0px 30px 15px 30px; }
  .confirm-payment-method-panel .what-to-do .mat-radio-button {
    margin-bottom: 15px;
    display: block; }

.confirm-payment-message-panel p {
  width: 100%; }
.confirm-payment-message-panel .inside-dialog-box h2 {
  color: #000000;
  text-align: left; }
.confirm-payment-message-panel .inside-dialog-box .mat-dialog-content {
  text-align: left;
  padding: 0 20px 30px 20px !important; }

.prompt-repayment-message-panel .inside-dialog-box .mat-dialog-content {
  text-align: left;
  padding: 0 20px 30px 20px !important; }
.prompt-repayment-message-panel .inside-dialog-box .botton-buttons {
  justify-content: center !important;
  margin-right: 0 !important; }

@media screen and (max-width: 767px) {
  .cdk-overlay-pane.select-country-panel {
    max-width: 90% !important;
    width: 100%; }
    .cdk-overlay-pane.select-country-panel .mat-form-field.mat-focused.mat-form-field-should-float .mat-form-field-underline {
      display: none; }

  .cdk-overlay-pane .mat-country-select-option.mat-select-panel.mat-select-search-panel {
    margin-top: 80px !important; }
    .cdk-overlay-pane .mat-country-select-option.mat-select-panel.mat-select-search-panel .mat-option .mat-option-text {
      font-size: 16px !important; }
  .cdk-overlay-pane .mat-country-select-option .mat-select-search-input {
    font-size: 18px !important; }

  .secure-password-panel {
    overflow-y: auto; }

  .cdk-overlay-pane.terms-condition-modal {
    width: 90% !important; }

  .terms-condition-modal .simplebar-content {
    padding: 0 !important; }
  .terms-condition-modal h2 {
    font-size: 17px !important;
    line-height: initial !important;
    padding: 0 20px !important;
    margin: 15px 0 10px !important; }
  .terms-condition-modal .terms-conditions .simplebar-content div {
    padding: 0 20px; }
  .terms-condition-modal .mat-btn-group {
    padding: 0 20px 40px 20px !important; }

  .cdk-overlay-container .cdk-overlay-backdrop + .cdk-global-overlay-wrapper .cdk-overlay-pane {
    width: 100% !important;
    max-width: 600px !important;
    position: absolute !important;
    bottom: 0 !important; }
    .cdk-overlay-container .cdk-overlay-backdrop + .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container {
      border-radius: 0px !important; } }
@media screen and (min-height: 600px) {
  .cdk-overlay-pane.invoice-detail-panel .mat-dialog-content {
    max-height: 80vh; }
  .cdk-overlay-pane.seller-detail-sell-modal-panel .mat-dialog-content {
    max-height: 85vh; }
  .cdk-overlay-pane.seller-detail-buy-modal-panel .mat-dialog-content {
    max-height: 85vh; }
  .cdk-overlay-pane.buyer-detail-buy-modal-panel .mat-dialog-content {
    max-height: 85vh; } }
.otp-country-block.mat-select-panel {
  max-width: 175px;
  min-width: 160px !important; }

.company-not-found-panel .botton-buttons {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center !important; }
  .company-not-found-panel .botton-buttons button {
    min-width: 120px !important; }

.frozen-flag-dailog-block .mat-dialog-title {
  padding: 20px 20px;
  text-align: center;
  font-family: "Optimistic Text VF";
  color: #000000;
  font-size: 14px; }
.frozen-flag-dailog-block .mat-dialog-content {
  padding: 0 50px;
  align-items: center;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  height: 180px;
  text-align: center; }
  .frozen-flag-dailog-block .mat-dialog-content p {
    font-family: "Optimistic Text VF";
    color: #000000;
    max-width: 300px;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px; }
.frozen-flag-dailog-block .mat-dialog-actions {
  padding: 8px 0;
  display: flex;
  flex-wrap: wrap;
  min-height: 52px;
  align-items: center;
  margin-bottom: -24px; }
  .frozen-flag-dailog-block .mat-dialog-actions .mat-button {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    margin: 0 !important; }

.company-success-panel .mat-dialog-content {
  flex-wrap: wrap; }

.mat-dialog-container {
  overflow: visible !important;
  padding: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 0 5px 2px rgba(211, 217, 224, 0.25); }
  @media (max-width: 767px) {
    .mat-dialog-container {
      min-width: 100% !important; } }
  .mat-dialog-container .delete-modal-wallet .mat-dialog-content {
    box-sizing: border-box;
    margin: 15px 0 15px;
    padding: 0 20px;
    display: block;
    height: 130px; }
    .mat-dialog-container .delete-modal-wallet .mat-dialog-content p {
      line-height: initial;
      margin: 0; }
  .mat-dialog-container .mat-dialog-content {
    padding: 0 50px; }
    .mat-dialog-container .mat-dialog-content.content-only {
      min-height: 250px;
      display: flex;
      align-items: center; }
      .mat-dialog-container .mat-dialog-content.content-only p {
        text-align: center;
        margin: 0 auto;
        max-width: 310px;
        line-height: 25px;
        font-weight: 500; }
    .mat-dialog-container .mat-dialog-content p {
      font-family: "Optimistic Text VF";
      color: #000000;
      max-width: 300px;
      line-height: 24px;
      font-weight: 500;
      font-size: 14px; }
  .mat-dialog-container .mat-dialog-title {
    padding: 20px 20px;
    text-align: center;
    font-family: "Optimistic Text VF";
    color: #000000;
    font-size: 14px; }
  .mat-dialog-container .mat-dialog-subtitle {
    color: #000000; }
  .mat-dialog-container .mat-button {
    border-radius: 0;
    box-shadow: none;
    height: 70px; }
  .mat-dialog-container p {
    font-family: "Optimistic Text VF";
    color: #000000; }

.cdk-overlay-pane.pay-with-stripe .mat-dialog-container {
  background: #000000; }
  .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe {
    padding: 0 30px; }
    .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe h4 {
      text-align: center;
      color: #FFFFFF; }
    .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe .data {
      margin-bottom: 10px;
      color: #FFFFFF; }
    .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe input {
      color: #FFFFFF; }
    .cdk-overlay-pane.pay-with-stripe .mat-dialog-container .stripe .botton-buttons a {
      color: #FFFFFF; }
.cdk-overlay-pane.pay-with-stripe .mat-form-field-label-wrapper .mat-form-field-label {
  display: block !important; }
  .cdk-overlay-pane.pay-with-stripe .mat-form-field-label-wrapper .mat-form-field-label span {
    background: #000000;
    color: #FFFFFF; }
    .cdk-overlay-pane.pay-with-stripe .mat-form-field-label-wrapper .mat-form-field-label span.mat-placeholder-required {
      padding-left: 0px; }
  .cdk-overlay-pane.pay-with-stripe .mat-form-field-label-wrapper .mat-form-field-label.mat-form-field-empty {
    display: block !important; }
.cdk-overlay-pane.pay-with-stripe .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #FFFFFF; }
.cdk-overlay-pane.pay-with-stripe-modal-blue .mat-dialog-container {
  background-color: #1E2159; }
.cdk-overlay-pane.pay-with-stripe-modal-blue .stripe {
  padding: 0 30px; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe h4 {
    text-align: center;
    color: #FFFFFF; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .data {
    margin-bottom: 20px; }
    .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .data b {
      display: block;
      color: #FFFFFF;
      font-size: 19px;
      margin-bottom: 5px; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .example-full-width {
    width: 100%; }
    .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .example-full-width .mat-form-field-label {
      color: #FFFFFF !important; }
    .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .example-full-width input {
      color: #FFFFFF; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .mat-form-field-underline {
    background-color: #FFFFFF !important; }
  .cdk-overlay-pane.pay-with-stripe-modal-blue .stripe .botton-buttons a {
    color: #FFFFFF; }
.cdk-overlay-pane.signup-generic-modal-panel .mat-dialog-container .generic-parent-modal .mat-dialog-content {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 30px;
  min-height: 200px; }
  .cdk-overlay-pane.signup-generic-modal-panel .mat-dialog-container .generic-parent-modal .mat-dialog-content span {
    font-size: 14px;
    line-height: 22px; }
.cdk-overlay-pane.generic-success-modal-white .mat-dialog-container {
  background-color: #FFFFFF; }
  .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid {
    position: relative; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid mat-icon {
      position: absolute;
      top: 0;
      right: 20px;
      color: #000000; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid img {
      margin: 35px auto;
      display: block; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid h3 {
      font-size: 18px;
      color: #000000;
      margin: 22px auto;
      text-align: center;
      font-weight: 500;
      max-width: 350px;
      line-height: 30px; }
      .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid h3:last-child {
        margin-bottom: 50px; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid a {
      text-decoration: underline;
      color: #855BE0;
      font-size: 18px; }
      .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid a.cursor-pointer {
        cursor: pointer; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid.banking-success-inner .modal-header {
      display: block;
      width: 100%;
      position: relative;
      margin: 10px 0 0px;
      text-align: right;
      padding: 0 15px;
      box-sizing: border-box; }
      .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid.banking-success-inner .modal-header mat-icon {
        position: inherit;
        top: inherit;
        right: inherit; }
    .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid.banking-success-inner .content {
      display: block;
      width: 100%; }
      .cdk-overlay-pane.generic-success-modal-white .mat-dialog-container .success-bid.banking-success-inner .content h3 {
        margin: 0 auto;
        padding: 0;
        line-height: initial;
        font-size: 16px;
        font-weight: 400; }
.cdk-overlay-pane.generic-success-modal .mat-dialog-container {
  background-color: #212349; }
  .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid {
    position: relative; }
    .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid mat-icon {
      position: absolute;
      top: 0;
      right: 20px;
      color: #FFFFFF; }
    .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid img {
      margin: 35px auto;
      display: block; }
    .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid h3 {
      font-size: 22px;
      color: #FFFFFF;
      margin: 22px auto;
      text-align: center;
      font-weight: 400; }
      .cdk-overlay-pane.generic-success-modal .mat-dialog-container .success-bid h3:last-child {
        margin-bottom: 50px; }
.cdk-overlay-pane.payment-details-panel-class .mat-dialog-container {
  background-color: #212349; }
  .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid {
    position: relative; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid .content {
      max-width: 370px;
      margin: 30px auto; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid p {
      color: #FFFFFF;
      font-size: 14px;
      line-height: 24px; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid h6 {
      font-size: 16px;
      color: #FFFFFF; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid mat-icon {
      position: absolute;
      top: 0;
      right: 20px;
      color: #FFFFFF; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid img {
      margin: 35px auto;
      display: block; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid h3 {
      font-size: 22px;
      color: #FFFFFF;
      margin: 22px auto;
      text-align: center;
      font-weight: 400; }
      .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid h3:last-child {
        margin-bottom: 50px; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid .botton-buttons {
      margin: 50px 0; }
      .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid .botton-buttons button {
        max-width: fit-content;
        min-width: auto;
        border-radius: 65px !important;
        height: 10px !important;
        background-color: #06BC8A !important;
        color: #000000; }
    .cdk-overlay-pane.payment-details-panel-class .mat-dialog-container .success-bid .take-back {
      text-decoration: underline;
      margin-right: 30px;
      color: #a3aab4; }
.cdk-overlay-pane.link-account-plaid-panel {
  width: 350px !important;
  height: auto !important; }
  .cdk-overlay-pane.link-account-plaid-panel .mat-dialog-actions {
    padding: 0;
    box-sizing: border-box; }
.cdk-overlay-pane.legal-success-modal .mat-dialog-actions {
  padding: 10px 0; }
.cdk-overlay-pane.bulk-invoice-upload-panel .mat-dialog-container {
  padding: 0 !important; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .header-block .close {
  color: #000000; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .error-txt {
  margin: 0 0 10px !important;
  color: #D15F5F; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .caps-txt {
  text-transform: capitalize; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-block {
  margin: 40px 0 0;
  display: flex; }
  .cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-block a {
    text-decoration: none; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-invoice-box {
  width: 140px;
  height: 124px;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px dashed rgba(86, 86, 130, 0.32);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden; }
  .cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-invoice-box .material-icons {
    display: block;
    text-align: center;
    margin: 0 0 10px; }
  .cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-invoice-box label {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #000000;
    font-weight: 500; }
  .cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-template .upload-invoice-box input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    opacity: 0; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .upload-successful .header-block .close {
  color: #000000; }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .duplicate-invoice h2 {
  font-size: 16px;
  width: calc(100% - 70px); }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .uploaded-failed h2 {
  font-size: 16px;
  width: calc(100% - 70px); }
.cdk-overlay-pane.bulk-invoice-upload-panel .bulk-invoice-upload .uploaded-failed .error-txt {
  width: 100%;
  max-width: 100%;
  padding: 0 25px;
  margin: 0 0 10px;
  box-sizing: border-box; }
.cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-title {
  color: #000000;
  margin: 0 !important; }
.cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-content {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 !important;
  height: 100%;
  padding: 20px 30px 0;
  text-align: left; }
  .cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-content p {
    max-width: 100%; }
.cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-actions {
  margin: 0 !important;
  display: flex;
  flex-wrap: nowrap; }
  .cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-actions button:first-child {
    background: transparent !important;
    color: #000000 !important;
    text-decoration: underline;
    text-align: right;
    display: inline-block;
    height: auto; }
    .cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-actions button:first-child .mat-button-focus-overlay {
      background: transparent !important; }
  .cdk-overlay-pane.generic-invoice-success-modal-panel .generic-parent-modal .mat-dialog-actions button:last-child {
    margin: 0 15px !important;
    height: auto;
    border-radius: 40px !important;
    min-width: fit-content; }
.cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-title {
  color: #000000;
  margin: 0 !important; }
.cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-content {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 !important;
  height: 100%;
  padding: 0 40px;
  text-align: left; }
  .cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-content p {
    max-width: 100%; }
.cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-actions {
  margin: 0 !important;
  display: flex;
  flex-wrap: nowrap; }
  .cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-actions button:first-child {
    background: transparent !important;
    color: #000000 !important;
    text-decoration: underline;
    text-align: right;
    display: inline-block;
    height: auto; }
    .cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-actions button:first-child .mat-button-focus-overlay {
      background: transparent !important; }
  .cdk-overlay-pane.generic-admin-success-modal-panel .generic-parent-modal .mat-dialog-actions button:last-child {
    margin: 0 15px !important;
    height: auto;
    border-radius: 40px !important;
    min-width: fit-content; }
.cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-title {
  text-align: left;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: bold;
  color: #575585;
  margin: 0; }
.cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-content {
  display: block;
  height: auto;
  margin-top: 0;
  margin: 0;
  width: 100%;
  padding: 0 30px; }
  .cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-content p {
    text-align: left; }
.cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-actions {
  margin-right: 50px;
  float: right;
  margin-top: 0;
  margin-bottom: 0px; }
  .cdk-overlay-pane.setting-success-message-panel .setting-success-message .mat-dialog-actions.botton-buttons {
    border-radius: 15px !important; }
.cdk-overlay-pane.delete-contact-modal-panel .mat-dialog-content {
  height: auto; }
.cdk-overlay-pane.delete-contact-modal-panel .botton-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .cdk-overlay-pane.delete-contact-modal-panel .botton-buttons .mat-button {
    margin: 15px 15px 15px 0 !important; }
.cdk-overlay-pane.mat-datepicker-popup sat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls {
  margin: 0 0 10px 0; }
  .cdk-overlay-pane.mat-datepicker-popup sat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-button-base {
    margin: 0 !important;
    color: #212121 !important;
    background: transparent !important;
    /* height: auto; */ }
.cdk-overlay-pane.buyer-list-modal-mobile {
  height: 90% !important;
  overflow: hidden; }

.select-country-panel .registration-era {
  background-color: #000000;
  color: #FFFFFF; }
  .select-country-panel .registration-era .reg-detail p {
    color: #FFFFFF; }
  .select-country-panel .registration-era .back-btn {
    color: #FFFFFF; }
  .select-country-panel .registration-era .do-it-letter {
    color: #FFFFFF; }
  .select-country-panel .registration-era .help a {
    color: #000000 !important;
    background-color: #FFFFFF; }
  .select-country-panel .registration-era ::ng-deep .mat-select-value {
    color: #000000; }
  .select-country-panel .registration-era ::ng-deep .mat-select-arrow {
    color: #000000; }
  .select-country-panel .registration-era ::ng-deep .mat-form-field-label {
    color: #000000; }
  .select-country-panel .registration-era ::ng-deep .mat-form-field-flex {
    border-bottom: 1px solid #000000; }
  .select-country-panel .registration-era .mat-select.ng-touched,
  .select-country-panel .registration-era .mat-input-element.ng-touched {
    border: 0px solid #000000 !important; }

.legal-agreement-modal .mat-dialog-container .mat-dialog-content {
  max-height: 40vh !important;
  padding: 0 25px; }
  .legal-agreement-modal .mat-dialog-container .mat-dialog-content p {
    text-align: left; }
  .legal-agreement-modal .mat-dialog-container .mat-dialog-content ol {
    padding: 0 15px; }
.legal-agreement-modal .top-block {
  padding: 30px 25px 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row; }
  .legal-agreement-modal .top-block .content-block {
    width: 80%; }
    .legal-agreement-modal .top-block .content-block .top-title {
      margin: 0;
      color: #000000;
      font-weight: 500; }
    .legal-agreement-modal .top-block .content-block p {
      font-size: 14px;
      font-weight: 600; }
  .legal-agreement-modal .top-block .img-block {
    width: 20%;
    position: relative;
    right: -30px; }
.legal-agreement-modal .mat-dialog-actions {
  padding: 0 25px 40px 25px; }

.cdk-overlay-pane.registration-success-modal {
  max-width: 490px !important;
  width: 490px !important; }
.cdk-overlay-pane.terms-condition-modal {
  max-width: 600px !important;
  width: 600px !important; }
.cdk-overlay-pane.signup-generic-modal-panel, .cdk-overlay-pane.signup-generic {
  max-width: 320px !important;
  width: 320px !important; }
.cdk-overlay-pane.welcome-wallet-panel {
  max-width: 550px !important;
  width: 550px !important; }
.cdk-overlay-pane.upload-company-panel {
  max-width: 650px !important;
  width: 650px !important; }
.cdk-overlay-pane.do-it-later-panelclass {
  max-width: 550px !important;
  width: 550px !important; }
.cdk-overlay-pane.select-country-panel {
  max-width: 650px !important;
  width: 650px !important; }
.cdk-overlay-pane.enter-registration-no-modal {
  max-width: 650px !important;
  width: 650px !important; }
.cdk-overlay-pane.view-bids, .cdk-overlay-pane.view-bid-panel {
  max-width: 70% !important;
  width: 70% !important; }
.cdk-overlay-pane.seller-detail-sell-modal-panel, .cdk-overlay-pane.invoice-detail-panel {
  max-width: 600px !important;
  width: 600px !important; }
.cdk-overlay-pane.funder-bid-edit-panel {
  max-width: 550px !important;
  width: 550px !important; }
.cdk-overlay-pane.buyer-detail-buy-modal-panel {
  max-width: 600px !important;
  width: 600px !important; }
.cdk-overlay-pane.seller-detail-buy-modal-panel {
  max-width: 600px !important;
  width: 600px !important; }
.cdk-overlay-pane.bid-accepted-panel, .cdk-overlay-pane.confirm-payment-message-panel, .cdk-overlay-pane.prompt-repayment-message-panel, .cdk-overlay-pane.export-modal-panel, .cdk-overlay-pane.company-not-shown-panel, .cdk-overlay-pane.company-not-found-panel {
  max-width: 400px !important;
  width: 400px !important; }
.cdk-overlay-pane.post-for-auction, .cdk-overlay-pane.upload-invoice, .cdk-overlay-pane.invoice-history-panel, .cdk-overlay-pane.contact-seller-modal-panel, .cdk-overlay-pane.add-owner-modal-panel, .cdk-overlay-pane.add-contact-modal-panel {
  max-width: 800px !important;
  width: 800px !important; }
.cdk-overlay-pane.auction-detail-panel, .cdk-overlay-pane.repost-for-auction, .cdk-overlay-pane.create-bid-pannel, .cdk-overlay-pane.view-bid-details-panel {
  max-width: 90% !important;
  width: 90% !important; }
.cdk-overlay-pane.withdraw-auction-panel, .cdk-overlay-pane.funder-doc-req-panel, .cdk-overlay-pane.accepted-bid-panel, .cdk-overlay-pane.withdraw-bid-confirm-panel {
  max-width: 535px !important;
  width: 535px !important; }
.cdk-overlay-pane.confirm-fund-now-panel, .cdk-overlay-pane.generic-invoice-success-modal-panel, .cdk-overlay-pane.confirm-payment-method-panel, .cdk-overlay-pane.setting-success-message-panel {
  max-width: 500px !important;
  width: 500px !important; }
.cdk-overlay-pane.company-verify-and-address-panel {
  max-width: 1100px !important;
  width: 1100px !important; }
.cdk-overlay-pane.seller-profile-panel {
  max-width: 80% !important;
  width: 80% !important; }
.cdk-overlay-pane.delete-receivable-panel {
  max-width: 580px !important;
  width: 580px !important; }
.cdk-overlay-pane.bid-now-panel-class .mat-form-field-disabled .mat-input-element {
  cursor: not-allowed;
  background: #212349 !important; }
.cdk-overlay-pane.bid-now-panel-class .mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label span {
  background: #212349 !important; }
.cdk-overlay-pane.move-money-funder .mat-form-field-disabled .mat-input-element {
  cursor: not-allowed;
  background: #212349 !important;
  color: #FFFFFF !important; }
.cdk-overlay-pane.move-money-funder .mat-form-field-disabled .mat-form-field-label-wrapper .mat-form-field-label span {
  background: #212349 !important; }
.cdk-overlay-pane.move-money-funder .mat-form-field-label-wrapper .mat-form-field-label {
  display: block !important; }
  .cdk-overlay-pane.move-money-funder .mat-form-field-label-wrapper .mat-form-field-label span {
    background: #1d2056;
    color: #a3aab4;
    padding: 0 6px; }
    .cdk-overlay-pane.move-money-funder .mat-form-field-label-wrapper .mat-form-field-label span.mat-placeholder-required {
      padding-left: 0px; }
  .cdk-overlay-pane.move-money-funder .mat-form-field-label-wrapper .mat-form-field-label.mat-form-field-empty {
    display: block !important; }

.botton-buttons {
  margin: 10px 0; }
  .botton-buttons button {
    max-width: fit-content;
    min-width: 100px;
    border-radius: 65px !important;
    height: 10px !important;
    color: #000000; }
    .botton-buttons button.pink-btn {
      background-color: #855BE0 !important; }

.pay-with-stripe-modal .stripe {
  padding: 0 30px; }
  .pay-with-stripe-modal .stripe h4 {
    text-align: center; }
  .pay-with-stripe-modal .stripe .data {
    margin-bottom: 20px; }
    .pay-with-stripe-modal .stripe .data b {
      display: block;
      font-size: 19px;
      margin-bottom: 5px; }
  .pay-with-stripe-modal .stripe .example-full-width {
    width: 100%; }

::ng-deep .enter-registration-no-modal .mat-form-field-infix {
  border-bottom: 1px solid #FFFFFF; }
  ::ng-deep .enter-registration-no-modal .mat-form-field-infix input {
    color: #FFFFFF;
    font-size: 34px;
    font-family: "Optimistic Text VF";
    font-weight: 500; }
  ::ng-deep .enter-registration-no-modal .mat-form-field-infix .mat-form-field-label-wrapper {
    display: none; }
  ::ng-deep .enter-registration-no-modal .mat-form-field-infix mat-icon {
    position: absolute;
    right: -40px;
    font-size: 35px;
    color: #dd5f6b;
    cursor: pointer; }
    ::ng-deep .enter-registration-no-modal .mat-form-field-infix mat-icon.check {
      color: #36a769; }

.Item-Detail-modalbox .mat-form-field .mat-form-field-flex {
  position: relative; }
  .Item-Detail-modalbox .mat-form-field .mat-form-field-flex .mat-form-field-infix {
    padding-left: 0px !important;
    padding-top: 1px; }
    .Item-Detail-modalbox .mat-form-field .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
      top: 20px !important; }
  .Item-Detail-modalbox .mat-form-field .mat-form-field-flex .mat-form-field-suffix {
    position: absolute;
    right: 7%;
    top: 0px; }
    .Item-Detail-modalbox .mat-form-field .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button {
      background: transparent !important;
      color: #000000 !important;
      margin: 0 !important; }
      .Item-Detail-modalbox .mat-form-field .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
        font-size: 20px; }
.Item-Detail-modalbox .mat-btn-group .add-more-invoice-item {
  background: transparent;
  background-color: inherit;
  border-radius: 15px;
  border: 1px solid #000000;
  height: 30px;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  box-sizing: border-box;
  transition: .2s ease-in; }
  .Item-Detail-modalbox .mat-btn-group .add-more-invoice-item span {
    color: #000000; }
    .Item-Detail-modalbox .mat-btn-group .add-more-invoice-item span:first-child {
      padding: 0 0 0 20px;
      width: 70px; }
  .Item-Detail-modalbox .mat-btn-group .add-more-invoice-item .add-icon {
    border-left: 1px solid #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 8px;
    font-size: 23px; }
  .Item-Detail-modalbox .mat-btn-group .add-more-invoice-item:hover {
    background: #855BE0; }
    .Item-Detail-modalbox .mat-btn-group .add-more-invoice-item:hover span {
      color: #FFFFFF; }
.Item-Detail-modalbox .item-detail-datepicker {
  width: 100% !important; }
  .Item-Detail-modalbox .item-detail-datepicker .mat-form-field-flex {
    position: relative; }
    .Item-Detail-modalbox .item-detail-datepicker .mat-form-field-flex .mat-form-field-infix {
      padding-left: 0px !important;
      padding-top: 1px; }
      .Item-Detail-modalbox .item-detail-datepicker .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
        top: 20px !important; }
    .Item-Detail-modalbox .item-detail-datepicker .mat-form-field-flex .mat-form-field-suffix {
      position: absolute;
      right: 7%;
      top: 0px; }
      .Item-Detail-modalbox .item-detail-datepicker .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button {
        background: transparent !important;
        color: #000000 !important;
        margin: 0 !important; }
        .Item-Detail-modalbox .item-detail-datepicker .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
          font-size: 20px; }

.funder-bg.auction-detail-panel .mat-card {
  background-color: #F1F4F7 !important; }
.funder-bg.auction-detail-panel .auction-detail-table .header-table {
  background-color: #000000 !important; }
  .funder-bg.auction-detail-panel .auction-detail-table .header-table th {
    color: #FFFFFF !important; }
  .funder-bg.auction-detail-panel .auction-detail-table .header-table td {
    color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .simplebar-content p {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .seller-detail-block {
  border: 1px solid #000000 !important; }
  .funder-bg.auction-detail-panel .seller-detail-block .seller-detail-item-block {
    color: #FFFFFF !important;
    border-bottom: 1px solid #000000 !important; }
    .funder-bg.auction-detail-panel .seller-detail-block .seller-detail-item-block:last-child {
      border-bottom: none !important; }
    .funder-bg.auction-detail-panel .seller-detail-block .seller-detail-item-block span {
      color: #FFFFFF !important; }
      .funder-bg.auction-detail-panel .seller-detail-block .seller-detail-item-block span a {
        color: #855BE0 !important; }
.funder-bg.auction-detail-panel .supporting-detail-block p {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .supporting-document-links .additional-document {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .supporting-document-links a {
  color: #855BE0 !important; }
.funder-bg.auction-detail-panel .invoice-included-table .simplebar-mask table th {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .invoice-included-table .simplebar-mask table td.text-blue {
  color: #855BE0 !important; }
.funder-bg.auction-detail-panel .invoice-included-table .simplebar-mask table td.disabled {
  color: #DDD9E6 !important; }
.funder-bg.auction-detail-panel .invoice-included-table .simplebar-mask table td {
  color: #FFFFFF !important; }
.funder-bg.auction-detail-panel .clear-all {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .mat-card {
  background-color: #F1F4F7 !important; }
.funder-bg.create-bid-pannel .auction-detail-title {
  border-color: transparent !important; }
.funder-bg.create-bid-pannel .auction-detail-table .header-table {
  background-color: #000000 !important;
  border-color: transparent !important; }
  .funder-bg.create-bid-pannel .auction-detail-table .header-table th {
    color: #FFFFFF !important; }
  .funder-bg.create-bid-pannel .auction-detail-table .header-table td {
    color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .seller-detail-block p {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-labels .mat-tab-label {
  color: #FFFFFF !important;
  background-color: transparent !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  color: #855BE0 !important;
  background-color: transparent !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content p {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content .add-auction-block textarea {
  background-color: #F1F4F7 !important;
  border-color: #a3aab4;
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content .add-auction-block input {
  color: #FFFFFF !important; }
  .funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content .add-auction-block input.disabled {
    background: #424572 !important;
    color: #a3aab4 !important;
    cursor: not-allowed; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .simplebar-content .mat-tab-body-content .add-auction-block .or-block {
  color: #FFFFFF; }
.funder-bg.create-bid-pannel .seller-detail-supporting-block .mat-form-field-wrapper input {
  background-color: #F1F4F7 !important; }
.funder-bg.create-bid-pannel .invoice-included-table .simplebar-mask table th {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .invoice-included-table .simplebar-mask table td.text-blue {
  color: #855BE0 !important; }
.funder-bg.create-bid-pannel .invoice-included-table .simplebar-mask table td.disabled {
  color: #DDD9E6 !important; }
.funder-bg.create-bid-pannel .invoice-included-table .simplebar-mask table td {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .clear-all {
  color: #FFFFFF !important; }
.funder-bg.create-bid-pannel .mat-datepicker-toggle {
  right: 10px !important; }
.funder-bg .mat-dialog-container {
  background-color: #F1F4F7; }
.funder-bg .inside-dialog-box {
  background-color: #F1F4F7;
  border-radius: 20px; }
  .funder-bg .inside-dialog-box .mat-dialog-title {
    color: #FFFFFF !important; }
  .funder-bg .inside-dialog-box mat-icon {
    color: #FFFFFF !important; }
  .funder-bg .inside-dialog-box .mat-dialog-content {
    text-align: left; }
    .funder-bg .inside-dialog-box .mat-dialog-content p {
      color: #FFFFFF !important;
      display: block;
      width: 100%; }
    .funder-bg .inside-dialog-box .mat-dialog-content a {
      color: #FFFFFF !important;
      text-decoration: underline;
      font-size: 15px; }
      .funder-bg .inside-dialog-box .mat-dialog-content a:focus, .funder-bg .inside-dialog-box .mat-dialog-content a:visited {
        outline: none; }
  .funder-bg .inside-dialog-box .botton-buttons .go-back {
    color: #FFFFFF; }
  .funder-bg .inside-dialog-box .botton-buttons button {
    box-shadow: 0 4px 5px #212121 !important; }
  .funder-bg .inside-dialog-box .mat-dialog-subtitle {
    color: #FFFFFF; }
.funder-bg.invoice-detail-panel .invoice-detail-title {
  color: #FFFFFF !important; }
.funder-bg.invoice-detail-panel .invoice-detail-block {
  border-color: #000000 !important;
  background-color: #F1F4F7 !important; }
  .funder-bg.invoice-detail-panel .invoice-detail-block .invoice-detail-item-block {
    border-bottom: 1px solid #000000 !important; }
    .funder-bg.invoice-detail-panel .invoice-detail-block .invoice-detail-item-block:last-child {
      border-bottom: none !important; }
.funder-bg.invoice-detail-panel .invoice-detail-item-block {
  color: #FFFFFF !important; }
  .funder-bg.invoice-detail-panel .invoice-detail-item-block span {
    color: #FFFFFF !important; }
  .funder-bg.invoice-detail-panel .invoice-detail-item-block.disabled {
    color: #686c9c !important; }
    .funder-bg.invoice-detail-panel .invoice-detail-item-block.disabled span {
      color: #686c9c !important; }
.funder-bg.invoice-detail-panel .projected-discount-term {
  color: #FFFFFF !important; }
.funder-bg.invoice-detail-panel mat-icon.close {
  color: #FFFFFF !important; }
.funder-bg.confirm-invoice-funding-panel .confirm-invoice {
  padding: 0 30px; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice .modal-header {
    text-align: right;
    color: #866e6e;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 20px 0 15px; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice .go-back {
    color: #aca8c8; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice .mat-dialog-actions {
    margin-bottom: 20px;
    justify-content: space-evenly; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice .mat-button {
    margin: 0 !important;
    background: #55ce98 !important; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice.funding-note-information .seller-detail-supporting-block {
    background: #FFFFFF;
    border-radius: 8px; }
  .funder-bg.confirm-invoice-funding-panel .confirm-invoice.funding-note-information .seller-detail-item-block {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px 5px;
    border-bottom: 1px solid #e1e1e1;
    color: #000000; }
    .funder-bg.confirm-invoice-funding-panel .confirm-invoice.funding-note-information .seller-detail-item-block:last-child {
      border: none; }
    .funder-bg.confirm-invoice-funding-panel .confirm-invoice.funding-note-information .seller-detail-item-block span {
      text-align: left;
      width: 170px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
.funder-bg.confirm-invoice-funding-panel .mat-dialog-container .mat-dialog-content {
  padding: 0 30px !important; }
  .funder-bg.confirm-invoice-funding-panel .mat-dialog-container .mat-dialog-content .top-para {
    margin: 0 0 30px !important; }
  .funder-bg.confirm-invoice-funding-panel .mat-dialog-container .mat-dialog-content .color-danger {
    color: #D15F5F; }
  .funder-bg.confirm-invoice-funding-panel .mat-dialog-container .mat-dialog-content p {
    color: #FFFFFF !important;
    max-width: 100% !important; }
.funder-bg .confirm-invoice mat-card .fund-detail {
  background: #000000 !important;
  border: 1px solid #855BE0 !important; }
  .funder-bg .confirm-invoice mat-card .fund-detail .mat-list-item {
    border: 1px solid #855BE0 !important; }
    .funder-bg .confirm-invoice mat-card .fund-detail .mat-list-item .select-bank mat-select.ng-touched {
      border-bottom: 1px solid #855BE0 !important;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important; }
.funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container {
  background: #374752; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-title, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-title {
    color: #FFFFFF !important; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block {
    border-color: #000000 !important;
    background-color: #F1F4F7 !important; }
    .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block .invoice-detail-item-block, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block .invoice-detail-item-block {
      border-bottom: 1px solid #000000 !important; }
      .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block .invoice-detail-item-block:last-child, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-block .invoice-detail-item-block:last-child {
        border-bottom: none !important; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block {
    color: #FFFFFF !important; }
    .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block span, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block span {
      color: #FFFFFF !important; }
    .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block.disabled, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block.disabled {
      color: #686c9c !important; }
      .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block.disabled span, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .invoice-detail-item-block.disabled span {
        color: #686c9c !important; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container .projected-discount-term, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container .projected-discount-term {
    color: #FFFFFF !important; }
  .funder-bg.buyer-detail-buy-modal-panel .mat-dialog-container mat-icon.close, .funder-bg.seller-detail-buy-modal-panel .mat-dialog-container mat-icon.close {
    color: #FFFFFF !important; }

.export-modal-panel .export-block .mat-form-field-wrapper {
  padding-bottom: 0; }

.accepted-bid-panel .inside-dialog-box .mat-dialog-title {
  padding: 0; }
.accepted-bid-panel .inside-dialog-box .mat-dialog-subtitle {
  font-size: 17px;
  text-align: center;
  margin: 5px 0 0;
  font-weight: 500; }
.accepted-bid-panel .inside-dialog-box .bid-details-block {
  width: 100%;
  background-color: #855BE0;
  border-radius: 5px;
  padding: 20px 30px;
  margin: 25px 0 10px;
  box-sizing: border-box; }
  .accepted-bid-panel .inside-dialog-box .bid-details-block .inner-block {
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 10px; }
    .accepted-bid-panel .inside-dialog-box .bid-details-block .inner-block span {
      width: 50%;
      display: inline-block;
      text-align: left; }
      .accepted-bid-panel .inside-dialog-box .bid-details-block .inner-block span:first-child {
        text-transform: uppercase; }
.accepted-bid-panel .inside-dialog-box.seller-accept-bid .icn-block {
  margin-bottom: 0px; }
  .accepted-bid-panel .inside-dialog-box.seller-accept-bid .icn-block img {
    height: 80px; }
.accepted-bid-panel .inside-dialog-box.seller-accept-bid .mat-dialog-content {
  padding: 0 !important; }
  .accepted-bid-panel .inside-dialog-box.seller-accept-bid .mat-dialog-content p {
    margin-bottom: 0; }
.accepted-bid-panel .mat-dialog-content {
  text-align: left; }
  .accepted-bid-panel .mat-dialog-content p {
    width: 100%; }

.inside-dialog-box .icn-block,
.view-bid-panel .icn-block {
  width: 100%;
  text-align: center;
  margin-bottom: 15px; }
.inside-dialog-box .mat-dialog-content a,
.view-bid-panel .mat-dialog-content a {
  color: #855BE0;
  font-size: 14px; }

.funder-doc-req-panel .document-req-block {
  width: 100%;
  border: 1px solid #855BE0;
  background-color: #000000;
  border-radius: 5px;
  box-sizing: border-box;
  margin-top: 15px; }
  .funder-doc-req-panel .document-req-block .form-label {
    display: block;
    padding: 15px 15px;
    color: #FFFFFF;
    width: 100%;
    margin: 0;
    font-size: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #855BE0;
    font-weight: 300;
    font-size: 14px; }
.funder-doc-req-panel .mat-form-field-wrapper {
  padding-bottom: 0; }
.funder-doc-req-panel .mat-form-field-infix {
  padding: 0;
  border: none; }
.funder-doc-req-panel input {
  border-bottom: 1px solid #855BE0 !important;
  padding: 15px 15px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  color: #a3aab4;
  font-size: 15px;
  font-weight: 300; }
  .funder-doc-req-panel input.ng-touched {
    border-bottom: 1px solid #855BE0 !important; }
.funder-doc-req-panel .mat-form-field-underline {
  display: none; }
.funder-doc-req-panel .mat-form-field:last-child input {
  border-bottom: none; }
.funder-doc-req-panel .mat-dialog-content {
  max-height: 350px; }

.withdraw-auction-panel .inside-dialog-box {
  text-align: left !important; }
  .withdraw-auction-panel .inside-dialog-box .mat-dialog-title {
    text-align: left !important;
    padding: 20px 20px 20px 40px; }
  .withdraw-auction-panel .inside-dialog-box .mat-dialog-content {
    max-height: 360px;
    text-align: left; }
    .withdraw-auction-panel .inside-dialog-box .mat-dialog-content p {
      display: block;
      width: 100%; }

.funder-bg .auction-detail .mat-card .auction-detail-title h6 {
  color: #FFFFFF !important; }

.registration-success-modal .mat-dialog-container {
  padding: 0 30px 0 !important;
  box-sizing: border-box; }
.registration-success-modal .modal-header {
  width: 100%;
  height: 120px;
  background-image: url("https://static.crowdz.io/assets/images/confetti.svg");
  background-size: cover;
  background-repeat: no-repeat; }
.registration-success-modal .modal-title {
  margin: 0 0 15px;
  font-weight: 500; }
.registration-success-modal p {
  line-height: 30px;
  margin: 5px 0 0;
  font-size: 15px; }
.registration-success-modal .btn-block {
  text-align: right;
  background-image: url(https://static.crowdz.io/assets/images/confetti.svg);
  background-size: 90%;
  background-repeat: no-repeat;
  padding: 0 0 30px; }
.registration-success-modal button {
  width: 100%;
  max-width: 160px;
  font-size: 14px;
  margin: 15px 0 0 !important;
  display: inline-block;
  cursor: pointer;
  outline: none !important;
  box-shadow: none;
  border: none; }

.spam-confirmation-panel .mat-dialog-container {
  background-color: #FFFFFF; }
  .spam-confirmation-panel .mat-dialog-container .success-bid {
    position: relative; }
    .spam-confirmation-panel .mat-dialog-container .success-bid mat-icon {
      position: absolute;
      top: 0;
      right: 20px;
      color: #000000; }
    .spam-confirmation-panel .mat-dialog-container .success-bid img {
      margin: 35px auto;
      display: block; }
    .spam-confirmation-panel .mat-dialog-container .success-bid h3 {
      font-size: 18px;
      color: #000000;
      margin: 22px auto;
      text-align: center;
      font-weight: 500;
      max-width: 350px;
      line-height: 30px; }
      .spam-confirmation-panel .mat-dialog-container .success-bid h3:last-child {
        margin-bottom: 50px; }
    .spam-confirmation-panel .mat-dialog-container .success-bid a {
      text-decoration: underline;
      color: #855BE0;
      font-size: 18px; }
      .spam-confirmation-panel .mat-dialog-container .success-bid a.cursor-pointer {
        cursor: pointer; }
.spam-confirmation-panel .mat-dialog-actions {
  flex-wrap: nowrap; }
  .spam-confirmation-panel .mat-dialog-actions button {
    margin-left: 0;
    box-shadow: none;
    height: 70px;
    font-family: "Optimistic Text VF";
    font-size: 20px;
    border-radius: 0px !important;
    margin: 0 !important; }
    .spam-confirmation-panel .mat-dialog-actions button:first-child {
      background: #ddd !important;
      color: #a3aab4 !important;
      border-radius: 0px !important;
      height: 70px;
      border-top: 1px solid #858585;
      color: #000000 !important;
      margin: 0 !important; }
      .spam-confirmation-panel .mat-dialog-actions button:first-child:hover {
        background-color: #ccc9c9 !important; }

.secure-password h2.mat-dialog-title {
  color: #000000; }
  .secure-password h2.mat-dialog-title a {
    color: #855BE0; }

.invoice-history-panel .generic-success-parent-modal .mat-dialog-title p span {
  color: #855BE0; }

.confirm-fund-now-panel .inside-dialog-box .mat-dialog-title {
  padding: 0; }
.confirm-fund-now-panel .inside-dialog-box .mat-dialog-subtitle {
  font-size: 15px;
  text-align: center;
  margin: 5px 0 0;
  font-weight: 500; }
.confirm-fund-now-panel .inside-dialog-box .bid-details-block {
  width: 100%;
  background-color: #855BE0;
  border-radius: 5px;
  padding: 20px 30px;
  margin: 25px 0 10px;
  box-sizing: border-box; }
  .confirm-fund-now-panel .inside-dialog-box .bid-details-block .inner-block {
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 10px; }
    .confirm-fund-now-panel .inside-dialog-box .bid-details-block .inner-block span {
      width: 50%;
      display: inline-block;
      text-align: left; }
      .confirm-fund-now-panel .inside-dialog-box .bid-details-block .inner-block span:first-child {
        text-transform: uppercase; }
.confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .icn-block {
  margin-bottom: 0px; }
  .confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .icn-block img {
    height: 80px; }
.confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .mat-dialog-content {
  padding: 0 !important;
  text-align: left; }
  .confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .mat-dialog-content p {
    margin-bottom: 0;
    width: 100%; }
    .confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .mat-dialog-content p a {
      color: #855BE0 !important; }
.confirm-fund-now-panel .inside-dialog-box.funder-accept-bid-block .botton-buttons {
  justify-content: center !important;
  margin-right: 0 !important; }

.confirm-payment-method-panel {
  position: relative !important; }
  .confirm-payment-method-panel .what-to-do h4 {
    padding: 0 15px;
    margin: 30px 0 30px 20px;
    font-size: 14px; }
  .confirm-payment-method-panel .what-to-do button {
    width: 201px;
    float: right;
    height: 49px;
    margin: 15px !important;
    background-color: #855BE0 !important;
    box-shadow: 1px 1px 5px 4px rgba(233, 233, 233, 0.5); }
  .confirm-payment-method-panel .what-to-do .mat-radio-group {
    box-sizing: border-box;
    display: block;
    padding: 0px 30px 15px 30px; }
  .confirm-payment-method-panel .what-to-do .mat-radio-button {
    margin-bottom: 15px;
    display: block; }

.confirm-payment-message-panel p {
  width: 100%; }
.confirm-payment-message-panel .inside-dialog-box h2 {
  color: #000000;
  text-align: left; }
.confirm-payment-message-panel .inside-dialog-box .mat-dialog-content {
  text-align: left;
  padding: 0 20px 30px 20px !important; }

.prompt-repayment-message-panel .inside-dialog-box .mat-dialog-content {
  text-align: left;
  padding: 0 20px 30px 20px !important; }
.prompt-repayment-message-panel .inside-dialog-box .botton-buttons {
  justify-content: center !important;
  margin-right: 0 !important; }

@media screen and (max-width: 767px) {
  .cdk-overlay-pane.select-country-panel {
    max-width: 90% !important;
    width: 100%; }
    .cdk-overlay-pane.select-country-panel .mat-form-field.mat-focused.mat-form-field-should-float .mat-form-field-underline {
      display: none; }

  .cdk-overlay-pane .mat-country-select-option.mat-select-panel.mat-select-search-panel {
    margin-top: 80px !important; }
    .cdk-overlay-pane .mat-country-select-option.mat-select-panel.mat-select-search-panel .mat-option .mat-option-text {
      font-size: 16px !important; }
  .cdk-overlay-pane .mat-country-select-option .mat-select-search-input {
    font-size: 18px !important; }

  .secure-password-panel {
    overflow-y: auto; }

  .cdk-overlay-pane.terms-condition-modal {
    width: 90% !important; }

  .terms-condition-modal .simplebar-content {
    padding: 0 !important; }
  .terms-condition-modal h2 {
    font-size: 17px !important;
    line-height: initial !important;
    padding: 0 20px !important;
    margin: 15px 0 10px !important; }
  .terms-condition-modal .terms-conditions .simplebar-content div {
    padding: 0 20px; }
  .terms-condition-modal .mat-btn-group {
    padding: 0 20px 40px 20px !important; }

  .cdk-overlay-container .cdk-overlay-backdrop + .cdk-global-overlay-wrapper .cdk-overlay-pane {
    width: 100% !important;
    max-width: 600px !important;
    position: absolute !important;
    bottom: 0 !important; }
    .cdk-overlay-container .cdk-overlay-backdrop + .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container {
      border-radius: 0px !important; } }
@media screen and (min-height: 600px) {
  .cdk-overlay-pane.invoice-detail-panel .mat-dialog-content {
    max-height: 80vh; }
  .cdk-overlay-pane.seller-detail-sell-modal-panel .mat-dialog-content {
    max-height: 85vh; }
  .cdk-overlay-pane.seller-detail-buy-modal-panel .mat-dialog-content {
    max-height: 85vh; }
  .cdk-overlay-pane.buyer-detail-buy-modal-panel .mat-dialog-content {
    max-height: 85vh; } }
.otp-country-block.mat-select-panel {
  max-width: 175px;
  min-width: 160px !important; }

.company-not-found-panel .botton-buttons {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center !important; }
  .company-not-found-panel .botton-buttons button {
    min-width: 120px !important; }

.frozen-flag-dailog-block .mat-dialog-title {
  padding: 20px 20px;
  text-align: center;
  font-family: "Optimistic Text VF";
  color: #000000;
  font-size: 14px; }
.frozen-flag-dailog-block .mat-dialog-content {
  padding: 0 50px;
  align-items: center;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  height: 180px;
  text-align: center; }
  .frozen-flag-dailog-block .mat-dialog-content p {
    font-family: "Optimistic Text VF";
    color: #000000;
    max-width: 300px;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px; }
.frozen-flag-dailog-block .mat-dialog-actions {
  padding: 8px 0;
  display: flex;
  flex-wrap: wrap;
  min-height: 52px;
  align-items: center;
  margin-bottom: -24px; }
  .frozen-flag-dailog-block .mat-dialog-actions .mat-button {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    margin: 0 !important; }

.company-success-panel .mat-dialog-content {
  flex-wrap: wrap; }

.blue-bg {
  background: #000000 !important; }
  .blue-bg .invoice-table-div .preauction-block {
    overflow: hidden; }
  .blue-bg .invoice-table-div td.mat-column-action a {
    color: #855BE0 !important; }
  .blue-bg .mat-table-div.auction-table-div .invoice-table-div .mat-table th .mat-sort-header-container .mat-sort-header-button {
    color: #000000 !important; }
  .blue-bg .mat-table-div.auction-table-div .invoice-table-div .mat-table td.mat-column-action div span {
    color: #FFFFFF; }
  .blue-bg .mat-table-div.auction-table-div .invoice-table-div .mat-table td.mat-column-action div.green span {
    color: #FFFFFF; }
    .blue-bg .mat-table-div.auction-table-div .invoice-table-div .mat-table td.mat-column-action div.green span:hover {
      color: #0abb87; }
  .blue-bg .mat-table-div.auction-table-div .invoice-table-div .mat-table th .bid_percent,
  .blue-bg .mat-table-div.auction-table-div .invoice-table-div .mat-table td .bid_percent {
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5); }
  .blue-bg .mat-sidenav-content {
    background-image: linear-gradient(to bottom, #F1F4F7, #F1F4F7); }
    .blue-bg .mat-sidenav-content .header .float-left h6 {
      color: #000000; }
    .blue-bg .mat-sidenav-content .header ul li a {
      color: #000000; }
    .blue-bg .mat-sidenav-content .header ul li .seller-badge {
      color: #000000; }
    .blue-bg .mat-sidenav-content .title_heading {
      color: #000000; }
  .blue-bg .simplebar-scrollbar:before {
    background: #000000; }
  .blue-bg mat-sidenav .mat-nav-list .sidebar-logo-block a {
    padding: 25px 30px 25px 40px; }
  .blue-bg mat-sidenav .mat-nav-list.collapsed-sidebar .sidebar-logo-block a {
    width: 20px;
    padding: 25px 0;
    margin: 0 auto; }
    .blue-bg mat-sidenav .mat-nav-list.collapsed-sidebar .sidebar-logo-block a img {
      padding: 0 !important; }
  .blue-bg mat-sidenav .sidebar_logo {
    width: 100%;
    padding: 0;
    display: block;
    box-sizing: border-box; }
  .blue-bg mat-sidenav ul li a {
    color: #FFFFFF !important; }
    .blue-bg mat-sidenav ul li a.active, .blue-bg mat-sidenav ul li a:hover {
      background-color: #6335CA;
      border-bottom-right-radius: 30px;
      border-top-right-radius: 30px; }
      .blue-bg mat-sidenav ul li a.active img, .blue-bg mat-sidenav ul li a:hover img {
        filter: brightness(1); }
      .blue-bg mat-sidenav ul li a.active span, .blue-bg mat-sidenav ul li a:hover span {
        color: #FFFFFF; }
  .blue-bg mat-sidenav ul li.repayment-tab img {
    width: 18px;
    height: 19px; }
  .blue-bg mat-sidenav.mat-drawer-side {
    border: none;
    box-shadow: 0 0 5px #855BE0; }
  .blue-bg mat-sidenav .mat-drawer-inner-container {
    background-color: #855BE0; }
  .blue-bg mat-sidenav span {
    color: #FFFFFF;
    font-family: 'Hind', sans-serif; }
  .blue-bg mat-sidenav .help a {
    color: #000000 !important;
    background: #FFFFFF; }
    .blue-bg mat-sidenav .help a img {
      filter: brightness(1); }
    .blue-bg mat-sidenav .help a:hover {
      border-radius: 30px;
      color: #FFFFFF !important;
      background: #000000; }
  .blue-bg mat-sidenav.surf-dashboard-sidebar {
    box-shadow: 0 0 5px var(--secondary-background-color) !important; }
    .blue-bg mat-sidenav.surf-dashboard-sidebar ul li a.active {
      background-color: var(--secondary-background-color); }
    .blue-bg mat-sidenav.surf-dashboard-sidebar ul li a:hover {
      background-color: var(--secondary-background-color); }
    .blue-bg mat-sidenav.surf-dashboard-sidebar .mat-drawer-inner-container {
      background-color: var(--base-color); }
  .blue-bg .user-name .user-roles {
    background: #855BE0 !important; }
  .blue-bg .humburg-menu-icon {
    color: #FFFFFF !important; }
    .blue-bg .humburg-menu-icon:hover {
      background-color: #855BE0 !important;
      color: #FFFFFF !important; }
  .blue-bg .dashboard-body.progress .mat-card {
    box-shadow: none !important; }
    .blue-bg .dashboard-body.progress .mat-card .mat-progress-bar .mat-progress-bar-fill:after {
      background-color: #000000 !important; }
  .blue-bg .dashboard-body .mat-card.gradient, .blue-bg .dashboard-body .mat-card.gradient-grey, .blue-bg .dashboard-body .mat-card.industry-update, .blue-bg .dashboard-body .mat-card.gradient-pitch {
    box-shadow: none !important; }
  .blue-bg .dashboard-body .top-height .normal a {
    color: #855BE0 !important; }
  .blue-bg .footer-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px; }
    .blue-bg .footer-block .mat-paginator {
      background-color: transparent !important;
      display: inline-block; }
      .blue-bg .footer-block .mat-paginator .mat-paginator-container {
        color: #000000; }
        .blue-bg .footer-block .mat-paginator .mat-paginator-container .mat-select-value {
          color: #000000; }
        .blue-bg .footer-block .mat-paginator .mat-paginator-container .mat-select-arrow {
          color: #000000; }
        .blue-bg .footer-block .mat-paginator .mat-paginator-container .mat-form-field-underline {
          background-color: #855BE0 !important; }
        .blue-bg .footer-block .mat-paginator .mat-paginator-container .mat-paginator-page-size-select.mat-form-field.mat-focused .mat-form-field-ripple {
          background-color: #855BE0 !important; }
      .blue-bg .footer-block .mat-paginator .mat-paginator-range-label,
      .blue-bg .footer-block .mat-paginator .mat-paginator-page-size-label {
        color: #000000; }
    .blue-bg .footer-block .set-auction-term-block {
      white-space: nowrap;
      display: flex;
      align-items: center;
      font-family: "Optimistic Text VF"; }
      .blue-bg .footer-block .set-auction-term-block .select-auction-block {
        border-right: 1px solid #FFFFFF;
        margin-right: 10px;
        color: #FFFFFF; }
        .blue-bg .footer-block .set-auction-term-block .select-auction-block span {
          color: #855BE0;
          padding-right: 10px; }
          .blue-bg .footer-block .set-auction-term-block .select-auction-block span.disabled {
            opacity: 0.4; }
        .blue-bg .footer-block .set-auction-term-block .select-auction-block:last-of-type {
          margin-right: 20px;
          border-right: 0px solid #FFFFFF; }
      .blue-bg .footer-block .set-auction-term-block button {
        margin: 0 !important;
        font-family: "Optimistic Text VF"; }
  .blue-bg .auction-date {
    color: #FFFFFF !important; }
  .blue-bg .invoices .filters h6,
  .blue-bg .invoices .manage_invoices h6 {
    color: #000000 !important; }
  .blue-bg .invoices .filters .mat-expansion-panel {
    background: transparent;
    box-shadow: none;
    margin: 0 0;
    border-bottom: none; }
    @media screen and (max-width: 450px) {
      .blue-bg .invoices .filters .mat-expansion-panel {
        margin: 0 0 0 0; } }
    .blue-bg .invoices .filters .mat-expansion-panel .mat-expansion-panel-header {
      height: 34px !important;
      border-bottom: 1px solid #c7c7c7;
      border-radius: 0px;
      padding: 0 10px 0 0; }
      .blue-bg .invoices .filters .mat-expansion-panel .mat-expansion-panel-header:hover {
        background-color: inherit; }
    .blue-bg .invoices .filters .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after {
      color: #000000; }
    .blue-bg .invoices .filters .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
      padding: 0; }
  .blue-bg .invoices .apply-btn {
    background-color: #855BE0 !important;
    max-width: 100px;
    min-width: 90px;
    text-align: center;
    margin: 15px 0 15px 120px !important;
    min-height: 0;
    max-height: 30px;
    line-height: 27px; }
    .blue-bg .invoices .apply-btn span {
      min-width: auto; }
  .blue-bg .invoices .auction-card-block .auction-card-title {
    color: #FFFFFF !important; }
  .blue-bg .invoices .mat-chip-list {
    display: flex;
    align-items: center;
    width: calc(100% - 17%); }
    .blue-bg .invoices .mat-chip-list .mat-chip-list-wrapper {
      width: 100%; }
    .blue-bg .invoices .mat-chip-list .mat-chip.white {
      background-color: #dcdcdc !important;
      color: #000000 !important;
      border: 1px solid #000000;
      min-width: fit-content;
      padding: 0 15px;
      line-height: 24px; }
    .blue-bg .invoices .mat-chip-list .mat-chip .mat-icon {
      height: auto;
      font-size: 13px;
      top: 4px;
      width: 15px;
      position: relative;
      cursor: pointer;
      color: #000000 !important; }
      .blue-bg .invoices .mat-chip-list .mat-chip .mat-icon.round-select {
        top: 3px; }
  .blue-bg .invoices .manage_invoices .enter-invoice .example-full-width .mat-form-field-label-wrapper .mat-form-field-label span {
    color: #FFFFFF !important;
    background: transparent !important; }
  .blue-bg .invoice-info-block + .footer-block {
    justify-content: flex-end; }

mat-sidenav .mat-nav-list .sidebar-logo-block a {
  padding: 25px 30px 25px 40px; }

.dark-bg {
  background: #f6f6f5 !important; }
  .dark-bg .auction-table-div .mat-paginator {
    background-color: transparent !important;
    display: inline-block; }
    .dark-bg .auction-table-div .mat-paginator .mat-paginator-container {
      color: #000000; }
      .dark-bg .auction-table-div .mat-paginator .mat-paginator-container .mat-select-value {
        color: #000000; }
      .dark-bg .auction-table-div .mat-paginator .mat-paginator-container .mat-select-arrow {
        color: #000000; }
      .dark-bg .auction-table-div .mat-paginator .mat-paginator-container .mat-form-field-underline {
        background-color: #855BE0 !important; }
      .dark-bg .auction-table-div .mat-paginator .mat-paginator-container .mat-paginator-page-size-select.mat-form-field.mat-focused .mat-form-field-ripple {
        background-color: #855BE0 !important; }
    .dark-bg .auction-table-div .mat-paginator .mat-paginator-range-label,
    .dark-bg .auction-table-div .mat-paginator .mat-paginator-page-size-label {
      color: #000000; }
  .dark-bg .mat-table-div.funder-mat-table .invoice-table-div .mat-table th .mat-sort-header-container .mat-sort-header-button {
    color: #FFFFFF !important; }
  .dark-bg .mat-table-div.funder-mat-table .invoice-table-div .mat-table td.mat-column-action div span {
    color: #FFFFFF; }
  .dark-bg .mat-table-div.funder-mat-table .invoice-table-div .mat-table td.mat-column-action div.green span {
    color: #FFFFFF; }
    .dark-bg .mat-table-div.funder-mat-table .invoice-table-div .mat-table td.mat-column-action div.green span:hover {
      color: #0abb87; }
  .dark-bg .mat-table-div.funder-mat-table .invoice-table-div .mat-table th .bid_percent,
  .dark-bg .mat-table-div.funder-mat-table .invoice-table-div .mat-table td .bid_percent {
    color: #FFFFFF;
    border: 1px solid #FFFFFF; }
  .dark-bg .funder-table-div .mat-paginator {
    background-color: transparent !important;
    display: inline-block; }
    .dark-bg .funder-table-div .mat-paginator .mat-paginator-container {
      color: #000000; }
      .dark-bg .funder-table-div .mat-paginator .mat-paginator-container .mat-select-value {
        color: #000000; }
      .dark-bg .funder-table-div .mat-paginator .mat-paginator-container .mat-select-arrow {
        color: #000000; }
      .dark-bg .funder-table-div .mat-paginator .mat-paginator-container .mat-form-field-underline {
        background-color: #855BE0 !important; }
      .dark-bg .funder-table-div .mat-paginator .mat-paginator-container .mat-paginator-page-size-select.mat-form-field.mat-focused .mat-form-field-ripple {
        background-color: #855BE0 !important; }
    .dark-bg .funder-table-div .mat-paginator .mat-paginator-range-label,
    .dark-bg .funder-table-div .mat-paginator .mat-paginator-page-size-label {
      color: #000000; }
  .dark-bg .mat-sidenav-content {
    background-color: #F1F4F7;
    background-image: none; }
    .dark-bg .mat-sidenav-content .header .float-left h6 {
      color: #000000; }
    .dark-bg .mat-sidenav-content .header ul li a {
      color: #000000; }
    .dark-bg .mat-sidenav-content .header ul li .seller-badge {
      color: #000000; }
    .dark-bg .mat-sidenav-content .title_heading {
      color: #000000; }
  .dark-bg .simplebar-scrollbar:before {
    background: #000000; }
  .dark-bg mat-sidenav ul li a {
    color: #FFFFFF !important; }
    .dark-bg mat-sidenav ul li a.active, .dark-bg mat-sidenav ul li a:hover {
      background-color: #6335CA;
      border-bottom-right-radius: 30px;
      border-top-right-radius: 30px; }
      .dark-bg mat-sidenav ul li a.active img, .dark-bg mat-sidenav ul li a:hover img {
        filter: brightness(1); }
      .dark-bg mat-sidenav ul li a.active span, .dark-bg mat-sidenav ul li a:hover span {
        color: #FFFFFF; }
    .dark-bg mat-sidenav ul li a img {
      filter: brightness(1); }
  .dark-bg mat-sidenav ul li.repayment-tab img {
    width: 18px;
    height: 19px; }
  .dark-bg mat-sidenav.mat-drawer-side {
    border: none;
    box-shadow: 0 0 5px #855BE0; }
  .dark-bg mat-sidenav .mat-drawer-inner-container {
    background-color: #855BE0; }
  .dark-bg mat-sidenav span {
    color: #FFFFFF;
    font-family: 'Hind', sans-serif; }
  .dark-bg mat-sidenav .help a {
    color: #000000 !important;
    background: #FFFFFF; }
    .dark-bg mat-sidenav .help a:hover {
      border-radius: 30px;
      color: #FFFFFF !important;
      background: #000000; }
  .dark-bg .user-name .user-roles {
    background: #855BE0 !important; }
  .dark-bg .humburg-menu-icon {
    color: #FFFFFF !important; }
    .dark-bg .humburg-menu-icon:hover {
      background-color: #855BE0 !important;
      color: #FFFFFF !important; }
  .dark-bg .dashboard-body.progress .mat-card {
    box-shadow: none !important; }
    .dark-bg .dashboard-body.progress .mat-card .mat-progress-bar .mat-progress-bar-fill:after {
      background-color: #000000 !important; }
  .dark-bg .dashboard-body .mat-card.gradient, .dark-bg .dashboard-body .mat-card.gradient-grey, .dark-bg .dashboard-body .mat-card.industry-update, .dark-bg .dashboard-body .mat-card.gradient-pitch {
    box-shadow: none !important; }
  .dark-bg .dashboard-body .top-height .normal a {
    color: #855BE0 !important; }
  .dark-bg .footer-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px; }
    .dark-bg .footer-block .mat-paginator {
      background-color: transparent !important;
      display: inline-block; }
      .dark-bg .footer-block .mat-paginator .mat-paginator-container {
        color: #000000; }
        .dark-bg .footer-block .mat-paginator .mat-paginator-container .mat-select-value {
          color: #000000; }
        .dark-bg .footer-block .mat-paginator .mat-paginator-container .mat-select-arrow {
          color: #000000; }
        .dark-bg .footer-block .mat-paginator .mat-paginator-container .mat-form-field-underline {
          background-color: #855BE0 !important; }
        .dark-bg .footer-block .mat-paginator .mat-paginator-container .mat-paginator-page-size-select.mat-form-field.mat-focused .mat-form-field-ripple {
          background-color: #855BE0 !important; }
      .dark-bg .footer-block .mat-paginator .mat-paginator-range-label,
      .dark-bg .footer-block .mat-paginator .mat-paginator-page-size-label {
        color: #000000; }
    .dark-bg .footer-block.auction-footer-block .mat-paginator {
      background-color: transparent !important;
      display: inline-block; }
      .dark-bg .footer-block.auction-footer-block .mat-paginator .mat-paginator-container {
        color: #000000; }
        .dark-bg .footer-block.auction-footer-block .mat-paginator .mat-paginator-container .mat-select-value {
          color: #000000; }
        .dark-bg .footer-block.auction-footer-block .mat-paginator .mat-paginator-container .mat-select-arrow {
          color: #000000; }
        .dark-bg .footer-block.auction-footer-block .mat-paginator .mat-paginator-container .mat-form-field-underline {
          background-color: #855BE0 !important; }
        .dark-bg .footer-block.auction-footer-block .mat-paginator .mat-paginator-container .mat-paginator-page-size-select.mat-form-field.mat-focused .mat-form-field-ripple {
          background-color: #855BE0 !important; }
    .dark-bg .footer-block.auction-footer-block .mat-paginator-range-label,
    .dark-bg .footer-block.auction-footer-block .mat-paginator-page-size-label {
      color: #000000; }
    .dark-bg .footer-block .set-auction-term-block {
      white-space: nowrap;
      display: flex;
      align-items: center;
      font-family: "Optimistic Text VF"; }
      .dark-bg .footer-block .set-auction-term-block .select-auction-block {
        border-right: 1px solid #FFFFFF;
        margin-right: 10px;
        color: #FFFFFF; }
        .dark-bg .footer-block .set-auction-term-block .select-auction-block span {
          color: #855BE0;
          padding-right: 10px; }
          .dark-bg .footer-block .set-auction-term-block .select-auction-block span.disabled {
            opacity: 0.4; }
        .dark-bg .footer-block .set-auction-term-block .select-auction-block:last-of-type {
          margin-right: 20px;
          border-right: 0px solid #FFFFFF; }
      .dark-bg .footer-block .set-auction-term-block button {
        margin: 0 !important;
        font-family: "Optimistic Text VF"; }
  .dark-bg .auction-date {
    color: #FFFFFF !important; }
  .dark-bg .invoices .manage_invoices h6,
  .dark-bg .invoices .filters h6 {
    color: #000000; }
  .dark-bg .invoices .manage_invoices input,
  .dark-bg .invoices .filters input {
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important; }
  .dark-bg .invoices .manage_invoices mat-icon.search,
  .dark-bg .invoices .filters mat-icon.search {
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 16px;
    width: auto;
    cursor: pointer;
    color: #FFFFFF; }
  .dark-bg .invoices .manage_invoices .filter-block .filter-input-field .mat-select,
  .dark-bg .invoices .filters .filter-block .filter-input-field .mat-select {
    border: inherit !important;
    background: inherit !important;
    color: #FFFFFF !important; }
  .dark-bg .invoices .filters .mat-expansion-panel {
    background: transparent;
    box-shadow: none;
    margin: 0 0;
    border-bottom: none; }
    @media screen and (max-width: 450px) {
      .dark-bg .invoices .filters .mat-expansion-panel {
        margin: 0; } }
    .dark-bg .invoices .filters .mat-expansion-panel .mat-expansion-panel-header {
      height: 34px !important;
      border-bottom: 1px solid #c7c7c7;
      border-radius: 0px;
      padding: 0 10px 0 0; }
    .dark-bg .invoices .filters .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after {
      color: #000000; }
    .dark-bg .invoices .filters .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
      padding: 0; }
  .dark-bg .invoices .auction-two-mode-search .mat-form-field-label-wrapper .mat-form-field-label span {
    color: #FFFFFF !important; }
  .dark-bg .invoices .manage_invoices .enter-invoice .example-full-width .mat-form-field-label-wrapper .mat-form-field-label span {
    color: #000000 !important;
    background: transparent !important; }
  .dark-bg .invoices .auction-search {
    margin: 0; }
    .dark-bg .invoices .auction-search .mat-form-field-label-wrapper .mat-form-field-label span {
      color: #000000 !important; }
    .dark-bg .invoices .auction-search input {
      width: 100% !important; }
    .dark-bg .invoices .auction-search.repayment-search .mat-form-field-label-wrapper .mat-form-field-label span {
      background: none; }
  .dark-bg .invoices .apply-btn {
    background-color: #855BE0 !important;
    max-width: 100px;
    min-width: 90px;
    text-align: center;
    margin: 15px 0 15px 120px !important;
    min-height: 0;
    max-height: 30px;
    line-height: 27px; }
    .dark-bg .invoices .apply-btn span {
      min-width: auto; }
  .dark-bg .invoices .auction-card-block .auction-card-title {
    color: #FFFFFF !important; }
  .dark-bg .invoices .mat-chip-list {
    display: flex;
    align-items: center;
    width: calc(100% - 17%); }
    .dark-bg .invoices .mat-chip-list .mat-chip-list-wrapper {
      width: 100%; }
    .dark-bg .invoices .mat-chip-list .mat-chip.white {
      background-color: #dcdcdc !important;
      color: #000000 !important;
      border: 1px solid #000000;
      min-width: fit-content;
      padding: 0 15px;
      line-height: 24px; }
    .dark-bg .invoices .mat-chip-list .mat-chip .mat-icon {
      height: auto;
      font-size: 13px;
      top: 4px;
      width: 15px;
      position: relative;
      cursor: pointer;
      color: #000000 !important; }
      .dark-bg .invoices .mat-chip-list .mat-chip .mat-icon.round-select {
        top: 3px; }
  .dark-bg .activity .activity-dropdown .mat-form-field-infix {
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important; }
    .dark-bg .activity .activity-dropdown .mat-form-field-infix span {
      color: #FFFFFF; }
  .dark-bg .mat-tab-group .mat-tab-label {
    color: #FFFFFF; }
  .dark-bg .avatar.blue-bg {
    background: #FFFFFF !important; }
  .dark-bg .funder-table-div td a {
    color: #855BE0 !important; }
  .dark-bg .funder-table-div td.mat-column-action a {
    color: #855BE0 !important; }
  .dark-bg .invoice-info-block + .footer-block {
    justify-content: flex-end; }

@media screen and (max-width: 1000px) {
  .collapsed-sidebar a img.full-logo {
    width: auto; } }

.auction-detail mat-card .auction-detail-table .seller-detail-invoice-included-block .invoice-include-block div.botton-buttons {
  width: 100%;
  justify-content: flex-end; }

.botton-buttons button {
  max-width: fit-content !important; }

.mat-table-div .invoice-table-div .mat-table.contact-table {
  border-radius: 20px; }

.dark-wrapper .white-card-center .center-logo {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .dark-wrapper .white-card-center .center-logo img {
    width: 100%; }

.cdk-overlay-container .post-selected-sale + div .cdk-overlay-pane .mat-menu-panel {
  margin: 0 !important; }
  .cdk-overlay-container .post-selected-sale + div .cdk-overlay-pane .mat-menu-panel button {
    background: #855BE0 !important;
    border-radius: 0 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    transition: 0.3s ease-in;
    font-size: 12px; }
    .cdk-overlay-container .post-selected-sale + div .cdk-overlay-pane .mat-menu-panel button:hover {
      background-color: #855BE0 !important; }
.cdk-overlay-container .notification-menu-backdrop + div + div {
  width: calc(100% - 41px) !important;
  margin: 0 auto !important;
  right: 0 !important;
  top: 45px !important;
  z-index: 1050; }
  .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane {
    width: 100%;
    background-color: #FFFFFF;
    right: 0 !important; }
    .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel {
      max-width: 100% !important;
      max-height: 220px;
      padding: 0 0 10px;
      border-radius: 0 !important;
      box-shadow: 0 0 5px #000000; }
      .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .mat-menu-content {
        padding: 0; }
      .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .notification {
        padding: 10px 10px;
        border-bottom: 1px solid #DCE6F0; }
        .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .notification:last-child {
          border: none; }
        .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .notification .notification-title {
          margin: 0 0 5px; }
        .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .notification div,
        .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .notification p,
        .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .notification a {
          font-size: 12px;
          font-family: "Optimistic Text VF"; }
        .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .notification a {
          color: #855BE0;
          text-decoration: underline; }
        .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane .mat-menu-panel .notification p {
          margin: 0;
          padding: 0; }
    .cdk-overlay-container .notification-menu-backdrop + div + div .cdk-overlay-pane button {
      border-radius: 0 !important;
      border: none !important;
      box-shadow: none;
      margin: 0 !important;
      height: 40px;
      overflow: inherit; }
.cdk-overlay-container .table-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-panel, .cdk-overlay-container .active-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-panel {
  background-color: #FFFFFF;
  border-radius: 10px;
  margin: 5px 0 0 -35px;
  position: relative;
  box-shadow: 0px 0px 10px #DEE3E9; }
.cdk-overlay-container .table-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-content, .cdk-overlay-container .active-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-content {
  padding: 0; }
.cdk-overlay-container .table-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item, .cdk-overlay-container .active-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item {
  text-align: center;
  line-height: initial;
  height: inherit;
  padding: 10px 10px;
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  font-family: "Optimistic Text VF"; }
  .cdk-overlay-container .table-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item:hover, .cdk-overlay-container .active-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item:hover {
    background-color: #855BE0;
    color: #FFFFFF; }
  .cdk-overlay-container .table-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item.first-menu, .cdk-overlay-container .active-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item.first-menu {
    border-bottom: 1px solid #000000; }
.cdk-overlay-container .active-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-panel {
  margin: 5px 0 0 -50px; }
.cdk-overlay-container .invoice-details-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-panel {
  background-color: #FFFFFF;
  border-radius: 10px;
  margin: 5px 0 0 -35px;
  position: relative;
  box-shadow: 0 2px 5px 0 rgba(108, 114, 121, 0.4);
  min-height: inherit; }
.cdk-overlay-container .invoice-details-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-content {
  padding: 0; }
.cdk-overlay-container .invoice-details-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item {
  text-align: center;
  line-height: initial;
  height: inherit;
  padding: 15px 10px;
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  font-family: "Optimistic Text VF"; }
  .cdk-overlay-container .invoice-details-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item:hover {
    background-color: #855BE0;
    color: #FFFFFF; }
  .cdk-overlay-container .invoice-details-action-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item.first-menu {
    border-bottom: 1px solid #000000; }
.cdk-overlay-container .select-menu-backdrop + .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
  transform: translate(-16px, 48px) !important; }
@media screen and (max-height: 820px) {
  .cdk-overlay-container .select-registration-state-backdrop.select-menu-backdrop + .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
    transform: none !important;
    top: 46vh !important; } }
@media screen and (max-height: 820px) {
  .cdk-overlay-container .select-registration-state-backdrop.select-menu-backdrop + .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
    transform: none !important;
    top: 46vh !important; } }
.cdk-overlay-container .add-contact-select-company-search.select-menu-backdrop + .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
  margin: 0 0 0 -10px; }

.cdk-overlay-pane .mat-menu-panel {
  background: none;
  box-shadow: none;
  margin-left: -30px; }
  @media screen and (max-width: 600px) {
    .cdk-overlay-pane .mat-menu-panel.upload-options-panel {
      width: 280px !important;
      maargin: 5px 0 0 !important; } }
  @media screen and (max-width: 600px) {
    .cdk-overlay-pane .mat-menu-panel {
      width: 100% !important;
      margin: 0 !important; } }
  .cdk-overlay-pane .mat-menu-panel.more-auction {
    background: #FFFFFF !important;
    border-radius: 5px !important;
    box-shadow: 0 0 5px 0 #000000;
    border: 0px solid #000000;
    margin-left: 0px !important;
    min-width: 150px;
    margin-top: 0px;
    z-index: -99999;
    position: relative;
    border-radius: 0;
    overflow: auto;
    max-height: 250px; }
    @media screen and (max-width: 600px) {
      .cdk-overlay-pane .mat-menu-panel.more-auction {
        min-height: 100%; } }
    .cdk-overlay-pane .mat-menu-panel.more-auction .mat-menu-content {
      padding: 0; }
    .cdk-overlay-pane .mat-menu-panel.more-auction ul li {
      list-style-type: none;
      margin-bottom: 0;
      padding: 0;
      border-bottom: 1px solid #a3aab4;
      text-align: center;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .cdk-overlay-pane .mat-menu-panel.more-auction ul li:hover {
        background: #855BE0; }
        .cdk-overlay-pane .mat-menu-panel.more-auction ul li:hover a {
          color: #FFFFFF; }
  .cdk-overlay-pane .mat-menu-panel.ucc-status {
    background: #FFFFFF !important;
    border-radius: 5px !important;
    box-shadow: 0 0 5px 0 #000000;
    border: 0px solid #000000;
    margin-left: 0px !important;
    min-width: 330px;
    margin-top: 0px;
    z-index: -99999;
    position: relative;
    border-radius: 0;
    overflow: auto;
    max-height: 300px; }
    .cdk-overlay-pane .mat-menu-panel.ucc-status .mat-menu-content {
      padding: 0; }
    .cdk-overlay-pane .mat-menu-panel.ucc-status .ucc-title {
      padding: 10px 10px 0 10px;
      color: #000000; }
      .cdk-overlay-pane .mat-menu-panel.ucc-status .ucc-title img {
        margin-right: 10px; }
    .cdk-overlay-pane .mat-menu-panel.ucc-status ul li {
      margin-bottom: 0;
      padding: 0;
      font-weight: bold;
      padding-bottom: 5px;
      font-size: 12px;
      padding-right: 10px;
      color: #000000; }
      .cdk-overlay-pane .mat-menu-panel.ucc-status ul li span {
        width: 110px;
        color: #000000; }
        .cdk-overlay-pane .mat-menu-panel.ucc-status ul li span.ucc-value {
          width: calc(100% - 110px);
          font-weight: 500;
          color: #000000; }
    .cdk-overlay-pane .mat-menu-panel.ucc-status ul.ucc-status-block {
      margin-bottom: 5px; }
      .cdk-overlay-pane .mat-menu-panel.ucc-status ul.ucc-status-block li {
        width: 100%;
        padding-bottom: 10px;
        box-sizing: border-box;
        display: flex;
        color: #000000; }
        .cdk-overlay-pane .mat-menu-panel.ucc-status ul.ucc-status-block li div {
          float: left;
          width: 80%; }
          .cdk-overlay-pane .mat-menu-panel.ucc-status ul.ucc-status-block li div span {
            float: left; }
        .cdk-overlay-pane .mat-menu-panel.ucc-status ul.ucc-status-block li .mat-icon {
          float: left;
          width: 10%;
          color: #855BE0; }
  .cdk-overlay-pane .mat-menu-panel.recurring-calendar-menu {
    box-shadow: 0px 0px 10px #DEE3E9;
    background: #FFFFFF; }
    .cdk-overlay-pane .mat-menu-panel.recurring-calendar-menu .mat-menu-content {
      padding: 0; }
      .cdk-overlay-pane .mat-menu-panel.recurring-calendar-menu .mat-menu-content a {
        color: #000000;
        font-size: 12px; }
  .cdk-overlay-pane .mat-menu-panel.notification-icon {
    background: #FFFFFF;
    margin-top: 15px;
    margin-left: -130px;
    box-shadow: 0px 0px 10px #DEE3E9;
    min-width: 230px;
    border-radius: 8px;
    overflow: visible; }
    .cdk-overlay-pane .mat-menu-panel.notification-icon .notification-wrap {
      max-height: calc(100vh - 95px);
      overflow-y: auto;
      background-color: #FFFFFF;
      border-radius: 8px; }
      .cdk-overlay-pane .mat-menu-panel.notification-icon .notification-wrap .no-items p {
        margin: 0 auto;
        text-align: center; }
        .cdk-overlay-pane .mat-menu-panel.notification-icon .notification-wrap .no-items p b {
          font-size: 12px;
          font-weight: 500; }
    .cdk-overlay-pane .mat-menu-panel.notification-icon .notification-title-block {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0;
      color: #000000;
      font-weight: 500;
      padding: 15px 15px 10px;
      line-height: 15px;
      letter-spacing: 0;
      border-bottom: 1px solid #DEE3E9; }
      .cdk-overlay-pane .mat-menu-panel.notification-icon .notification-title-block .notification-title {
        text-transform: capitalize;
        font-size: 12px; }
      .cdk-overlay-pane .mat-menu-panel.notification-icon .notification-title-block .notification-clearall {
        color: #D15F5F;
        font-size: 12px; }
    .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content {
      max-height: 510px;
      padding: 0; }
      .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .notification {
        margin-top: 0px;
        padding: 16px 15px 16px 20px;
        border-bottom: 1px solid rgba(220, 230, 240, 0.5);
        transition: 0.3s ease-in-out; }
        .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .notification:hover {
          background: #F1F4F7; }
        .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .notification:first-child {
          margin-top: 0px; }
        .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .notification:last-child {
          border-bottom: 0; }
        .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .notification a {
          color: #000000;
          text-decoration: underline;
          cursor: pointer; }
        .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .notification p {
          padding: 0;
          font-size: 12px !important;
          line-height: 15px;
          color: #000000 !important;
          width: 100%;
          cursor: pointer;
          font-weight: 500;
          margin: 0;
          border-radius: 0;
          background-color: transparent !important;
          max-width: 97%;
          position: relative; }
          .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .notification p a {
            text-decoration: underline;
            color: #855BE0;
            font-size: 12px;
            line-height: 15px;
            font-weight: 500;
            margin: 0;
            padding: 0; }
        .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .notification .time-stamp {
          font-size: 10px;
          margin: 0;
          padding: 0;
          color: rgba(0, 0, 0, 0.5);
          line-height: 10px;
          text-transform: uppercase;
          font-weight: 500; }
      .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .view-notification {
        background-color: #FFFFFF;
        padding: 16px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        transition: 0.3s ease-in-out; }
        .cdk-overlay-pane .mat-menu-panel.notification-icon .mat-menu-content .view-notification span {
          font-size: 10px;
          line-height: 10px;
          font-weight: 500;
          color: #000000;
          margin: 0;
          padding: 0;
          text-transform: capitalize; }
    .cdk-overlay-pane .mat-menu-panel.notification-icon p {
      margin: 0;
      line-height: 21px;
      font-size: 14px !important; }
      .cdk-overlay-pane .mat-menu-panel.notification-icon p .unread-notification {
        background: #855BE0;
        height: 6px;
        width: 6px;
        display: inline-block;
        border-radius: 50%;
        margin-right: 5px;
        opacity: 0.9;
        position: absolute;
        top: 6px;
        left: -12px; }
    .cdk-overlay-pane .mat-menu-panel.notification-icon.all-notification {
      height: 100vh;
      min-height: 100vh;
      right: 0;
      top: -73px;
      position: absolute;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      box-shadow: 0 0 10px 0 #DEE3E9;
      overflow: hidden;
      min-width: 260px; }
      @media only screen and (max-width: 600px) {
        .cdk-overlay-pane .mat-menu-panel.notification-icon.all-notification {
          top: -50px; }
          .cdk-overlay-pane .mat-menu-panel.notification-icon.all-notification .all-notification-wrap {
            height: 87vh !important; } }
      .cdk-overlay-pane .mat-menu-panel.notification-icon.all-notification .all-notification-wrap {
        height: 89vh;
        overflow-y: auto; }
  .cdk-overlay-pane .mat-menu-panel.user-dropdown {
    background: #FFFFFF;
    padding: 0;
    margin-top: 7px;
    box-shadow: 0 0 10px #DEE3E9;
    margin-left: 0;
    position: absolute;
    right: 40px;
    min-width: 230px; }
    .cdk-overlay-pane .mat-menu-panel.user-dropdown .mat-menu-content {
      padding: 0; }
    .cdk-overlay-pane .mat-menu-panel.user-dropdown ul {
      padding: 0;
      margin: 0; }
      .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li {
        list-style-type: none;
        padding: 10px 15px;
        color: #000000;
        font-size: 14px;
        font-weight: 500;
        transition: 0.3s ease-in; }
        .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li:first-child:hover {
          background-color: #FFFFFF; }
          .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li:first-child:hover a {
            color: #000000; }
        .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li:hover {
          background-color: #855BE0; }
          .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li:hover a {
            color: #FFFFFF; }
        .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li a {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          font-weight: 500;
          color: #000000;
          cursor: pointer;
          transition: 0.3s ease-in; }
          .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li a mat-icon {
            padding-right: 5px;
            font-size: 22px;
            display: none; }
          .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li a img {
            margin-right: 15px;
            display: none; }
          .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li a:hover {
            color: #FFFFFF; }
        .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li.user-name-li {
          border-bottom: 1px solid #a3aab4; }
        .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li .user-name-block {
          max-width: 200px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          text-align: center;
          cursor: default; }
        @media screen and (max-width: 600px) {
          .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li .mat-menu-item {
            height: auto;
            line-height: inherit; } }
  .cdk-overlay-pane .mat-menu-panel.search-icon {
    background: #FFFFFF;
    padding: 15px;
    margin-top: 10px;
    box-shadow: 0px 0px 3px #f1f1f1;
    margin-left: 0;
    min-width: 400px; }
  .cdk-overlay-pane .mat-menu-panel button {
    margin: 11px 0 !important;
    background: #FFFFFF !important;
    color: #000000 !important; }
  .cdk-overlay-pane .mat-menu-panel.info-text-panel {
    margin-left: 30px !important;
    max-width: 330px;
    top: -150px;
    position: absolute; }
    .cdk-overlay-pane .mat-menu-panel.info-text-panel p {
      width: 290px; }
      .cdk-overlay-pane .mat-menu-panel.info-text-panel p span {
        text-decoration: none;
        display: block;
        margin: 10px 0; }
      .cdk-overlay-pane .mat-menu-panel.info-text-panel p a {
        color: #855BE0 !important;
        padding-left: 2px; }
        .cdk-overlay-pane .mat-menu-panel.info-text-panel p a:hover {
          color: #6335CA !important; }
    .cdk-overlay-pane .mat-menu-panel.info-text-panel ul {
      color: #000000;
      font-size: 14px;
      padding-right: 15px; }
  .cdk-overlay-pane .mat-menu-panel.info-text-panel.account-system-tooltip {
    margin-left: -40px !important;
    max-width: 485px;
    top: -130px;
    border-radius: 15px;
    background: #FFFFFF;
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    white-space: pre-wrap;
    word-break: break-word; }
    .cdk-overlay-pane .mat-menu-panel.info-text-panel.account-system-tooltip p {
      width: 100%;
      margin: 0;
      white-space: pre-line;
      word-break: break-word;
      color: #000000; }
  .cdk-overlay-pane .mat-menu-panel.invoice-info-tooltip {
    max-width: 1000px;
    margin: 10px 0 10px -240px;
    box-shadow: 0 0 4px #DEE3E9;
    border-radius: 15px;
    width: 1000px; }
    .cdk-overlay-pane .mat-menu-panel.invoice-info-tooltip .mat-menu-content {
      padding: 0;
      background: #FFFFFF;
      border-radius: 15px; }
      .cdk-overlay-pane .mat-menu-panel.invoice-info-tooltip .mat-menu-content p {
        width: 100%;
        padding: 0;
        color: #000000; }
      .cdk-overlay-pane .mat-menu-panel.invoice-info-tooltip .mat-menu-content .grid-block {
        flex-direction: row; }
        @media screen and (max-width: 600px) {
          .cdk-overlay-pane .mat-menu-panel.invoice-info-tooltip .mat-menu-content .grid-block {
            flex-direction: column !important; } }
  .cdk-overlay-pane .mat-menu-panel.company-address-block {
    background: #FFFFFF;
    box-shadow: 0 0 4px #DEE3E9;
    padding: 15px; }
    .cdk-overlay-pane .mat-menu-panel.company-address-block .mat-menu-content span {
      width: 100%;
      display: block;
      font-size: 14px;
      padding-bottom: 5px;
      color: #000000; }
      .cdk-overlay-pane .mat-menu-panel.company-address-block .mat-menu-content span:last-child {
        padding-bottom: 0; }
  .cdk-overlay-pane .mat-menu-panel.multiple-menu {
    margin-left: -80px; }
    .cdk-overlay-pane .mat-menu-panel.multiple-menu button:hover {
      background: #855BE0 !important;
      color: #FFFFFF !important; }
  .cdk-overlay-pane .mat-menu-panel.dash-sort-panel {
    background: #FFFFFF;
    margin: 10px 0 0 -70px; }
    .cdk-overlay-pane .mat-menu-panel.dash-sort-panel .mat-menu-content {
      padding: 0 !important; }
      .cdk-overlay-pane .mat-menu-panel.dash-sort-panel .mat-menu-content .mat-menu-item {
        transition: 0.2s ease-in;
        color: #000000; }
        .cdk-overlay-pane .mat-menu-panel.dash-sort-panel .mat-menu-content .mat-menu-item:hover {
          background-color: #855BE0;
          color: #FFFFFF; }
  .cdk-overlay-pane .mat-menu-panel.wallet-delete-panel {
    background: #FFFFFF;
    margin: 10px 0 0 -70px;
    height: auto;
    min-height: auto; }
    .cdk-overlay-pane .mat-menu-panel.wallet-delete-panel .mat-menu-content {
      padding: 0 !important; }
      .cdk-overlay-pane .mat-menu-panel.wallet-delete-panel .mat-menu-content .mat-menu-item {
        transition: 0.2s ease-in;
        color: #000000; }
        .cdk-overlay-pane .mat-menu-panel.wallet-delete-panel .mat-menu-content .mat-menu-item:hover {
          background-color: #855BE0;
          color: #FFFFFF; }
  .cdk-overlay-pane .mat-menu-panel.wallet-delete-panel.currency-block {
    min-width: 127px;
    margin: 10px 0 0 0; }
    .cdk-overlay-pane .mat-menu-panel.wallet-delete-panel.currency-block .mat-menu-item {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-left: 0;
      padding-left: 22px;
      color: #000000; }
    .cdk-overlay-pane .mat-menu-panel.wallet-delete-panel.currency-block .currency-flag-img {
      margin-right: 15px; }
      .cdk-overlay-pane .mat-menu-panel.wallet-delete-panel.currency-block .currency-flag-img .flag-font {
        font-size: 20px;
        font-family: FlagColor !important; }
  .cdk-overlay-pane .mat-menu-panel.manual-action-panel {
    background: #FFFFFF;
    margin: 3px 0 0 0;
    width: 192px;
    box-shadow: 2px 2px 8px 1px #DEE3E9;
    border-radius: 20px; }
    @media screen and (max-width: 600px) {
      .cdk-overlay-pane .mat-menu-panel.manual-action-panel {
        min-width: 200px;
        max-width: 200px;
        margin: 10px 0 0 !important; } }
    .cdk-overlay-pane .mat-menu-panel.manual-action-panel .mat-menu-content {
      padding: 0 !important; }
    .cdk-overlay-pane .mat-menu-panel.manual-action-panel ul {
      list-style: none;
      padding: 0;
      text-align: center;
      margin: 0; }
      .cdk-overlay-pane .mat-menu-panel.manual-action-panel ul li {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid rgba(220, 230, 240, 0.5); }
        .cdk-overlay-pane .mat-menu-panel.manual-action-panel ul li a {
          color: #000000;
          font-weight: 500;
          font-size: 12px; }
        .cdk-overlay-pane .mat-menu-panel.manual-action-panel ul li:first-child {
          border-top-left-radius: 20px;
          border-top-right-radius: 20px; }
        .cdk-overlay-pane .mat-menu-panel.manual-action-panel ul li:last-child {
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px;
          border-bottom: 0px; }
        .cdk-overlay-pane .mat-menu-panel.manual-action-panel ul li:hover {
          background: #855BE0; }
          .cdk-overlay-pane .mat-menu-panel.manual-action-panel ul li:hover a {
            color: #FFFFFF; }
  .cdk-overlay-pane .mat-menu-panel.bulk-action-panel {
    background: #FFFFFF;
    margin: 3px 0 0 0;
    width: 200px;
    box-shadow: 0 0 5px 0 #DEE3E9;
    border-radius: 20px;
    min-height: 50px;
    min-width: 200px; }
    .cdk-overlay-pane .mat-menu-panel.bulk-action-panel .mat-menu-content {
      padding: 0 !important; }
    .cdk-overlay-pane .mat-menu-panel.bulk-action-panel ul {
      list-style: none;
      padding: 0;
      text-align: center;
      margin: 0; }
      .cdk-overlay-pane .mat-menu-panel.bulk-action-panel ul li {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #000000; }
        .cdk-overlay-pane .mat-menu-panel.bulk-action-panel ul li a {
          color: #000000;
          font-weight: 500; }
        .cdk-overlay-pane .mat-menu-panel.bulk-action-panel ul li:first-child {
          border-top-left-radius: 20px;
          border-top-right-radius: 20px; }
        .cdk-overlay-pane .mat-menu-panel.bulk-action-panel ul li:last-child {
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px;
          border-bottom: 0px; }
        .cdk-overlay-pane .mat-menu-panel.bulk-action-panel ul li:hover {
          background: #855BE0; }
          .cdk-overlay-pane .mat-menu-panel.bulk-action-panel ul li:hover a {
            color: #FFFFFF; }
  .cdk-overlay-pane .mat-menu-panel.tooltip-small {
    margin-left: 30px;
    margin-top: -50px; }
    .cdk-overlay-pane .mat-menu-panel.tooltip-small .mat-menu-content {
      max-width: 250px;
      width: 100%;
      overflow: hidden;
      display: flex;
      flex-wrap: wrap; }
      .cdk-overlay-pane .mat-menu-panel.tooltip-small .mat-menu-content p {
        width: 100%;
        margin: 0; }
  .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu, .cdk-overlay-pane .mat-menu-panel.single-reject-menu {
    width: 140px;
    min-height: initial;
    padding: 0 0px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    margin: 0 0 0 -55px; }
    .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu .mat-menu-content, .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0; }
      .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu .mat-menu-content .mat-item-block, .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content .mat-item-block {
        padding: 10px 20px 12px 20px;
        border-bottom: 1px solid #000000;
        text-align: center;
        cursor: pointer;
        transition: 0.3s ease-in;
        width: 100%; }
        .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu .mat-menu-content .mat-item-block:hover, .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content .mat-item-block:hover {
          background-color: #DEE3E9; }
        .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu .mat-menu-content .mat-item-block span, .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content .mat-item-block span {
          display: block; }
        .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu .mat-menu-content .mat-item-block:last-child, .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content .mat-item-block:last-child {
          padding: 10px 20px 12px 20px;
          border-bottom: 0px solid #000000; }
    .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu a, .cdk-overlay-pane .mat-menu-panel.single-reject-menu a {
      font-size: 12px;
      text-align: center;
      color: #855BE0;
      line-height: 15px;
      margin: 0 0 5px;
      font-weight: 500; }
      .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu a:hover, .cdk-overlay-pane .mat-menu-panel.single-reject-menu a:hover {
        color: #6335CA !important; }
    .cdk-overlay-pane .mat-menu-panel.delete-invoice-menu span, .cdk-overlay-pane .mat-menu-panel.single-reject-menu span {
      font-size: 9px;
      text-align: center;
      color: #000000;
      line-height: 11px;
      font-weight: 500; }
  .cdk-overlay-pane .mat-menu-panel.single-reject-menu {
    width: 180px;
    border-radius: 8px; }
    .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content {
      padding: 10px 10px 0;
      box-sizing: border-box; }
      .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content .mat-item-block {
        width: 100%;
        padding: 0 0 !important;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none; }
        .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content .mat-item-block .reject-btn, .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content .mat-item-block .approve-btn {
          box-sizing: border-box;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          padding: 8px 0;
          background-color: #D15F5F;
          color: #FFFFFF;
          border-radius: 5px;
          margin: 0; }
        .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content .mat-item-block .approve-btn {
          background-color: #855BE0; }
      .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content textarea {
        border: none;
        width: 100% !important;
        padding: 5px 0 10px;
        font-size: 10px;
        color: #000000; }
        .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content textarea::placeholder {
          color: #000000;
          opacity: 0.5;
          font-size: 10px; }
        .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content textarea:focus {
          border: none;
          outline: none; }
        .cdk-overlay-pane .mat-menu-panel.single-reject-menu .mat-menu-content textarea:focus-visible {
          border: none;
          outline: none; }
  .cdk-overlay-pane .mat-menu-panel.info-text-panel.admin-tooltip-panel {
    margin-left: -100px !important;
    top: -260px; }
  .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu {
    margin: 6px 0 0 !important;
    max-width: 275px !important; }
    .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content {
      padding: 15px 15px;
      background-color: #fff;
      box-sizing: border-box; }
      .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .mat-expansion-panel {
        box-shadow: none;
        border-radius: 0;
        border: none; }
        .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .mat-expansion-panel.mat-expanded {
          margin: 0 0; }
      .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .mat-expansion-panel-header {
        padding: 8px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto !important;
        position: relative;
        border: none; }
        .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .mat-expansion-panel-header:hover {
          background-color: inherit !important; }
      .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .mat-content {
        padding: 0 0 0 20px; }
      .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .panel-header {
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #000000; }
        .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .panel-header.active {
          color: #855BE0; }
      .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .mat-expansion-indicator {
        position: absolute;
        left: 2px;
        border: none;
        padding: 0;
        border-radius: 0;
        display: flex; }
      .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .mat-expansion-panel-content {
        margin: 0; }
        .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-menu-content .mat-expansion-panel-content .mat-expansion-panel-body {
          padding: 0; }
    .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-checkbox .mat-checkbox-layout {
      width: 100%; }
    .cdk-overlay-pane .mat-menu-panel.select-dropdown-menu .mat-checkbox .mat-checkbox-label {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: calc(100% - 28px); }
  .cdk-overlay-pane .mat-menu-panel.industry-select-menu {
    max-width: 320px !important; }
    .cdk-overlay-pane .mat-menu-panel.industry-select-menu .mat-radio-button {
      padding: 4px 0; }
      .cdk-overlay-pane .mat-menu-panel.industry-select-menu .mat-radio-button .mat-radio-label .mat-radio-label-content {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 250px;
        color: #000000; }
      .cdk-overlay-pane .mat-menu-panel.industry-select-menu .mat-radio-button.mat-accent .mat-radio-inner-circle {
        background-color: inherit !important; }
      .cdk-overlay-pane .mat-menu-panel.industry-select-menu .mat-radio-button .mat-radio-ripple {
        display: none; }
    .cdk-overlay-pane .mat-menu-panel.industry-select-menu .mat-radio-outer-circle {
      opacity: 0; }
    .cdk-overlay-pane .mat-menu-panel.industry-select-menu .mat-radio-checked .mat-radio-inner-circle {
      left: 7px;
      top: 2px;
      width: 8px;
      height: 14px;
      border: solid #855BE0;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background: transparent !important;
      border-radius: 0; }

.cdk-overlay-pane .mat-select-panel.offer-accepted-select-panel .mat-option {
  line-height: 1em; }
.cdk-overlay-pane .mat-select-panel.offer-accepted-select-panel .mat-option-text h5 {
  margin: 0;
  font-size: 11px;
  line-height: inherit;
  color: #855BE0;
  font-family: "Optimistic Text VF";
  font-weight: 500; }

.user-select-role.mat-menu-panel {
  width: 100%;
  margin-left: -25px; }
  .user-select-role.mat-menu-panel .mat-menu-content button {
    padding: 0px 0;
    margin: 5px 0 !important;
    text-align: center;
    height: 26px;
    width: 87px;
    float: right;
    border-radius: 20px;
    min-height: 26px;
    font-size: 14px;
    line-height: 13px;
    font-family: "Optimistic Text VF"; }

.select-account-mat-panel {
  border-radius: 0 !important; }
  .select-account-mat-panel .mat-option {
    border: 1px solid #000000;
    height: 4em !important;
    font-size: 14px !important; }
    .select-account-mat-panel .mat-option .float-right {
      text-transform: uppercase; }
    .select-account-mat-panel .mat-option:hover {
      background: #000000 !important;
      color: #FFFFFF; }
    .select-account-mat-panel .mat-option.mat-active {
      background: #000000 !important;
      color: #FFFFFF !important; }

.company-profile-panel {
  background: #FFFFFF !important;
  box-shadow: 0px 0 5px 0px #DEE3E9 !important; }

.invoice-status-panel {
  background: #FFFFFF !important;
  box-shadow: 0px 0 5px 0px #DEE3E9 !important;
  max-width: 500px !important;
  margin-left: 30px !important;
  top: -150px;
  position: absolute; }
  .invoice-status-panel p {
    width: 400px !important; }
    .invoice-status-panel p span {
      text-decoration: none;
      display: block;
      margin: 10px 0; }
    .invoice-status-panel p a {
      color: #855BE0 !important;
      padding-left: 2px; }
  .invoice-status-panel ul {
    color: #000000;
    font-size: 14px;
    padding-right: 15px; }

.help-menu.mat-menu-panel .mat-menu-content:not(:empty) {
  padding-top: 8px;
  padding-bottom: 8px;
  background: #FFFFFF;
  margin: 10px 15px 10px 17px;
  border-radius: 20px;
  box-shadow: 0 0px 8px 1px #DEE3E9; }
  @media screen and (max-width: 450px) {
    .help-menu.mat-menu-panel .mat-menu-content:not(:empty) {
      margin: 10px 15px 10px 5px; } }
  .help-menu.mat-menu-panel .mat-menu-content:not(:empty) p {
    margin: 0 !important; }
.help-menu.mat-menu-panel .mat-menu-content {
  white-space: pre-wrap;
  word-break: break-all;
  word-spacing: -1px; }
  .help-menu.mat-menu-panel .mat-menu-content p span {
    display: block; }
    .help-menu.mat-menu-panel .mat-menu-content p span a {
      font-size: 13px; }
  .help-menu.mat-menu-panel .mat-menu-content p:last-child label {
    word-break: break-word; }

@media screen and (max-width: 1400px) {
  .cdk-overlay-pane .mat-menu-panel.invoice-info-tooltip {
    width: 900px;
    max-width: 900px;
    margin: 10px 0 10px -230px; } }
@media screen and (max-width: 767px) {
  .cdk-overlay-pane .mat-menu-panel.user-dropdown {
    right: 20px; }
    .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li.notification-block.disabled a {
      cursor: not-allowed; }
  .cdk-overlay-pane .mat-menu-panel.info-text-panel {
    position: relative;
    margin-left: 0 !important;
    top: 0 !important;
    padding: 0 10px 0 0; }
    .cdk-overlay-pane .mat-menu-panel.info-text-panel p {
      width: 100% !important;
      box-sizing: border-box;
      margin: 0 !important;
      padding: 10px 0 0 25px; }
    .cdk-overlay-pane .mat-menu-panel.info-text-panel.account-system-tooltip {
      margin-left: 0 !important; } }
@media screen and (min-width: 767px) {
  .cdk-overlay-pane .mat-menu-panel.user-dropdown ul li.notification-block {
    display: none; } }
.cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel {
  background: #855BE0 !important;
  box-shadow: none;
  margin-top: 95px !important; }
  @media screen and (max-width: 450px) {
    .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel {
      margin: 0; } }
  .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option {
    line-height: 42px;
    height: 41px; }
    .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option .mat-option-text {
      font-size: 28px;
      color: #000000 !important;
      font-family: "Optimistic Text VF";
      display: inline-block;
      width: 340px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis; }
    .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option .mat-pseudo-checkbox {
      border: 2px solid #000000; }
      .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
        border: 2px solid #000000;
        background: #855BE0; }
        .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after {
          opacity: 0; }
    .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option.mat-active {
      background: #f6f6f6 !important; }
      .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option.mat-active .mat-option-text {
        color: #855BE0 !important; }
    .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option:hover {
      background: #f6f6f6 !important; }
      .cdk-overlay-pane-select-search .mat-country-select-option.mat-select-panel .mat-option:hover .mat-option-text {
        color: #855BE0 !important; }

.filter-option-panel.auction-filter.mat-select-panel {
  margin-left: 23px; }
  @media screen and (max-width: 450px) {
    .filter-option-panel.auction-filter.mat-select-panel {
      margin: 0; } }
.filter-option-panel.sell-auction-filter.mat-select-panel {
  margin-left: 15px;
  background: #000000 !important;
  box-shadow: 0 0 10px 0 #000000; }
  .filter-option-panel.sell-auction-filter.mat-select-panel .mat-option .mat-option-text {
    color: #000000 !important;
    font-size: 14px; }
.filter-option-panel.mat-select-panel {
  background: #F1F4F7 !important;
  box-shadow: 0 0 10px 0 #000000;
  border-radius: 10px;
  min-width: 250px !important;
  width: 250px; }
  @media screen and (max-width: 450px) {
    .filter-option-panel.mat-select-panel {
      width: 100%;
      min-width: 100% !important;
      margin-left: 8px; } }
  .filter-option-panel.mat-select-panel .mat-option {
    line-height: 42px;
    height: 41px; }
    .filter-option-panel.mat-select-panel .mat-option .mat-option-text {
      color: #000000 !important;
      font-family: "Optimistic Text VF";
      display: inline-block;
      width: 150px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis; }
      .filter-option-panel.mat-select-panel .mat-option .mat-option-text .mat-checkbox-frame {
        border-radius: 5px !important;
        border: 1px solid #FFFFFF; }
      .filter-option-panel.mat-select-panel .mat-option .mat-option-text .mat-checkbox-checked.mat-accent .mat-checkbox-background {
        background-color: #855BE0 !important;
        border-radius: 5px !important;
        border: 1px solid #a3aab4; }
        .filter-option-panel.mat-select-panel .mat-option .mat-option-text .mat-checkbox-checked.mat-accent .mat-checkbox-background .mat-checkbox-checkmark {
          display: none; }
      .filter-option-panel.mat-select-panel .mat-option .mat-option-text .mat-pseudo-checkbox {
        border: 2px solid #000000; }
        .filter-option-panel.mat-select-panel .mat-option .mat-option-text .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
          border: 2px solid #000000;
          background: #855BE0; }
          .filter-option-panel.mat-select-panel .mat-option .mat-option-text .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after {
            opacity: 1; }
    .filter-option-panel.mat-select-panel .mat-option.mat-active {
      background: #DEE3E9 !important; }
      .filter-option-panel.mat-select-panel .mat-option.mat-active .mat-option-text {
        color: #000000 !important; }
    .filter-option-panel.mat-select-panel .mat-option:hover {
      background: #DEE3E9 !important; }
      .filter-option-panel.mat-select-panel .mat-option:hover .mat-option-text {
        color: #000000 !important; }
.filter-option-panel.buy-invoice-filter.mat-select-panel {
  width: 350px;
  min-width: 350px !important;
  margin-left: 15px;
  background: #F1F4F7 !important;
  box-shadow: 0 0 10px 0 #000000; }
  @media screen and (max-width: 450px) {
    .filter-option-panel.buy-invoice-filter.mat-select-panel {
      width: 100%;
      min-width: 100% !important;
      margin: 0; } }
.filter-option-panel.seller-filter-option {
  background: #FFFFFF !important;
  box-shadow: 0 0 10px 0 #000000; }
  .filter-option-panel.seller-filter-option .mat-option.mat-active, .filter-option-panel.seller-filter-option .mat-option.mat-selected, .filter-option-panel.seller-filter-option .mat-option:hover {
    background: #855BE0 !important; }
    .filter-option-panel.seller-filter-option .mat-option.mat-active .mat-option-text, .filter-option-panel.seller-filter-option .mat-option.mat-selected .mat-option-text, .filter-option-panel.seller-filter-option .mat-option:hover .mat-option-text {
      color: #FFFFFF !important; }
  .filter-option-panel.seller-filter-option .mat-option .mat-option-text {
    color: #000000 !important; }
    .filter-option-panel.seller-filter-option .mat-option .mat-option-text .mat-checkbox-frame {
      border-radius: 5px !important;
      border: 1px solid #FFFFFF; }
    .filter-option-panel.seller-filter-option .mat-option .mat-option-text .mat-checkbox-checked.mat-accent .mat-checkbox-background {
      background-color: #855BE0 !important;
      border-radius: 5px !important;
      border: 1px solid #a3aab4; }
      .filter-option-panel.seller-filter-option .mat-option .mat-option-text .mat-checkbox-checked.mat-accent .mat-checkbox-background .mat-checkbox-checkmark {
        display: none; }
  .filter-option-panel.seller-filter-option .mat-option .mat-pseudo-checkbox {
    border: 2px solid #000000; }
    .filter-option-panel.seller-filter-option .mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
      border: 2px solid #000000;
      background: #855BE0 !important; }
      .filter-option-panel.seller-filter-option .mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after {
        opacity: 1; }
.filter-option-panel.export-select-seller-block {
  background: #FFFFFF !important;
  box-shadow: 0 0 10px 0 #000000;
  margin: 0px !important;
  width: 185px;
  min-width: 185px !important; }
  @media screen and (max-width: 450px) {
    .filter-option-panel.export-select-seller-block {
      width: 100%;
      margin: 0; } }
  .filter-option-panel.export-select-seller-block .mat-option.mat-active, .filter-option-panel.export-select-seller-block .mat-option:hover {
    background: #855BE0 !important; }
    .filter-option-panel.export-select-seller-block .mat-option.mat-active .mat-option-text, .filter-option-panel.export-select-seller-block .mat-option:hover .mat-option-text {
      color: #FFFFFF !important; }
  .filter-option-panel.export-select-seller-block .mat-option .mat-option-text {
    color: #000000 !important; }
.filter-option-panel.export-select-funder-block {
  background: #FFFFFF !important;
  box-shadow: 0 0 10px 0 #000000;
  margin: 0px !important;
  width: 185px;
  min-width: 185px !important; }
  @media screen and (max-width: 450px) {
    .filter-option-panel.export-select-funder-block {
      width: 100%;
      margin: 0; } }
  .filter-option-panel.export-select-funder-block .mat-option.mat-active, .filter-option-panel.export-select-funder-block .mat-option:hover {
    background: #855BE0 !important; }
    .filter-option-panel.export-select-funder-block .mat-option.mat-active .mat-option-text, .filter-option-panel.export-select-funder-block .mat-option:hover .mat-option-text {
      color: #FFFFFF !important; }
  .filter-option-panel.export-select-funder-block .mat-option .mat-option-text {
    color: #000000 !important; }

.select-bank-panel.mat-select-panel {
  background: #000000 !important;
  box-shadow: none;
  margin-top: 30px !important;
  border-radius: 10px;
  margin-left: 0;
  width: 100%; }
  .select-bank-panel.mat-select-panel .mat-option {
    height: 60px;
    line-height: 20px;
    border-bottom: 1px solid #FFFFFF; }
    .select-bank-panel.mat-select-panel .mat-option:last-child {
      border-bottom: 0px; }
    .select-bank-panel.mat-select-panel .mat-option .mat-option-text {
      color: #a3aab4 !important;
      font-family: "Optimistic Text VF";
      display: inline-block;
      width: 150px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis;
      font-size: 14px;
      font-weight: 500; }
    .select-bank-panel.mat-select-panel .mat-option.mat-active {
      background: #855BE0 !important; }
      .select-bank-panel.mat-select-panel .mat-option.mat-active .mat-option-text {
        color: #a3aab4 !important; }
    .select-bank-panel.mat-select-panel .mat-option:hover {
      background: #855BE0 !important; }
      .select-bank-panel.mat-select-panel .mat-option:hover .mat-option-text {
        color: #a3aab4 !important; }

.select-white-bank-panel.mat-select-panel {
  background: #4E4F7B !important;
  box-shadow: none;
  margin-top: 30px !important;
  border-radius: 10px;
  margin-left: 0;
  width: 100%; }
  .select-white-bank-panel.mat-select-panel .mat-option {
    height: 60px;
    line-height: 20px;
    border-bottom: 1px solid #FFFFFF; }
    .select-white-bank-panel.mat-select-panel .mat-option:last-child {
      border-bottom: 0px; }
    .select-white-bank-panel.mat-select-panel .mat-option .mat-option-text {
      color: #a3aab4 !important;
      font-family: "Optimistic Text VF";
      display: inline-block;
      width: 150px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis; }
    .select-white-bank-panel.mat-select-panel .mat-option.mat-active {
      background: #6254A1 !important; }
      .select-white-bank-panel.mat-select-panel .mat-option.mat-active .mat-option-text {
        color: #a3aab4 !important; }
    .select-white-bank-panel.mat-select-panel .mat-option:hover {
      background: #6254A1 !important; }
      .select-white-bank-panel.mat-select-panel .mat-option:hover .mat-option-text {
        color: #a3aab4 !important; }

.filter-option-doc-panel.mat-select-panel {
  box-shadow: none;
  margin-top: 40px !important;
  border-radius: 10px;
  min-width: 250px !important;
  margin-left: 15px;
  width: 250px; }
  @media screen and (max-width: 450px) {
    .filter-option-doc-panel.mat-select-panel {
      width: 100%;
      min-width: 100% !important;
      margin: 0; } }
  .filter-option-doc-panel.mat-select-panel .mat-option {
    line-height: 42px;
    height: 41px; }
    .filter-option-doc-panel.mat-select-panel .mat-option .mat-option-text {
      font-family: "Optimistic Text VF";
      display: inline-block;
      width: 150px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis; }
      .filter-option-doc-panel.mat-select-panel .mat-option .mat-option-text .mat-checkbox-frame {
        border-radius: 5px !important;
        border: 1px solid #DCE6F0; }
      .filter-option-doc-panel.mat-select-panel .mat-option .mat-option-text .mat-checkbox-checked.mat-accent .mat-checkbox-background {
        background-color: #855BE0 !important;
        border-radius: 5px !important;
        border: 1px solid #DCE6F0; }
        .filter-option-doc-panel.mat-select-panel .mat-option .mat-option-text .mat-checkbox-checked.mat-accent .mat-checkbox-background .mat-checkbox-checkmark {
          display: none; }
    .filter-option-doc-panel.mat-select-panel .mat-option .mat-pseudo-checkbox {
      border: 2px solid #DCE6F0; }
      .filter-option-doc-panel.mat-select-panel .mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
        border: 2px solid #000000;
        background: #855BE0 !important; }
        .filter-option-doc-panel.mat-select-panel .mat-option .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after {
          opacity: 0; }
    .filter-option-doc-panel.mat-select-panel .mat-option.mat-active {
      background: #855BE0 !important; }
      .filter-option-doc-panel.mat-select-panel .mat-option.mat-active .mat-option-text {
        color: #FFFFFF !important; }
    .filter-option-doc-panel.mat-select-panel .mat-option:hover {
      background: #855BE0 !important; }
      .filter-option-doc-panel.mat-select-panel .mat-option:hover .mat-option-text {
        color: #FFFFFF !important; }

.cdk-overlay-pane .mat-country-select-option.mat-select-panel {
  background: #855BE0 !important;
  box-shadow: none;
  margin-top: 95px !important; }
  @media screen and (max-width: 450px) {
    .cdk-overlay-pane .mat-country-select-option.mat-select-panel {
      margin: 0; } }
  .cdk-overlay-pane .mat-country-select-option.mat-select-panel .mat-option {
    line-height: 42px;
    height: 41px; }
    .cdk-overlay-pane .mat-country-select-option.mat-select-panel .mat-option .mat-option-text {
      font-size: 28px;
      color: #FFFFFF !important;
      font-family: "Optimistic Text VF";
      display: inline-block;
      width: 340px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis; }
    @media screen and (max-width: 767px) {
      .cdk-overlay-pane .mat-country-select-option.mat-select-panel .mat-option {
        height: 38px !important; }
        .cdk-overlay-pane .mat-country-select-option.mat-select-panel .mat-option .mat-option-text {
          width: 100% !important;
          box-sizing: border-box;
          font-size: 22px; } }
    .cdk-overlay-pane .mat-country-select-option.mat-select-panel .mat-option.mat-active {
      background: #f6f6f6 !important; }
      .cdk-overlay-pane .mat-country-select-option.mat-select-panel .mat-option.mat-active .mat-option-text {
        color: #855BE0 !important; }
    .cdk-overlay-pane .mat-country-select-option.mat-select-panel .mat-option:hover {
      background: #f6f6f6 !important; }
      .cdk-overlay-pane .mat-country-select-option.mat-select-panel .mat-option:hover .mat-option-text {
        color: #855BE0 !important; }
.cdk-overlay-pane .mat-country-select-option.country-panel-block {
  margin-top: 40px !important; }

.mat-country-select-option.mat-select-panel {
  max-height: 190px !important; }
  @media (max-width: 1599px) {
    .mat-country-select-option.mat-select-panel {
      max-height: 186px !important; } }

.mat-country-select-option .mat-select-panel-wrap {
  margin-top: 145px !important; }
  .mat-country-select-option .mat-select-panel-wrap .mat-option {
    display: inline-block;
    height: 33px; }
.mat-country-select-option .cdk-overlay-pane.cdk-overlay-pane-select-search-with-offset {
  margin-top: -36px !important; }
.mat-country-select-option .mat-select-search-inner {
  border-bottom: 1px solid #FFFFFF;
  background-color: transparent;
  top: 29px !important; }
.mat-country-select-option .mat-select-search-input {
  font-size: 28px !important;
  color: #FFFFFF !important;
  font-family: "Optimistic Text VF" !important; }
.mat-country-select-option .mat-select-search-hidden {
  display: none; }
.mat-country-select-option .mat-select-search-panel {
  min-width: 540px; }
.mat-country-select-option .cdk-overlay-pane-select-search {
  background-color: #855BE0; }
.mat-country-select-option .mat-select-search-inner {
  background-color: #855BE0; }
  .mat-country-select-option .mat-select-search-inner .mat-typography {
    background-color: #855BE0; }
.mat-country-select-option .mat-select-search-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFFFFF; }
.mat-country-select-option .mat-select-search-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFFFFF; }
.mat-country-select-option .mat-select-search-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #FFFFFF; }
.mat-country-select-option .mat-select-search-input:-moz-placeholder {
  /* Firefox 18- */
  color: #FFFFFF; }
.mat-country-select-option .mat-select-search-no-entries-found {
  color: #FFFFFF; }
.mat-country-select-option .mat-select-panel-wrap .mat-option {
  width: 100%; }

.mat-menu-trigger {
  cursor: pointer; }

.mat-select-search-clear {
  margin: 0 !important; }

.mat-select-panel.recepient .mat-option .mat-select-search-inside-mat-option .mat-select-search-inner .mat-button.mat-select-search-clear, .mat-select-panel.select-option-search-dropdown .mat-option .mat-select-search-inside-mat-option .mat-select-search-inner .mat-button.mat-select-search-clear {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  min-height: 30px !important;
  top: 4px !important; }
.mat-select-panel.mat-select-search-company .mat-option .mat-option-text .select-search-company .mat-select-search-inner .mat-select-search-input {
  padding: 16px 60px 16px 16px !important; }
.mat-select-panel.mat-select-search-company .mat-option .mat-option-text .select-search-company .mat-select-search-inner .mat-select-search-clear {
  background: transparent !important;
  right: 15px;
  top: 0; }
  .mat-select-panel.mat-select-search-company .mat-option .mat-option-text .select-search-company .mat-select-search-inner .mat-select-search-clear .mat-button-wrapper .mat-icon {
    color: #000000; }
.mat-select-panel.otp-country-block .mat-option .mat-option-text {
  display: flex;
  align-items: center;
  color: #855BE0; }
  .mat-select-panel.otp-country-block .mat-option .mat-option-text img {
    width: 100%;
    max-width: 30px;
    margin-right: 10px; }
.mat-select-panel.otp-country-block .mat-option:hover, .mat-select-panel.otp-country-block .mat-option.mat-active {
  background: #855BE0; }
  .mat-select-panel.otp-country-block .mat-option:hover .mat-option-text, .mat-select-panel.otp-country-block .mat-option.mat-active .mat-option-text {
    color: #FFFFFF; }
.mat-select-panel .mat-pseudo-checkbox {
  color: #000000; }
.mat-select-panel .mat-option .mat-option-text {
  color: #000000; }

.cdk-overlay-pane .mat-autocomplete-panel.mat-autocomplete-visible {
  max-height: 240px; }
  .cdk-overlay-pane .mat-autocomplete-panel.mat-autocomplete-visible .mat-option {
    max-width: 100%; }
    .cdk-overlay-pane .mat-autocomplete-panel.mat-autocomplete-visible .mat-option:hover, .cdk-overlay-pane .mat-autocomplete-panel.mat-autocomplete-visible .mat-option:focus, .cdk-overlay-pane .mat-autocomplete-panel.mat-autocomplete-visible .mat-option.mat-active {
      background: #855BE0;
      color: #FFFFFF; }

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #855BE0 !important; }

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #855BE0 !important; }

.mat-table-div {
  margin-top: 40px; }
  .mat-table-div .invoice-table-div {
    width: 100%;
    box-shadow: inset 0 -10px 6px -6px #1c2b310a;
    background: inherit;
    padding: 0;
    box-sizing: border-box;
    overflow: auto;
    padding-bottom: 6px; }
    @media (max-width: 1024px) {
      .mat-table-div .invoice-table-div {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        min-height: .01%;
        overflow-x: auto; } }
    .mat-table-div .invoice-table-div .mat-table {
      width: 100%;
      box-shadow: none !important;
      border-radius: 20px 20px 0 0;
      border-spacing: 0px; }
      .mat-table-div .invoice-table-div .mat-table mat-icon,
      .mat-table-div .invoice-table-div .mat-table img {
        cursor: pointer; }
        .mat-table-div .invoice-table-div .mat-table mat-icon.eligiblity-icon,
        .mat-table-div .invoice-table-div .mat-table img.eligiblity-icon {
          font-size: 18px;
          width: 18px;
          height: 18px; }
      .mat-table-div .invoice-table-div .mat-table tr:hover td {
        background-color: #DEE3E9;
        cursor: inherit; }
      .mat-table-div .invoice-table-div .mat-table th {
        font-size: 11px;
        text-transform: uppercase;
        color: #000000;
        border-bottom-width: 0;
        font-family: "Optimistic Text VF";
        border-radius: 20px;
        font-weight: 400;
        vertical-align: middle; }
        .mat-table-div .invoice-table-div .mat-table th .th-flex {
          display: flex;
          align-items: flex-start;
          justify-content: space-between; }
          .mat-table-div .invoice-table-div .mat-table th .th-flex .arrow-up-down {
            display: contents; }
            .mat-table-div .invoice-table-div .mat-table th .th-flex .arrow-up-down .material-icons,
            .mat-table-div .invoice-table-div .mat-table th .th-flex .arrow-up-down .arrow-up,
            .mat-table-div .invoice-table-div .mat-table th .th-flex .arrow-up-down .arrow-down {
              display: inline-block;
              height: 16px;
              line-height: 16px;
              margin-left: 5px !important;
              margin-right: 5px !important;
              color: #BDA8EB; }
        .mat-table-div .invoice-table-div .mat-table th .purple {
          color: #855BE0; }
      .mat-table-div .invoice-table-div .mat-table td {
        font-size: 12px;
        color: #000000;
        font-weight: 500;
        font-family: "Optimistic Text VF";
        border-bottom-width: 0;
        vertical-align: middle;
        padding-bottom: 8px;
        padding-top: 8px; }
        .mat-table-div .invoice-table-div .mat-table td a {
          font-size: 12px; }
        .mat-table-div .invoice-table-div .mat-table td .green {
          color: #0abb87;
          display: inline-block; }
        .mat-table-div .invoice-table-div .mat-table td .bidnow {
          display: inline-block;
          padding: 5px;
          border-radius: 25px;
          text-align: center;
          min-width: 90px; }
        .mat-table-div .invoice-table-div .mat-table td .red {
          color: red;
          display: inline-block; }
        .mat-table-div .invoice-table-div .mat-table td span {
          display: block;
          color: #000000;
          display: flex;
          align-items: center; }
          .mat-table-div .invoice-table-div .mat-table td span.more-act {
            display: inline-block;
            color: #000000; }
        .mat-table-div .invoice-table-div .mat-table td .text-purple {
          color: #855BE0;
          font-weight: 500; }
        .mat-table-div .invoice-table-div .mat-table td .new-journey {
          margin: 0;
          width: fit-content;
          min-height: 30px;
          line-height: 16px; }
          .mat-table-div .invoice-table-div .mat-table td .new-journey .mat-button-wrapper {
            margin-top: 0px;
            color: #FFFFFF; }

.surf-dashboard-container .mat-table-div .invoice-table-div .mat-table tr:hover td {
  background-color: var(--base-color); }
.surf-dashboard-container .header .float-left h6 {
  color: #FFFFFF !important; }
.surf-dashboard-container .header .search-menu .search img {
  filter: brightness(0) invert(1); }
.surf-dashboard-container .header .notification-relative img {
  filter: brightness(0) invert(1); }
.surf-dashboard-container .header .float-right ul li.user .seller-badge {
  color: #FFFFFF !important; }
.surf-dashboard-container .header .float-right ul li a {
  color: #FFFFFF !important; }

.dark-bg .mat-table-div .invoice-table-div .mat-table tr:hover td {
  background-color: #DEE3E9;
  cursor: inherit; }
.dark-bg .mat-table-div .invoice-table-div .mat-table th {
  color: #000000; }
  .dark-bg .mat-table-div .invoice-table-div .mat-table th .th-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 5px !important; }
    .dark-bg .mat-table-div .invoice-table-div .mat-table th .th-flex .arrow-up-down {
      display: contents; }
      .dark-bg .mat-table-div .invoice-table-div .mat-table th .th-flex .arrow-up-down .material-icons,
      .dark-bg .mat-table-div .invoice-table-div .mat-table th .th-flex .arrow-up-down .arrow-up,
      .dark-bg .mat-table-div .invoice-table-div .mat-table th .th-flex .arrow-up-down .arrow-down {
        display: inline-block;
        height: 16px;
        line-height: 16px;
        margin-left: 5px !important;
        margin-right: 5px !important;
        color: #BDA8EB; }
  .dark-bg .mat-table-div .invoice-table-div .mat-table th .purple {
    color: #855BE0; }
.dark-bg .mat-table-div .invoice-table-div .mat-table td {
  color: #FFFFFF; }
  .dark-bg .mat-table-div .invoice-table-div .mat-table td .green {
    color: #0abb87;
    display: inline-block; }
  .dark-bg .mat-table-div .invoice-table-div .mat-table td .bidnow {
    display: inline-block;
    padding: 5px;
    border-radius: 25px;
    text-align: center;
    min-width: 90px; }
  .dark-bg .mat-table-div .invoice-table-div .mat-table td .red {
    color: red;
    display: inline-block; }
  .dark-bg .mat-table-div .invoice-table-div .mat-table td span {
    display: block;
    margin-top: 8px;
    color: #FFFFFF;
    display: flex;
    align-items: center; }
    .dark-bg .mat-table-div .invoice-table-div .mat-table td span.more-act {
      display: inline-block; }
  .dark-bg .mat-table-div .invoice-table-div .mat-table td .text-purple {
    color: #855BE0; }
  .dark-bg .mat-table-div .invoice-table-div .mat-table td .new-journey {
    margin: 0;
    width: fit-content;
    min-height: 30px;
    line-height: 16px; }
    .dark-bg .mat-table-div .invoice-table-div .mat-table td .new-journey .mat-button-wrapper {
      margin-top: 0px;
      color: #FFFFFF; }

.mat-paginator {
  background-color: transparent !important;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px; }
  .mat-paginator.top-pagination {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .mat-paginator .mat-paginator-outer-container .mat-paginator-container {
    width: auto;
    margin-left: 0px;
    padding: 0; }
    .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select.mat-form-field {
      display: inline-block !important; }
    .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select .mat-select {
      color: #000000; }
      .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select .mat-select .mat-select-value-text {
        color: #000000; }
    .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select .mat-select-arrow {
      color: #000000; }
    .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select .mat-form-field-underline {
      background-color: #000000; }
    .mat-paginator .mat-paginator-outer-container .mat-paginator-container .mat-paginator-page-size .mat-paginator-page-size-select.mat-focused .mat-form-field-underline .mat-form-field-ripple {
      background-color: #000000 !important; }
  .mat-paginator .mat-paginator-outer-container button {
    background: none !important;
    color: #a3aab4 !important;
    margin: 0 !important; }
    .mat-paginator .mat-paginator-outer-container button svg {
      fill: #000000; }
  .mat-paginator .mat-paginator-range-label,
  .mat-paginator .mat-paginator-page-size-label {
    color: #000000; }

.surf-table .mat-paginator .mat-paginator-range-label,
.surf-table .mat-paginator .mat-paginator-page-size-label,
.surf-table .mat-paginator .mat-select,
.surf-table .mat-paginator .mat-select .mat-select-value-text,
.surf-table .mat-paginator .mat-select .mat-select-arrow {
  color: #FFFFFF !important; }
.surf-table .mat-paginator button svg {
  fill: #FFFFFF; }
.surf-table .mat-paginator .mat-form-field-underline {
  background-color: #FFFFFF !important; }

.mat-checkbox-frame {
  border-radius: 50% !important; }

.mat-checkbox .mat-checkbox-label {
  color: #000000 !important; }

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #855BE0 !important;
  border-radius: 50% !important; }

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background: #855BE0; }

.no-data-found {
  text-align: center;
  padding: 10px;
  color: #000000;
  font-family: "Optimistic Text VF"; }

.mat-chip-list-wrapper {
  margin: 0; }
  .mat-chip-list-wrapper .mat-chip {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    background-color: #8485A4 !important;
    border: 1px solid #000000;
    color: #FFFFFF !important;
    display: inline-table;
    align-items: center;
    text-align: center;
    padding: 2px 6px;
    min-height: 26px;
    white-space: nowrap; }
    .mat-chip-list-wrapper .mat-chip.mat-standard-chip {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    .mat-chip-list-wrapper .mat-chip.white {
      background-color: #FFFFFF !important;
      color: #000000 !important;
      border: 1px solid #000000; }
    .mat-chip-list-wrapper .mat-chip .mat-icon {
      height: auto;
      font-size: 13px;
      top: 4px;
      width: 15px;
      position: relative;
      cursor: pointer;
      color: #000000 !important; }
      .mat-chip-list-wrapper .mat-chip .mat-icon.round-select {
        top: 3px; }
    .mat-chip-list-wrapper .mat-chip .mat-chip-trailing-icon.mat-icon,
    .mat-chip-list-wrapper .mat-chip .mat-chip-remove.mat-icon {
      font-size: 17px !important; }

.add-invoice-btn {
  margin-left: 20px !important; }

.mat-form-field .mat-select .mat-select-arrow {
  color: #000000 !important; }
.mat-form-field.mat-focused .mat-select .mat-select-arrow {
  color: #000000 !important; }

.ellipsis-vertical {
  opacity: 0.5;
  font-size: 32px;
  width: 32px !important;
  height: 32px !important; }

.re-payment-stackholder-logo {
  background-color: #DCE6F0;
  padding: 1.5em 0 1.5em 0;
  text-align: center;
  border-radius: 0px 0px 12px 12px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .re-payment-stackholder-logo h6 {
    color: #000000;
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px; }
  .re-payment-stackholder-logo img {
    margin: 0 0 0 20px;
    width: 150px; }

.highlighted-text-yellow {
  background-color: #FFE600; }

.wuBankInfo {
  border: 4px solid rgba(84, 117, 181, 0.4);
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  max-width: 680px;
  border-radius: 16px;
  padding: 1em;
  margin-bottom: 2em;
  font-family: "Optimistic Text VF"; }
  @media only screen and (max-width: 540px) {
    .wuBankInfo {
      width: 100%; } }
  .wuBankInfo .title-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px; }
    .wuBankInfo .title-block h6 {
      margin: 0;
      font-size: 15px;
      font-weight: 500; }
  .wuBankInfo .text-block img {
    vertical-align: top; }
  .wuBankInfo .message-block {
    width: 100%; }
  .wuBankInfo .message-icon {
    margin-right: 15px; }
  .wuBankInfo span {
    color: #855BE0;
    font-weight: 500; }
  .wuBankInfo p {
    line-height: 19px;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 0 0;
    width: 100%;
    display: inline-block;
    max-width: 90%; }
  .wuBankInfo.success-block {
    background-color: #E2FFF2;
    border-color: #57C996; }
  .wuBankInfo.information-block {
    background-color: #CEDBF7;
    border-color: #648AD9; }
  .wuBankInfo.warning-block {
    background-color: #FFF4DE;
    border-color: #FFB824; }
  .wuBankInfo.error-block {
    background-color: #FFF2F2;
    border-color: #D15F5F; }
  .wuBankInfo.custom-block {
    background-color: #F8F9FB;
    border-color: #DCE6F0; }
    .wuBankInfo.custom-block .title-block {
      padding: 0; }
    .wuBankInfo.custom-block p {
      margin: 0; }

button.mat-icon-button {
  min-height: 30px; }

.global-popup {
  min-width: 350px;
  width: auto;
  max-width: 600px !important; }

.cdk-overlay-pane .mat-dialog-container {
  box-shadow: 0 0 3px 10px rgba(159, 167, 179, 0.15) !important; }

.cdk-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0 !important; }

.global-popup-wrap {
  padding: 20px 20px;
  box-sizing: border-box; }
  .global-popup-wrap .header-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 20px; }
    .global-popup-wrap .header-block .popup-title {
      font-size: 14px;
      font-weight: bold;
      color: #000000;
      width: calc(100% - 30px);
      margin: 0 !important;
      font-family: "Optimistic Text VF"; }
    .global-popup-wrap .header-block .mat-icon {
      position: absolute;
      top: -4px;
      right: 0; }
  .global-popup-wrap .data-block {
    font-size: 14px;
    font-family: "Optimistic Text VF"; }
    .global-popup-wrap .data-block p {
      margin: 0 !important;
      color: #000000; }
  .global-popup-wrap .btn-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin: 20px 0 0; }
    .global-popup-wrap .btn-block a {
      text-decoration: none !important;
      font-family: "Optimistic Text VF"; }
    .global-popup-wrap .btn-block button {
      margin: 0 0 0 30px !important;
      font-family: "Optimistic Text VF"; }

.light-blue-backdrop + .cdk-global-overlay-wrapper {
  justify-content: flex-end !important; }
  .light-blue-backdrop + .cdk-global-overlay-wrapper .mat-dialog-container {
    border-radius: 10px 0 0 10px !important; }

.pink-linear-gradient {
  padding: 0 25px 0 20px;
  margin: 0 0 30px 0; }

.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-content mat-multi-year-view .mat-calendar-table tbody td .mat-calendar-body-today {
  border-color: transparent !important; }
.mat-datepicker-popup .mat-datepicker-content .mat-calendar .mat-calendar-content mat-year-view .mat-calendar-table tbody td .mat-calendar-body-today {
  border-color: transparent !important; }

.seller-profile-modal .score-value {
  width: 25px !important;
  border-radius: 10px;
  padding: 2px 10px !important;
  font-size: 12px;
  margin: 0 5px 0 0;
  display: inline-block !important;
  text-align: center !important; }

@media only screen and (max-width: 768px) {
  .wuBankInfo {
    width: 100%; }
    .wuBankInfo .title-block {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .wuBankInfo .message-block .text-block {
      display: flex; }

  .mat-sidenav-content .simplebar-content .title_heading {
    font-size: 16px; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .wuBankInfo .title-block {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .wuBankInfo .message-block .text-block {
    display: flex; }
    .wuBankInfo .message-block .text-block img {
      width: 22px; }
    .wuBankInfo .message-block .text-block p {
      font-size: 12px; } }
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
  .wuBankInfo .title-block {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .wuBankInfo .message-block .text-block {
    display: flex; }
    .wuBankInfo .message-block .text-block img {
      width: 22px; }
    .wuBankInfo .message-block .text-block p {
      font-size: 12px; } }
.surf-report-loader ngx-ui-loader .ngx-foreground-spinner .sk-three-bounce div {
  width: 20%;
  height: 20%;
  background-color: #6335CA;
  animation: loading-dot 0.6s infinite alternate !important;
  margin-right: 0.35rem;
  margin-top: 10vh; }
  .surf-report-loader ngx-ui-loader .ngx-foreground-spinner .sk-three-bounce div:nth-child(2) {
    animation-delay: 0.2s !important; }
  .surf-report-loader ngx-ui-loader .ngx-foreground-spinner .sk-three-bounce div:nth-child(3) {
    animation-delay: 0.4s !important;
    margin-right: 0; }
.surf-report-loader ngx-ui-loader .ngx-loading-text {
  font-size: 12px !important;
  font-family: "Optimistic Text VF" !important; }
  .surf-report-loader ngx-ui-loader .ngx-loading-text.center-center {
    transform: translate(-45%, -45%); }

@keyframes loading-dot {
  to {
    opacity: 0.1;
    transform: translate3d(0, -1rem, 0); } }
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.1); }

.mat-dialog-container {
  box-shadow: 0px 0px 2px 8px rgba(0, 0, 0, 0.08); }

.industry-sub-backdrop ~ .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
  width: 300px; }
  .industry-sub-backdrop ~ .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel {
    margin: 0;
    background: #FFFFFF;
    max-width: 100%;
    min-width: 100%; }
    .industry-sub-backdrop ~ .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel .mat-menu-content {
      padding: 15px 0; }
    .industry-sub-backdrop ~ .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel button {
      height: auto !important;
      margin: 0 !important;
      border-radius: 0 !important; }
      .industry-sub-backdrop ~ .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel button .mat-menu-ripple {
        display: none; }
      .industry-sub-backdrop ~ .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel button .mat-radio-checked .mat-radio-label-content {
        color: #855BE0; }
      .industry-sub-backdrop ~ .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel button.active {
        color: #855BE0 !important; }
    .industry-sub-backdrop ~ .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-menu-panel .mat-radio-label-content {
      width: 220px !important; }

.filters.currency-filter-main .filter-input-field {
  margin-bottom: 20px; }
.filters.currency-filter-main .mat-form-field {
  background-color: #FFFFFF;
  border-color: transparent;
  border-radius: 7px;
  overflow: hidden;
  width: 180px !important;
  margin: 10px 0 10px 0; }
  .filters.currency-filter-main .mat-form-field.disabled .mat-form-field-flex {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none !important; }
  .filters.currency-filter-main .mat-form-field.password-field {
    margin: 0 0 24px; }
  .filters.currency-filter-main .mat-form-field img {
    top: 16px; }
  .filters.currency-filter-main .mat-form-field .mat-form-field-wrapper {
    padding-bottom: 0 !important;
    height: 42px; }
  .filters.currency-filter-main .mat-form-field .mat-form-field-infix {
    border-top: 0;
    padding: 0; }
    .filters.currency-filter-main .mat-form-field .mat-form-field-infix input {
      font-size: 14px;
      font-weight: 400;
      font-family: "Optimistic Text VF";
      color: #000000;
      box-sizing: border-box;
      padding: 0 20px 0; }
  .filters.currency-filter-main .mat-form-field .mat-form-field-underline {
    display: none; }
  .filters.currency-filter-main .mat-form-field .mat-select-arrow {
    margin: 19px 4px !important;
    color: #000000; }
  .filters.currency-filter-main .mat-form-field .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 35px;
    left: 10px;
    font-size: 14px;
    color: #000000; }
    @media screen and (max-width: 600px) {
      .filters.currency-filter-main .mat-form-field .mat-form-field-appearance-legacy .mat-form-field-label {
        width: fit-content; } }
  .filters.currency-filter-main .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label {
    margin: 8px 0 0;
    padding: 0 20px 0;
    opacity: 1 !important;
    transition: 0.3s ease-in !important; }
    .filters.currency-filter-main .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label span {
      font-size: 14px;
      font-weight: 400;
      font-family: "Optimistic Text VF";
      color: #000000;
      box-sizing: border-box; }
  .filters.currency-filter-main .mat-form-field.mat-form-field-should-float .mat-form-field-label-wrapper .mat-form-field-label {
    opacity: 0 !important;
    transition: 0.3s ease-in !important; }
  .filters.currency-filter-main .mat-form-field.mat-form-field-invalid {
    border-color: #D15F5F; }
    .filters.currency-filter-main .mat-form-field.mat-form-field-invalid .mat-form-field-label-wrapper .mat-form-field-label span {
      color: #D15F5F; }
.filters.currency-filter-main .mat-checkbox .mat-checkbox-inner-container {
  width: 20px;
  height: 20px; }
  .filters.currency-filter-main .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-ripple {
    display: none; }
  .filters.currency-filter-main .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame {
    border-radius: 2px !important; }
  .filters.currency-filter-main .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-background {
    border-radius: 2px !important;
    box-sizing: border-box;
    transform: scale(0.7); }
    .filters.currency-filter-main .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-background svg {
      opacity: 0; }
.filters.currency-filter-main .mat-checkbox .mat-checkbox-label {
  font-size: 12px; }
.filters.currency-filter-main .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-inner-circle {
  transform: scale(0.6); }
.filters.currency-filter-main .mat-radio-group .mat-radio-button .mat-radio-ripple {
  display: none; }
.filters.currency-filter-main .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #855BE0; }
.filters.currency-filter-main .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(133, 91, 224, 0.54); }
.filters.currency-filter-main .mat-slide-toggle .mat-slide-toggle-ripple {
  display: none; }
.filters.currency-filter-main .select-dropdown-btn {
  max-width: 275px;
  width: 100%; }
.filters.currency-filter-main .mat-select {
  border-radius: 5px !important;
  padding: 0 10px;
  height: 42px;
  font-size: 13px;
  color: var(--primary-font-color) !important;
  width: 100%;
  box-sizing: border-box;
  border: none !important; }
  .filters.currency-filter-main .mat-select .mat-select-trigger .mat-select-value {
    vertical-align: middle;
    padding: 0 !important; }
  .filters.currency-filter-main .mat-select .mat-select-trigger .mat-select-value-text {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 0 0 12px; }