.form-select {
    height: 2.40rem !important;
  }

  #dropdownResults{
    height: 50vh;
    overflow: scroll;
  }

  .dropdown-list li a{
    display: flex;
    flex-direction: column;
  }

  .dropdown-list li a:hover {
    cursor: pointer;
    color: #5e2dd8;
  }

  .dropdown-list{
    width: 350px;
  }

  label.error {
    color: red;
  }

  .action-buttons a {
    display: block;
    margin-bottom: 10px;
  }

  .terms-condition {
    font-size: 14px;
    border: 1px;
    border-style: groove;
    overflow-y: scroll;
    padding-top: 3px;
    padding-left: 4px;
  }

  /* Scrollbar Styling */
  .terms-condition::-webkit-scrollbar {
    width: 7px;
  }

  .terms-condition::-webkit-scrollbar-track {
    background-color: #e3e8ef;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  .terms-condition::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #62a1fe;
  }

  /*for copy btn*/
  .generateUrlLink {
    display: flex;
    /* flex-direction: column; Ensures elements stack vertically */
    align-items: center;
    /* Horizontally center the content */
    justify-content: center;
    /* Vertically center the content */
    /* text-align: center; */
  }


  .copyLink i {
    font-size: 24px;
    /* Adjust the size of the icon */
  }

  .copyQRCode i {
    font-size: 24px;
    /* Adjust the size of the icon */
  }

  /*end for copy btn*/
  .generateUrlLink {
    padding: 15px;
    font-size: 16px;
  }

  .dropdown-menu .dropdown-item {
    display: inline-block !important;
  }

  .dropdown .avatar.profile-user {
    min-width: 2.2rem;
  }

  .app-header .page-title {
    margin: 0 !important;
  }


  /* ----------------------color updates, overwriting bootstrap classes and adding new classes for colors------------------------------------*/
  .btn {
    border-radius: 10rem !important;
  }

  .btn-yellow {
    background-color: #FF9100 !important;
    border-color: #FF9100 !important;
  }

  body .bg-yellow {
    background-color: #FF9100 !important;
    border-color: #FF9100 !important;
  }

  body .btn-yellow:hover,
  body .bg-yellow:hover {
    background-color: #ff9100d0 !important;
    border-color: #ff9100d0 !important;
  }

  body .btn-light-yellow {
    background: #F5D491 !important;
    border-color: #F5D491 !important;
    color: #fff !important;
  }

  body .btn-light-yellow:hover {
    background-color: #FF9100 !important;
    border-color: #FF9100 !important;
    color: #fff !important;
  }


  .blue-btn {
    background-color: #042350 !important;
    border-color: #042350 !important;
    color: #fff !important;
  }

  body .bg-blue {
    background-color: #042350 !important;
    border-color: #042350 !important;
    color: #fff !important;
  }

  body .blue-btn:hover,
  body .bg-blue:hover {
    background-color: #052d68dc !important;
    border-color: #052d68dc !important;
    color: #fff !important;
  }

  body .btn-primary,
  body .bg-primary {
    background: #042350 !important;
    border-color: #042350 !important;
  }

  body .btn-primary:hover,
  body .bg-primary:hover {
    background: #052d68dc !important;
    border-color: #052d68dc !important;
  }

  body .panel-title {
    color: #fff !important;
    font-weight: 500 !important;
  }

  body .panel-title:hover {
    color: #fff !important;
    font-weight: 500 !important;
  }

  body .btn-secondary,
  body .bg-secondary {
    background: #FF9100 !important;
    border-color: #FF9100 !important;
  }

  body .btn-secondary:hover,
  body .bg-secondary:hover {
    border-color: #FF9100 !important;
    background: #ff9100d0 !important;
  }

  body .btn-pink,
  body .bg-pink {
    background: #F06C9B !important;
    border-color: #F06C9B !important;
  }

  body .btn-pink:hover,
  body .bg-pink:hover {
    background: #f06c9aec !important;
    border-color: #f06c9aec !important;
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before,
  .page-item.active .page-link {
    background: #F06C9B !important;
    border-color: #F06C9B !important;
  }

  body .btn-secondary-light {
    background: #F9b9b7 !important;
    border-color: #F9b9b7 !important;
    color: #000 !important;
  }

  body .btn-secondary-light:hover {
    background: #F9b9b7 !important;
    border-color: #F9b9b7 !important;
    color: #FFF !important;
  }

  body .bg-success {
    background: #F5D491 !important;
  }

  body .bg-lightgreen {
    background: #00D166 !important;
  }

  body .bg-light-blue {
    background: #1285A4 !important;
  }

  body .bg-light-blue:hover {
    background: #1284a4d0 !important;
  }

  body .panel-heading {
    background: #1285A4 !important
  }

  tr th {
    color: #fff !important;
    background-color: #1285A4 !important;
  }

  .swal2-confirm,
  .sa-button-container .cancel,
  .sa-button-container .confirm {
    background-color: #61A0AF !important;
  }

  /* choose-file class styling */
  .choose-file::file-selector-button {
    background-color: #F9B9B7 !important;
    color: black !important;
    border: none !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
  }

  .choose-file::file-selector-button:hover {
    background-color: #f7a6a3 !important;
  }

  #back-to-top {
    background-image: linear-gradient(to right, #F06C9B 0%, #F06C9B 100%) !important;
  }

  #back-to-top:hover {
    color: #F06C9B !important;
    border: 2px solid #F06C9B !important;
  }

/* Profile modal CSS*/
  [contenteditable="true"] {
      padding: 5px;
      min-height: 30px;
      width: 100%;
      border: 1px solid #ced4da;
      border-radius: 4px;
  }

  .edit-company-name:empty:before,
  .edit-company-url:empty:before {
      content: 'Click to edit';
      color: #6c757d;
      font-style: italic;
  }

  .profile-language-toggle ul.nav-price li a.active {
    background-color: #FF9100 !important;
    border-color: #FF9100 !important;
    color: #fff !important;
  }

  .profile-language-toggle ul.nav-price li a{
    color: #FF9100 !important;
  }
/* End Profile Modal CSS */

  @media only screen and (min-width: 992px) {
    .app-sidebar__toggle {
      display: none !important;
    }
  }


  @media only screen and (max-width: 768px) {
    .header-brand-img {
      max-height: 29px;
      float: right;
      padding-right: 20px;
    }
  }

  @media only screen and (max-width: 425px) {
    .header-brand-img {
      max-height: 26px;
    }

    .app-header .page-title {
      font-size: 16px !important;
    }
  }