#client .panel-name p {
  font-size: 18px;
  font-weight: 600;
}
#client .panel-name img.icon {
  height: 36px;
  width: 36px;
}
#client .panel-name img.logout {
  height: 22px;
  width: 22px;
  transform: rotate(-90deg);
}
#client #client-layout {
  background: #FFFFFF;
  box-shadow: 0px 20px 70px rgba(27, 57, 83, 0.1529411765);
  margin-bottom: 24px;
}
#client #client-layout .client-menu {
  display: flex;
}
#client #client-layout .client-menu .tab-holder {
  width: 33.3333333333%;
  height: 55px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  background: transparent linear-gradient(80deg, rgb(5, 117, 229) 0%, #011A77 45%, rgba(5, 117, 229, 0) 55%, rgba(5, 117, 229, 0) 100%) 0% 0% no-repeat padding-box;
  background-size: 250% 100%;
  background-position: 125% 0;
  transition: all 0.3s ease-in-out;
}
#client #client-layout .client-menu .tab-holder.active, #client #client-layout .client-menu .tab-holder:hover {
  background-position: 0 0;
  color: #FFFFFF;
}
#client .title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}
#client .content-card {
  background-color: #ffffff;
  box-shadow: 0px 20px 70px rgba(27, 57, 83, 0.1529411765);
  padding: 15px;
  margin-bottom: 24px;
}
#client .content-card .card-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
}
#client .content-card .card-name .green-circle, #client .content-card .card-name .blue-circle {
  width: 12px;
  height: 12px;
  margin-right: 11px;
  border-radius: 50%;
}
#client .content-card .card-name .green-circle {
  background: #00D547;
  box-shadow: 0px 3px 6px rgba(36, 197, 134, 0.3960784314);
}
#client .content-card .card-name .blue-circle {
  background: #0575E5;
  box-shadow: 0px 3px 6px rgba(4, 116, 228, 0.4156862745);
}
#client .content-card .card-body p {
  margin: 0 24px;
}

