/* VARIABLES */
@media only screen and (min-width: 850px) {
  .users-page .big-title {
    font-size: 3.5rem !important;
  }
}
@media only screen and (min-width: 850px) and (max-width: 1050px) {
  .users-page .big-title {
    font-size: 2.8rem !important;
  }
}
.users-page .button-profile {
  display: flex;
  align-items: center;
  color: var(--color-pink);
  border-radius: 4rem;
  border: 1px solid var(--color-pink);
  padding: 0.4rem 1.5rem;
}
.users-page .button-profile:hover {
  color: white;
  background-color: var(--color-pink);
}
.users-page .button-profile:hover .arrow {
  filter: brightness(10);
}
.users-page .button-profile .arrow {
  margin-left: 1rem;
  transition: all 0.3s;
}
.users-page .info-table {
  min-width: 70vw;
}
.users-page .info-table .line {
  display: block !important;
  position: relative;
}
.users-page .info-table .line .line-header,
.users-page .info-table .line .proxies-info-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  transition: all 0.7s;
}
@media only screen and (max-width: 850px) {
  .users-page .info-table .line .line-header,
  .users-page .info-table .line .proxies-info-container {
    flex-direction: column;
    justify-content: center;
    flex-grow: unset;
  }
}
.users-page .info-table .line .toggle-container {
  width: 100%;
  display: none;
}
.users-page .info-table .line .toggle-container .proxies-info-container {
  width: 100%;
  padding: 0.8rem 0;
  border-top: 1px solid #d9d9d9;
}
.users-page .info-table .line .toggle-container .proxies-info-container:last-of-type {
  padding-bottom: 0;
}
.users-page .info-table .line .toggle-container .proxies-info {
  display: flex;
  justify-content: flex-end !important;
}
.users-page .info-table .line .left {
  width: 85%;
  max-width: 1300px;
}
@media only screen and (max-width: 1200px) {
  .users-page .info-table .line .left {
    width: 88%;
  }
}
.users-page .info-table .line .right {
  width: 15%;
}
@media only screen and (max-width: 1200px) {
  .users-page .info-table .line .right {
    width: 12%;
  }
}
@media only screen and (max-width: 850px) {
  .users-page .info-table .line .right {
    width: 100%;
    padding-bottom: 2rem;
    justify-content: flex-start !important;
  }
}
.users-page .info-table .mobile-line {
  justify-content: flex-start !important;
}
@media only screen and (max-width: 850px) {
  .users-page .info-table .title-line {
    display: none !important;
  }
}
.users-page .info-table .padding {
  padding-bottom: 0.8rem !important;
}
@media only screen and (max-width: 850px) {
  .users-page .info-table .padding {
    padding-bottom: 3rem !important;
  }
}
.users-page .info-table .info-line {
  white-space: nowrap;
  transition: all 0.7s;
}
@media only screen and (max-width: 850px) and (min-width: 600px) {
  .users-page .info-table .info-line {
    padding-left: 5rem !important;
  }
}
.users-page .info-table .info-line .first-line {
  border: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
@media only screen and (max-width: 850px) {
  .users-page .info-table .info-line .second-line,
  .users-page .info-table .info-line .third-line {
    width: 100%;
    border-top: 1px solid #d9d9d9;
    padding: 2rem 0;
    margin: 0 !important;
  }
}
.users-page .info-table .info-line .second-line .mobile-column:first-of-type .text,
.users-page .info-table .info-line .third-line .mobile-column:first-of-type .text {
  width: 19rem;
  max-width: 19rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-page .info-table .amount-left {
  color: #52CF5F;
}
.users-page .info-table .column-inner-container {
  display: flex !important;
  align-items: center;
}
.users-page .info-table .button-open-user {
  width: 2rem;
  height: 2rem;
  border-radius: 0.2rem;
  border: 1px solid #d9d9d9;
  margin-right: 0.75rem;
}
@media only screen and (max-width: 850px) {
  .users-page .info-table .button-open-user {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0;
  }
}
.users-page .info-table .button-open-user .clicked-indicator {
  background-color: var(--color-pink);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transition: all 0.3s;
}
.users-page .info-table .column-one {
  width: 12%;
}
.users-page .info-table .column-two {
  width: 29%;
  max-width: 29%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-page .info-table .column-three {
  width: 29%;
  max-width: 29%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.users-page .info-table .column-four {
  width: 14%;
}
.users-page .info-table .column-five {
  width: 16%;
}
.users-page .info-table .column-six {
  width: 11%;
}
.users-page .info-table .column-seven {
  width: 11%;
}
@media only screen and (max-width: 680px) {
  .users-page .popup-add-remove .popup-content {
    width: 90%;
  }
}/*# sourceMappingURL=style.css.map */