#dropdown-lang,#dropdown-auth {
    display: none;
    position: absolute;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 150px;
    z-index: 1000;
    right: 0;
}
#dropdown-lang .rtl {
    right: 0;
  }
/* Show when the "dropdown-open" class is added */
#dropdown-lang.dropdown-open {
    display: block;
}
#dropdown-auth.dropdown-open {
    display: block;
}
.form-control.error-border{
    border-color: #cd7a7a !important;
}
#stores_previous,#stores_next,.paginate_button{
    display: inline;
    list-style: none;
}

#stores_previous a,#stores_next a,.paginate_button a{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.paginate_button.active a{
    background-color:#12715B;
    color:#fff
}
.side-nav{
    width: 25%
}
@media (max-width: 765px) {
.dashboard,.form-input{
  flex-direction:column!important
}
.side-nav{
    width: 100%
}
}
@media (max-width: 1024px) {
    .plan-column {
      display: none;
    }
    .plan-column.active {
      display: table-cell;
    }
    .plan-toggle-buttons {
      display: flex;
      justify-content: center;
      gap: 1rem;
      margin-bottom: 1rem;
    }
  }
  @media (min-width: 1025px) {
    .pricing-table-button {
        display: none;
      }
  }
  .pricing-table-button {
    border-radius: 15px;
    padding: 5px 0;
    background-color: #f0f0f0;
  }
  .border-color {
    border: rgb(223 212 212 / 25%) !important;
  }


.main-features-nav>li.uc-active::before {
    border-color: var(--color-red) !important;

}

.btn-ghost-phenix {
    background: #ea43354a !important;
    color: #ea4335 !important;
    border-color: #ea4335 !important;
}
.loader-btn {
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid rgb(233, 237, 238);
    border-right-color: #ea4335;
    margin: auto;
    animation: l2 1s infinite linear;
  }
  @keyframes l2 {to{transform: rotate(1turn)}}
.loader {
  width: fit-content;
  padding-bottom: 5px;
  font-weight: bold;
  font-family: monospace;
  font-size: 30px;
  overflow: hidden;
  color: #0000;
  text-shadow: 0 0 0 #000,10ch 0 0 #000;
  background: linear-gradient(#000 0 0) bottom left/0% 3px no-repeat;
  animation: l14 1.5s infinite;
}
.loader:before {
  content: "Loading...";
}
@keyframes l14 {
    80%  {text-shadow:    0  0 0 #000,10ch 0 0 #000;background-size:100% 3px}
    100% {text-shadow: -10ch 0 0 #000,0    0 0 #000}
}