@media screen and (max-width: 768px) {
  #client #client-layout .client-menu {
    flex-direction: column;
  }
  #client #client-layout .client-menu .tab-holder {
    width: 100%;
  }
}
.common-page .register-benefits, .common-page .login-benefits {
  padding: 14px 40px;
  background-color: #2B2D45;
  color: white;
  font-weight: 500;
  margin-bottom: 40px;
}
.common-page .register-benefits .benefit span, .common-page .login-benefits .benefit span {
  font-size: 16px;
  margin: 12px 5px;
}
.common-page .register-benefits .benefit img, .common-page .login-benefits .benefit img {
  height: 24px;
  margin-right: 7px;
}
.common-page .register-container .icon {
  height: 25px;
}
.common-page .register-container .register-benefits {
  display: flex;
  flex-wrap: wrap;
}
.common-page .register-container .register-benefits .benefit {
  width: 50%;
}
@media screen and (max-width: 576px) {
  .common-page .register-container .register-benefits .benefit {
    width: 100%;
  }
}
.common-page .register-container #registerForm .gdpr-agree .form-check-input {
  width: 16px;
  height: 16px;
}
.common-page .register-container #invoiceAddress .form-base {
  display: flex;
  flex-wrap: wrap;
}
.common-page .register-container #invoiceAddress .form-group {
  width: 50%;
}
.common-page .register-container .column-name {
  margin-top: 30px;
}
.common-page .register-container .error {
  margin-left: 0;
}
.common-page .login-container .form-group {
  align-content: unset;
  align-items: unset;
}
.common-page .login-container .login-benefits .tittle {
  font-size: 20px;
  font-weight: 600;
}
.common-page .login-container .forgoten-password-holder {
  margin-top: 5px;
}
.common-page .login-container .forgoten-password-holder a {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
}
.common-page #client-index .client-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .common-page .register-benefits, .common-page .login-benefits {
    padding: 15px;
  }
  .common-page .register-benefits .benefit, .common-page .login-benefits .benefit {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .common-page .login-container {
    padding: 25px;
  }
  .common-page #client-index .client-menu {
    flex-direction: column;
  }
  .common-page #client-index .client-menu a {
    text-align: center;
  }
  .common-page #client-index .client-menu a + a {
    margin-top: 15px;
  }
}
#client #genius .card-name {
  align-items: start;
}
#client #genius .card-name span, #client #genius .card-name a {
  color: #0575E5;
}
#client #genius .card-name span {
  font-weight: 700;
}
#client #genius .card-name a {
  text-decoration: underline;
  font-weight: 500;
  text-align: end;
}
#client #genius .card-body p {
  margin: 0;
}
#client #genius .card-body span {
  font-weight: 700;
}
#client #genius .card-body .genius-progress-bar {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background-color: #EFF2F9;
  width: 100%;
  height: 10px;
  margin: 45px 0;
  padding: 0 1px;
}
#client #genius .card-body .genius-progress-bar .point {
  position: absolute;
  z-index: 1;
  left: 0;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: #FFFFFF;
}
#client #genius .card-body .genius-progress-bar .point.point-level {
  height: 8px;
  width: 8px;
}
#client #genius .card-body .genius-progress-bar .point.point-level:before {
  content: "";
  width: 2px;
  height: 6px;
  background-color: #EFF2F9;
  position: absolute;
  top: -10px;
  left: 3px;
}
#client #genius .card-body .genius-progress-bar .point.point-level:after {
  content: "";
  width: 2px;
  height: 6px;
  background-color: #EFF2F9;
  position: absolute;
  bottom: -10px;
  left: 3px;
}
#client #genius .card-body .genius-progress-bar .point .top-label {
  position: absolute;
  top: -35px;
  left: -60px;
  width: 130px;
  text-align: center;
  font-weight: 600;
}
#client #genius .card-body .genius-progress-bar .point .bottom-label {
  position: absolute;
  bottom: -35px;
  left: -10px;
  width: 30px;
  text-align: center;
  font-weight: 600;
}
#client #genius .card-body .genius-progress-bar .point:first-child .top-label, #client #genius .card-body .genius-progress-bar .point:first-child .bottom-label {
  left: 0;
  text-align: start;
}
#client #genius .card-body .genius-progress-bar .point:last-child .top-label {
  left: -121px;
  text-align: end;
}
#client #genius .card-body .genius-progress-bar .point:last-child .bottom-label {
  left: -21px;
  text-align: end;
}
#client #genius .card-body .genius-progress-bar .progress-bar-fill {
  position: absolute;
  z-index: 0;
  height: 10px;
  width: 0;
  border-radius: 5px;
  background: #0575E5;
  transition: width ease-in-out 0.5s;
}

@media screen and (max-width: 768px) {
  #client #genius .card-body .genius-progress-bar .point:not(.current) {
    display: none;
  }
  #client #genius .card-body .genius-progress-bar .point.current .top-label {
    left: -121px;
    text-align: end;
  }
  #client #genius .card-body .genius-progress-bar .point.current .bottom-label {
    left: -21px;
    text-align: end;
  }
  #client #genius .card-body .genius-progress-bar .point.current.first .top-label, #client #genius .card-body .genius-progress-bar .point.current.first .bottom-label {
    left: 0;
    text-align: start;
  }
}
#orders .labels {
  display: flex;
  align-items: center;
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
}
#orders .labels .label-roll {
  width: 20%;
}
#orders .labels .label-number {
  width: 20%;
}
#orders .labels .label-date {
  width: 15%;
}
#orders .labels .label-price {
  width: 15%;
}
#orders .labels .label-payment {
  width: 45%;
}
#orders .labels .label-state {
  width: 20%;
  text-align: right;
}
#orders .labels .label-tracking {
  width: 20%;
}
#orders .funcButtons {
  margin-bottom: 11px;
}
#orders .order-row {
  display: flex;
  align-items: center;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
}
#orders .order-row:nth-child(4n-2) {
  background-color: #EFF2F9;
}
#orders .order-row .order-number {
  width: 20%;
}
#orders .order-row .order-number div:last-child {
  color: #0575E5;
}
#orders .order-row .order-date {
  width: 15%;
}
#orders .order-row .order-price {
  width: 15%;
}
#orders .order-row .order-price div:last-child {
  color: #0575E5;
}
#orders .order-row .order-payment {
  width: 45%;
}
@media screen and (max-width: 768px) {
  #orders .order-row .order-tracking {
    width: 100%;
    margin: 5px;
  }
}
@media screen and (min-width: 768px) {
  #orders .order-row .order-tracking {
    width: 20%;
  }
}
#orders .order-row .order-tracking-href {
  padding: 5px 10px !important;
  min-height: 0 !important;
  height: auto;
  font-size: 12px;
}
#orders .order-row .order-state {
  width: 20%;
  text-align: right;
  display: flex !important;
  align-items: center;
  justify-content: end !important;
  gap: 10px;
}
#orders .order-row .order-state .state {
  color: #FFFFFF;
  text-align: center;
  padding: 5px 10px;
  display: inline-block;
  font-size: 12px;
}
#orders .order-row .order-state .state-4 {
  background: transparent linear-gradient(180deg, var(--success) 0%, #2E8D00 100%) 0% 0% no-repeat padding-box;
}
#orders .order-row .order-state .state-5 {
  background: transparent linear-gradient(180deg, #B50000 0%, #E21E1E 100%) 0% 0% no-repeat padding-box;
}
#orders .order-row .order-roll {
  width: 20%;
  cursor: pointer;
}
#orders .order-row .order-roll div:last-child {
  color: #0575E5;
  text-decoration: underline;
  justify-self: center;
}
#orders .order-detail:nth-child(4n-1) .detail-collapse {
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #EFF2F9;
}
#orders .order-detail .detail-collapse {
  padding: 25px;
}
#orders .order-detail .detail-collapse .detail-block {
  border-bottom: 1px solid #EFF2F9;
  margin-bottom: 25px;
  padding: 15px 0;
}
#orders .order-detail .detail-collapse .detail-block:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#orders .order-detail .detail-collapse .detail-block .block-title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
#orders .order-detail .detail-collapse .detail-block.info .number-date {
  color: #0575E5;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
#orders .order-detail .detail-collapse .detail-block.info .shipment, #orders .order-detail .detail-collapse .detail-block.info .payment {
  margin: 9px 0;
}
#orders .order-detail .detail-collapse .detail-block.info .shipment span, #orders .order-detail .detail-collapse .detail-block.info .payment span {
  font-weight: 600;
}
#orders .order-detail .detail-collapse .detail-block.history .labels {
  display: flex;
  padding: 12px;
}
#orders .order-detail .detail-collapse .detail-block.history .labels .label-date {
  width: 25%;
}
#orders .order-detail .detail-collapse .detail-block.history .labels .label-state {
  width: 75%;
}
#orders .order-detail .detail-collapse .detail-block.history .state-row {
  display: flex;
  align-items: center;
  padding: 12px;
  font-weight: 500;
}
#orders .order-detail .detail-collapse .detail-block.history .state-row:nth-child(odd) {
  background-color: #EFF2F9;
}
#orders .order-detail .detail-collapse .detail-block.history .state-row .state-date {
  width: 25%;
  color: #0575E5;
}
#orders .order-detail .detail-collapse .detail-block.history .state-row .state-state {
  width: 50%;
}
#orders .order-detail .detail-collapse .detail-block.history .state-row .state-tracking-href {
  padding: 5px 10px !important;
  min-height: 0 !important;
  height: auto;
  font-size: 12px;
}
#orders .order-detail .detail-collapse .detail-block.history .address {
  width: 50%;
  margin-top: 40px;
  padding: 20px;
  border: 2px solid #EFF2F9;
}
#orders .order-detail .detail-collapse .detail-block.history .address .address-title {
  color: #0575E5;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 2px solid #EFF2F9;
  margin-bottom: 15px;
}
#orders .order-detail .detail-collapse .detail-block.history .address .address-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#orders .order-detail .detail-collapse .detail-block.history .address .address-row .label {
  width: 20%;
  font-weight: 600;
}
#orders .order-detail .detail-collapse .detail-block.history .address .address-row div:last-child {
  width: 80%;
}
#orders .order-detail .detail-collapse .detail-block.products .labels {
  display: flex;
  padding: 12px;
}
#orders .order-detail .detail-collapse .detail-block.products .labels .label-product {
  width: 49%;
}
#orders .order-detail .detail-collapse .detail-block.products .labels .label-quantity, #orders .order-detail .detail-collapse .detail-block.products .labels .label-price, #orders .order-detail .detail-collapse .detail-block.products .labels .label-total {
  width: 17%;
  text-align: end;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row {
  display: flex;
  padding: 12px;
  align-items: center;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-info {
  width: 49%;
  display: flex;
  align-items: center;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-info .product-image {
  height: 70px;
  width: 110px;
  margin-right: 10px;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-info .product-image img {
  height: 70px;
  width: 100%;
  object-fit: scale-down;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-info .product-name {
  font-size: 14px;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-info .product-name a {
  color: #0575E5;
  text-decoration: underline;
  font-weight: 600;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-info .product-name p {
  font-weight: 400;
  margin: 0;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-info .product-name p span {
  font-weight: 600;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-quant, #orders .order-detail .detail-collapse .detail-block.products .product-row .product-price, #orders .order-detail .detail-collapse .detail-block.products .product-row .product-total {
  width: 17%;
  font-size: 16px;
  font-weight: 500;
  text-align: end;
}
#orders .order-detail .detail-collapse .detail-block.products .product-row .product-quant .label, #orders .order-detail .detail-collapse .detail-block.products .product-row .product-price .label, #orders .order-detail .detail-collapse .detail-block.products .product-row .product-total .label {
  font-size: 14px;
  font-weight: 400;
}
#orders .order-detail .detail-collapse .detail-block.products .summary {
  background-color: #EFF2F9;
  padding: 12px;
  margin-top: 15px;
}
#orders .order-detail .detail-collapse .detail-block.products .summary .summary-row {
  display: flex;
  align-items: center;
  font-weight: 500;
  text-align: end;
  margin-bottom: 15px;
}
#orders .order-detail .detail-collapse .detail-block.products .summary .summary-row:last-child {
  margin-bottom: 0;
}
#orders .order-detail .detail-collapse .detail-block.products .summary .summary-row .label {
  width: 83%;
}
#orders .order-detail .detail-collapse .detail-block.products .summary .summary-row div:last-child {
  width: 17%;
  color: #0575E5;
}
#orders .order-detail .detail-collapse .detail-block.products .summary .summary-row div:last-child.total {
  font-weight: 700;
}
#orders .order-detail .detail-collapse .detail-block.shipment .labels {
  display: flex;
  padding: 12px;
}
#orders .order-detail .detail-collapse .detail-block.shipment .labels .label-shipment {
  width: 40%;
}
#orders .order-detail .detail-collapse .detail-block.shipment .labels .label-weight, #orders .order-detail .detail-collapse .detail-block.shipment .labels .label-price, #orders .order-detail .detail-collapse .detail-block.shipment .labels .label-number {
  width: 20%;
}
#orders .order-detail .detail-collapse .detail-block.shipment .shipment-row {
  background-color: #EFF2F9;
  display: flex;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
}
#orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .label {
  font-size: 14px;
  font-weight: 400;
}
#orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-name {
  width: 40%;
}
#orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-weight, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-price, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-number {
  width: 20%;
}

@media screen and (max-width: 992px) {
  #orders .labels {
    display: none;
  }
  #orders .order-row {
    background-color: #EFF2F9;
    flex-direction: column;
    margin-top: 20px;
  }
  #orders .order-row:nth-child(2) {
    margin-top: 0;
  }
  #orders .order-row .order-number, #orders .order-row .order-date, #orders .order-row .order-price, #orders .order-row .order-payment, #orders .order-row .order-state {
    width: 100%;
    margin-bottom: 15px;
    align-items: center;
  }
  #orders .order-row .order-number .label {
    font-weight: 600;
  }
  #orders .order-row .order-payment div:last-child {
    text-align: end;
    max-width: 70%;
  }
  #orders .order-row .order-state {
    text-align: center;
  }
  #orders .order-row .order-roll {
    width: 100%;
    text-align: center;
    justify-content: center !important;
  }
  #orders .order-detail .detail-collapse .detail-block.history .labels .label-date, #orders .order-detail .detail-collapse .detail-block.history .labels .label-state {
    width: 50%;
  }
  #orders .order-detail .detail-collapse .detail-block.history .state-row .state-date, #orders .order-detail .detail-collapse .detail-block.history .state-row .state-state {
    width: 33%;
  }
  #orders .order-detail .detail-collapse .detail-block.history .address {
    width: 100%;
  }
  #orders .order-detail .detail-collapse .detail-block.history .address:last-child {
    margin-top: 15px;
  }
  #orders .order-detail .detail-collapse .detail-block.history .address .address-row .label {
    width: 35%;
  }
  #orders .order-detail .detail-collapse .detail-block.history .address .address-row div:last-child {
    width: 65%;
  }
  #orders .order-detail .detail-collapse .detail-block.products .labels {
    display: none;
  }
  #orders .order-detail .detail-collapse .detail-block.products .product-row {
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 0;
    margin-bottom: 15px;
  }
  #orders .order-detail .detail-collapse .detail-block.products .product-row .product-quant, #orders .order-detail .detail-collapse .detail-block.products .product-row .product-total {
    background-color: #EFF2F9;
  }
  #orders .order-detail .detail-collapse .detail-block.products .product-row .product-info, #orders .order-detail .detail-collapse .detail-block.products .product-row .product-quant, #orders .order-detail .detail-collapse .detail-block.products .product-row .product-price, #orders .order-detail .detail-collapse .detail-block.products .product-row .product-total {
    width: 100%;
    padding: 12px;
  }
  #orders .order-detail .detail-collapse .detail-block.products .summary .summary-row .label {
    width: 50%;
    text-align: start;
  }
  #orders .order-detail .detail-collapse .detail-block.products .summary .summary-row div:last-child {
    width: 50%;
    text-align: end;
  }
  #orders .order-detail .detail-collapse .detail-block.shipment .labels {
    display: none;
  }
  #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row {
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 0;
  }
  #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-name, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-price {
    background-color: #F2F6FF;
  }
  #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-name, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-weight, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-price, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-number {
    width: 100%;
    padding: 12px;
    align-items: center;
  }
  #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-name .label, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-weight .label, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-price .label, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-number .label {
    width: 40%;
  }
  #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-name div:last-child, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-weight div:last-child, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-price div:last-child, #orders .order-detail .detail-collapse .detail-block.shipment .shipment-row .shipment-number div:last-child {
    width: 60%;
    text-align: end;
  }
}
.white-content-wrapper {
  background-color: white;
  padding: 28px 25px;
}

.additional-data-section .section-collapse {
  width: 100%;
}
.additional-data-section .section-collapse .circle {
  position: relative;
  background-color: #eff2F9;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  margin-right: 10px;
  margin-left: auto;
}
.additional-data-section .section-collapse .circle .horizontal-line, .additional-data-section .section-collapse .circle .vertical-line {
  position: absolute;
  background: black;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out all;
}
.additional-data-section .section-collapse .circle .horizontal-line {
  width: 14px;
  height: 2px;
}
.additional-data-section .section-collapse .circle .vertical-line {
  height: 0;
  width: 2px;
}
.additional-data-section .collapsed .circle .vertical-line {
  height: 14px;
}
.additional-data-section .form-group:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  #invoiceAddress .form-group {
    width: 100% !important;
    flex-direction: column;
    margin-bottom: 15px;
  }
  #invoiceAddress .form-group .form-control {
    width: 100%;
  }
  #invoiceAddress .complete-data-section .section-collapse {
    flex-wrap: wrap;
  }
  #invoiceAddress .complete-data-section .section-collapse .text-centering {
    text-align: end;
  }
}

/*# sourceMappingURL=client.min.css.map */