/*
*  VARIABLES TABLE CONTENT
*
*  1.0 - General
*  2.0 - Font Family, Size and Text-Color
*  3.0 - Primary and Accent Color
*  4.0 - Non-Specify
*  5.0 - Transition
*  6.0 - Utilities
*       6.1 - Inputs, selects and text areas
*       6.2 - Buttons
*       6.3 - Links
*       6.4 - Icons
*       6.5 - Navbar
*       6.6 - Overlay
*  7.0 - Responsiveness
*/
/*** 1.0 - GENERAL ***/
/*** 2.0 - FONT FAMILY, SIZE AND TEXT-COLOR ***/
/*** 3.0 - PRIMARY AND ACCENT COLOR ***/
/*** 4.0 - NON-SPECIFY ***/
/*** 5.0 - TRANSITION ***/
/*** 6.0 - UTILITIES ***/
@media screen and (min-width: 1024px) {
  .my-account {
    display: grid;
    grid-template-columns: 1fr 3fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

.my-account-table {
  border: 1px solid #c7d1d6;
}
.my-account-table.order-detail {
  border: none;
}
.my-account-table.order-detail > .article-title {
  border: 1px solid #c7d1d6;
  border-bottom: none;
}
.my-account-table .top-filters-form {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: flex-end;
  padding: 20px 30px 25px;
  border-bottom: 1px solid #c7d1d6;
  gap: 10px;
}
@media screen and (min-width: 769px), print {
  .my-account-table .top-filters-form button[type=submit] {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .my-account-table .top-filters-form {
    display: block;
  }
  .my-account-table .top-filters-form > .control + .control {
    margin-top: 20px;
  }
  .my-account-table .top-filters-form .control {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
  }
  .my-account-table .top-filters-form .control:last-of-type {
    display: block;
  }
}
.my-account-table .top-filters-form label {
  font-weight: 600;
}
.my-account-table .article-title {
  font-weight: 600;
  background-color: #f4f5f7;
  border-bottom: 1px solid #c7d1d6;
  padding: 15px 50px;
}
.my-account-table .article-title h2 {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.my-account-table .article-title h2 i {
  font-size: 25px;
  margin-right: 20px;
}
.my-account-table .billing-address,
.my-account-table .shipping-address,
.my-account-table .password-update,
.my-account-table .user-data {
  align-items: center;
}
.my-account-table .billing-address,
.my-account-table .address-detail-form,
.my-account-table .password-update,
.my-account-table .notification-detail-form {
  padding-top: 14px;
  padding-bottom: 14px;
}
.my-account-table .billing-address .field:not(.dropdown),
.my-account-table .address-detail-form .field:not(.dropdown),
.my-account-table .password-update .field:not(.dropdown),
.my-account-table .notification-detail-form .field:not(.dropdown) {
  padding: 14px 0px;
  margin-bottom: 0px;
}
.my-account-table .billing-address .field:not(.dropdown) .input:not(.time),
.my-account-table .address-detail-form .field:not(.dropdown) .input:not(.time),
.my-account-table .password-update .field:not(.dropdown) .input:not(.time),
.my-account-table .notification-detail-form .field:not(.dropdown) .input:not(.time) {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .my-account-table .billing-address .label.pre-select,
  .my-account-table .address-detail-form .label.pre-select,
  .my-account-table .password-update .label.pre-select,
  .my-account-table .notification-detail-form .label.pre-select {
    align-self: baseline;
    margin-top: 19px;
  }
}
.my-account-table .notification-detail-form .notification-block a {
  font-weight: 500;
  transition: 0.3s ease all;
  color: #0161b5;
}
.my-account-table .notification-detail-form .notification-block a:hover {
  color: #083c72;
}
.my-account-table .buttons-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: wrap;
  gap: 20px;
}
@media screen and (min-width: 1024px) {
  .my-account-table .user-data label, .my-account-table .user-data span {
    height: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .my-account-table .user-data {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .my-account-table .user-data {
    grid-template-columns: 1fr 1fr;
  }
}
.my-account-table .addresses-list {
  display: grid;
  gap: 20px;
}
.my-account-table .addresses-list .address-title {
  font-size: 20px;
  font-weight: 600;
}
.my-account-table .addresses-list .address {
  padding: 10px;
  transition: 0.3s ease all;
  display: grid;
  grid-template-rows: 0fr 1fr 1fr;
}
.my-account-table .addresses-list .address:hover {
  background-color: #f4f5f7;
}
.my-account-table .addresses-list .address > p {
  word-break: break-word;
  height: 80px;
  overflow: auto;
}
.my-account-table .addresses-list .address-actions {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 20px;
}
.my-account-table .addresses-list .button.add-address {
  margin-top: 20px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .my-account-table .addresses-list > .address + .add-new-address {
    margin-top: 140px;
  }
}
.my-account-table .password-update .label {
  margin-bottom: 0;
}
.my-account-table .password-update div.submit {
  margin-top: 1rem;
}
.my-account-table .form-list {
  padding: 14px 0px;
}
.my-account-table .form-list .bottom-col {
  display: block;
}
.my-account-table .form-list .bottom-col div.control {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.my-account-table .form-list .bottom-col label.title-list {
  padding: 15px 10px;
}
.my-account-table .form-list .succes {
  top: 70px;
  position: relative;
}
.my-account-table .returns-table {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.my-account-table .returns-table.title-list {
  padding: 15px 0px;
}
.my-account-table .returns-table.title-list > label {
  padding-left: 10px;
}
.my-account-table .returns-table.field-list {
  margin-top: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.my-account-table .returns-table.field-list select {
  width: 100%;
}
.my-account-table .returns-table.field-list .title-list.mobile {
  display: none;
}
.my-account-table .returns-table.field-list input::-moz-placeholder {
  visibility: hidden;
}
.my-account-table .returns-table.field-list input::placeholder {
  visibility: hidden;
}
@media screen and (min-width: 1024px) {
  .my-account-table .product-list.list li.product:last-child {
    border-bottom: none;
  }
  .my-account-table .product-list.grid {
    grid-template-columns: repeat(3, 1fr);
    margin: 10px;
  }
  .my-account-table .product-list.grid li.product {
    border: none;
  }
}
.my-account-table .shipping-address + .back-button {
  text-align: center;
  padding: 20px;
}
.my-account-table .shipping-address select, .my-account-table .shipping-address .select {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .my-account-table .shipping-address .label,
  .my-account-table .user-data .label {
    margin: 0px;
  }
  .my-account-table .shipping-address.b2b label.label:not(.alias),
  .my-account-table .shipping-address.b2b span,
  .my-account-table .shipping-address.b2b .field,
  .my-account-table .user-data label.label:not(.alias),
  .my-account-table .user-data span,
  .my-account-table .user-data .field {
    padding: 14px 0px;
    margin: 0;
  }
  .my-account-table .shipping-address.b2b label.label:not(:nth-child(1), .not-line),
  .my-account-table .shipping-address.b2b label.label:not(:nth-child(1), .not-line) + span,
  .my-account-table .shipping-address.b2b label.label:not(:nth-child(1), .not-line) + .field,
  .my-account-table .user-data label.label:not(:nth-child(1), .not-line),
  .my-account-table .user-data label.label:not(:nth-child(1), .not-line) + span,
  .my-account-table .user-data label.label:not(:nth-child(1), .not-line) + .field {
    border-top: 1px solid #c7d1d6;
  }
  .my-account-table .user-data .actions-list {
    grid-column: 1/3;
    justify-self: flex-end;
    padding-bottom: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .my-account-table .shipping-address .field,
  .my-account-table .user-data .field {
    padding: 5px 0px 0px 0px !important;
  }
  .my-account-table .shipping-address .field + .label,
  .my-account-table .user-data .field + .label {
    margin-top: 10px;
  }
  .my-account-table .shipping-address span + label.label,
  .my-account-table .user-data span + label.label {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .my-account-table .button {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .my-account-table #wishlist .my-account-table {
    border: none;
  }
}
.my-account-table .incidence-list .incidence-instruction p {
  font-weight: 600;
  margin-bottom: 10px;
}
.my-account-table .incidence-list .incidence-instruction + .incidence-instruction {
  margin-top: 20px;
}
.my-account-table .incidence-list .incidence-instruction img {
  max-width: 60px;
}
@media screen and (min-width: 1024px) {
  .my-account-table .incidence-list .incidence-instruction .has-info-block {
    width: 80%;
  }
}
.my-account-table #incidence .contact-form {
  grid-template-columns: 2fr 1fr;
}
@media screen and (max-width: 1023px) {
  .my-account-table #incidence .form-list p {
    margin-bottom: 20px;
  }
  .my-account-table #incidence .bottom-col {
    margin-top: 20px;
  }
}
.my-account-table .company-logo-container .errors {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .my-account-table .company-logo-container {
    padding: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .my-account-table .company-logo-container {
    padding: 20px;
  }
}
.my-account-table .company-logo-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.my-account-table .company-logo-form .company-logo-image > img {
  display: flex;
  border: 1px solid #c7d1d6;
}
.my-account-table .company-logo-form .file.input-file {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  gap: 20px;
}
.my-account-table .company-logo-form .file-label .file-name {
  width: 100%;
}
.my-account-table .company-logo-form .company-logo-buttons {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
}
.my-account-table .company-logo-form .company-logo-buttons .button.is-primary:only-child {
  grid-column: 1/3;
}
.my-account-table .company-logo-form .has-info-block {
  align-self: flex-start;
}
.my-account-table .company-logo-form .has-info-block .open-modal.tag span {
  font-size: 13px;
}
.my-account-table .company-logo-form .has-info-block .info-block {
  right: 0;
}
@media screen and (max-width: 768px) {
  .my-account-table .company-logo-form {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
.my-account-table .refund-table-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.my-account-table .refund-table-container .total-refund {
  border: 1px solid #c7d1d6;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .my-account-table .refund-table-container .total-refund {
    margin-left: 60%;
  }
}
.my-account-table .refund-table-container .total-refund .total-refund-title {
  padding: 10px;
  background-color: #f4f5f7;
  color: var(--primary-color);
  border-bottom: 1px solid #c7d1d6;
}
.my-account-table .refund-table-container .total-refund .quantity {
  padding: 10px;
  color: var(--primary-color);
}
.my-account-table .refund-table-container .refund-table {
  margin-top: 20px;
  border: 1px solid #c7d1d6;
}
.my-account-table .refund-table-container .refund-table-list,
.my-account-table .refund-table-container .refund-table-head {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  border-bottom: 1px solid #c7d1d6;
  justify-items: center;
}
.my-account-table .refund-table-container .refund-table-list span, .my-account-table .refund-table-container .refund-table-list li,
.my-account-table .refund-table-container .refund-table-head span,
.my-account-table .refund-table-container .refund-table-head li {
  padding: 10px;
}
.my-account-table .refund-table-container .refund-table-head {
  background-color: #f4f5f7;
}
.my-account-table .refund-table-container .refund-table-head span {
  font-weight: 600;
}
.my-account-table .refund-table-container .refund-table-list:last-child {
  border-bottom: none;
}
.my-account-table .refund-table-container .notification {
  margin: 0;
}
@media (max-width: 420px) {
  .my-account-table .refund-table-container .refund-table-list,
  .my-account-table .refund-table-container .refund-table-head {
    grid-template-columns: repeat(2, 1fr);
  }
  .my-account-table .refund-table-container .refund-table-list > span:first-child, .my-account-table .refund-table-container .refund-table-list > li:first-child,
  .my-account-table .refund-table-container .refund-table-head > span:first-child,
  .my-account-table .refund-table-container .refund-table-head > li:first-child {
    display: none;
  }
}
.my-account-table .point-of-sales-container {
  padding: 20px;
}
.my-account-table .point-of-sales-container h2.title {
  font-size: 16px;
}
@media screen and (min-width: 1024px) {
  .my-account-table {
    grid-row: 1/3;
  }
  .my-account-table .billing-address,
  .my-account-table .address-detail-form,
  .my-account-table .user-data,
  .my-account-table .password-update-container,
  .my-account-table .refund-table-container,
  .my-account-table .budget-table-container,
  .my-account-table .form-list,
  .my-account-table .notification-detail-form {
    padding-left: 20px;
    padding-right: 20px;
  }
  .my-account-table .billing-address,
  .my-account-table .shipping-address,
  .my-account-table .user-data,
  .my-account-table .password-update {
    display: grid;
    grid-template-columns: 230px 1fr;
  }
  .my-account-table .user-data .left li:not(:last-child),
  .my-account-table .user-data .right li:not(:last-child) {
    border-bottom: 1px solid #c7d1d6;
  }
  .my-account-table .input {
    height: 36px;
  }
  .my-account-table .addresses-list {
    grid-template-columns: repeat(2, 1fr);
    padding: 15px 50px;
  }
  .my-account-table .addresses-list .button.add-new-address {
    grid-column: 1/3;
  }
  .my-account-table .addresses-list .notification {
    grid-column: 1/3;
  }
  .my-account-table .password-update div.submit {
    grid-column: 2;
    text-align: right;
    width: 100%;
  }
  .my-account-table .succes {
    justify-content: center;
    height: 83%;
    padding: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .my-account-table {
    width: 100%;
  }
  .my-account-table .billing-address,
  .my-account-table .shipping-address,
  .my-account-table .password-update-container,
  .my-account-table .refund-table-container,
  .my-account-table .budget-table-container,
  .my-account-table .user-data,
  .my-account-table .form-list,
  .my-account-table .notification-detail-form {
    padding: 20px;
  }
  .my-account-table .billing-address,
  .my-account-table .shipping-address,
  .my-account-table .password-update {
    grid-template-columns: 1fr;
  }
  .my-account-table .addresses-list {
    grid-template-columns: repeat(1, 1fr);
    padding: 15px 20px;
  }
  .my-account-table .addresses-list .notification {
    grid-column: 1/2;
  }
  .my-account-table .addresses-list .address-actions {
    justify-content: center;
  }
  .my-account-table .addresses-list .address-actions .button {
    width: 100%;
  }
  .my-account-table .addresses-list .address-actions .button.add-new-address {
    grid-column: 1/2;
  }
  .my-account-table .password-update button {
    width: 100%;
  }
  .my-account-table .password-update .field {
    padding: 10px 0px 14px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .my-account-table .returns-table.field-list input::-moz-placeholder {
    visibility: visible;
  }
  .my-account-table .returns-table.field-list input::placeholder {
    visibility: visible;
  }
  .my-account-table .returns-table.field-list .title-list.mobile {
    text-align: center;
    display: block;
  }
}

.title-list {
  font-weight: 600;
  background-color: #f4f5f7;
  border-bottom: 1px solid #c7d1d6;
  padding: 15px 30px;
}

.address-actions-list,
.actions-list {
  display: flex;
  gap: 25px;
  justify-content: flex-end;
  padding: 14px 0px;
}
@media screen and (max-width: 1023px) {
  .address-actions-list,
  .actions-list {
    display: flex;
    gap: 25px;
    width: 100%;
    justify-content: center;
    flex-flow: column;
  }
}

@media screen and (min-width: 1024px) {
  .actions-list {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  #address-states-block,
  #address-countries-block,
  .address-language-block {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 230px 1fr;
    align-items: center;
  }
  #address-states-block .select,
  #address-countries-block .select,
  .address-language-block .select {
    padding: 14px 0px;
  }
  #address-states-block .notification,
  #address-countries-block .notification,
  .address-language-block .notification {
    grid-column: 2;
  }
}
@media screen and (max-width: 1023px) {
  #address-states-block .label,
  #address-countries-block .label,
  .address-language-block .label {
    margin-top: 10px;
  }
}

.errors,
.succes {
  grid-column: 1/3;
  grid-row: 1;
  width: 100%;
  text-align: center;
  align-items: unset;
}
.errors ~ .my-account-menu,
.succes ~ .my-account-menu {
  grid-row: 2;
}
.errors ~ .my-account-table,
.succes ~ .my-account-table {
  grid-row: 2/4;
}

.my-account-table.without-border {
  border: none;
}
.my-account-table.without-border > div,
.my-account-table.without-border > form,
.my-account-table.without-border > ul {
  border: 1px solid #c7d1d6;
}
.my-account-table.without-border .title-list,
.my-account-table.without-border .article-title {
  border-bottom: none;
}
.my-account-table.without-border .results {
  border-top: none;
}
.my-account-table.without-border .notifications-list.availability + .results {
  border-top: 1px solid #c7d1d6;
}

.my-account-table.orders-table:not(.notifications) .title-list,
.my-account-table.orders-table:not(.notifications) .values-list {
  grid-template-columns: 1fr;
}
.my-account-table.orders-table.notifications .title-list,
.my-account-table.orders-table.notifications .values-list {
  grid-template-columns: minmax(200px, 4fr) 100px 30px;
  gap: 10px;
}
.my-account-table.orders-table.notifications .values-list {
  transition: box-shadow 0.3s ease-in-out;
}
.my-account-table.orders-table.notifications .values-list:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.my-account-table.orders-table.notifications .values-list.unreaded {
  background-color: rgba(43, 145, 241, 0.1490196078);
}
.my-account-table.orders-table.notifications .values-list.unreaded .notification-info {
  font-weight: 600;
}

.my-account-table .has-scrollbar {
  overflow: auto;
  max-height: 90vh;
  scrollbar-gutter: auto;
}

@media screen and (min-width: 1024px) {
  .address-detail-form.point-of-sale .shipping-address .label {
    grid-column: 1;
  }
  .address-detail-form.point-of-sale .shipping-address .field, .address-detail-form.point-of-sale .shipping-address > .open-dropdown {
    grid-column: 2;
  }
  .address-detail-form.point-of-sale .shipping-address > .open-dropdown {
    height: 36px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .address-detail-form.point-of-sale .shipping-address .label.is-hidden-touch {
    height: 64px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .address-detail-form.point-of-sale .shipping-address > .dropdown:not(.schedules-field).active {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .address-detail-form.point-of-sale .shipping-address .field.dropdown .notification {
    grid-column: 1/3;
    margin: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .address-detail-form.point-of-sale .shipping-address .open-dropdown {
    display: flex;
    margin-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
  }
  .address-detail-form.point-of-sale .shipping-address .dropdown.active {
    margin-top: 10px;
  }
  .address-detail-form.point-of-sale .shipping-address .dropdown.active .control + .control {
    margin-top: 10px;
  }
}
.address-detail-form.point-of-sale .shipping-address .dropdown.active {
  display: block;
}
.address-detail-form.point-of-sale .shipping-address > .open-dropdown {
  border-bottom: 1px solid var(--primary-color);
}
.address-detail-form.point-of-sale .shipping-address .schedules-field {
  padding-top: 0;
}
.address-detail-form.point-of-sale .shipping-address .schedules-field .control {
  padding: 20px;
}
.address-detail-form.point-of-sale .shipping-address .schedules-field .control.control:nth-of-type(odd) {
  background-color: #f4f5f7;
}
.address-detail-form.point-of-sale .shipping-address .schedules-field .label {
  margin-bottom: 10px;
}
@media screen and (min-width: 769px), print {
  .address-detail-form.point-of-sale .shipping-address .schedules-field .time-control {
    display: grid;
    grid-template-columns: 2fr 1fr;
    row-gap: 10px;
  }
  .address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .checkbox.time {
    grid-column: 2;
    grid-row: 1;
  }
  .address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .js-add-range {
    grid-column: 1;
  }
  .address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .range {
    grid-column: 1;
  }
}
@media screen and (max-width: 768px) {
  .address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .js-add-range,
  .address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .checkbox.time {
    margin-top: 10px;
  }
  .address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .range + .range {
    margin-top: 5px;
  }
}
.address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .js-add-range {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: start;
}
.address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .js-add-range * {
  color: var(--primary-color);
}
.address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .js-add-range i {
  font-size: 16px;
}
.address-detail-form.point-of-sale .shipping-address .schedules-field .time-control .range {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: start;
}
.address-detail-form.point-of-sale .shipping-address .schedules-field label.checkbox input + i {
  background: #ffffff;
}
.address-detail-form.point-of-sale .shipping-address .schedules-field label.checkbox input[type=checkbox]:checked + i {
  background-color: var(--primary-color);
}
.address-detail-form.point-of-sale .shipping-address .schedules-field input.input.time:-moz-read-only {
  color: #f4f5f7;
}
.address-detail-form.point-of-sale .shipping-address .schedules-field input.input.time:read-only {
  color: #f4f5f7;
}
.address-detail-form.point-of-sale .shipping-address .holidays-field .control {
  display: flex;
  align-items: center;
  gap: 20px;
}

#data-download .my-account-table .buttons-list {
  justify-content: flex-end;
}

.mechanics-table {
  border: 1px solid #c7d1d6;
}
.mechanics-table .title-list,
.mechanics-table .values-list {
  display: grid;
  grid-template-columns: 2fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: center;
  overflow: auto;
  justify-items: center;
}
.mechanics-table .title-list .article-col,
.mechanics-table .values-list .article-col {
  justify-self: flex-start;
}
@media screen and (max-width: 768px) {
  .mechanics-table .title-list,
  .mechanics-table .values-list {
    justify-items: center;
  }
}
.mechanics-table .title-list,
.mechanics-table .values-list,
.mechanics-table .total-list {
  padding: 15px 30px;
}
.mechanics-table .title-list {
  font-weight: 600;
  background-color: #f4f5f7;
  border-bottom: 1px solid #c7d1d6;
}
.mechanics-table .values-list {
  position: relative;
}
.mechanics-table .values-list + .values-list {
  border-top: 1px solid #c7d1d6;
}
.mechanics-table .values-list:hover {
  background-color: #f4f5f7;
  transition: 0.3s ease all;
}
.mechanics-table .values-list > div {
  font-size: 15px;
}
.mechanics-table .values-list.not-hover:hover {
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .mechanics-table .title-list,
  .mechanics-table .values-list,
  .mechanics-table .total-list,
  .mechanics-table .form-list {
    padding: 10px 20px !important;
    margin: 0px;
  }
}

.my-account-table.mechanics-table:not(.notifications) .title-list,
.my-account-table.mechanics-table:not(.notifications) .values-list {
  grid-template-columns: 1fr;
  gap: 15px;
}
.my-account-table.mechanics-table.notifications .values-list {
  transition: box-shadow 0.3s ease-in-out;
}
.my-account-table.mechanics-table.notifications .values-list:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.my-account-table.mechanics-table.notifications .values-list.unreaded {
  background-color: rgba(43, 145, 241, 0.1490196078);
}
.my-account-table.mechanics-table.notifications .values-list.unreaded .notification-info {
  font-weight: 600;
}

#order .my-account-table .box {
  padding: 20px;
}
#order .my-account-table .order-actions-list {
  align-items: center;
  gap: 15px;
}
#order .my-account-table .order-actions-list .order-action {
  min-width: 25px;
}
#order .my-account-table .order-actions-list .order-action svg {
  vertical-align: middle;
  fill: var(--primary-color);
}
#order .my-account-table .order-actions-list .order-action.tracking svg {
  height: 26px;
}
#order .tracking.button {
  width: 100%;
  margin-top: 15px;
}
@media screen and (min-width: 1408px) {
  #order .tracking.button {
    width: auto;
    margin-top: -15px;
    margin-left: 15px;
  }
}
#order .tracking.button svg {
  margin-right: 10px;
}
#order .order-detail.tracking .values-list div {
  grid-column: 1/6;
}

@media print {
  #order .footer-container, #order .header-top, #order .topbar, #order .navbar, #order .my-account-menu, #order .order-actions-list, #order .main-title-container, #order .title.is-full-width, #order .article-title, #order .whatsapp-contact-block, #order .scroll-up-button,
  #budget .footer-container,
  #budget .header-top,
  #budget .topbar,
  #budget .navbar,
  #budget .my-account-menu,
  #budget .order-actions-list,
  #budget .main-title-container,
  #budget .title.is-full-width,
  #budget .article-title,
  #budget .whatsapp-contact-block,
  #budget .scroll-up-button,
  #offer .footer-container,
  #offer .header-top,
  #offer .topbar,
  #offer .navbar,
  #offer .my-account-menu,
  #offer .order-actions-list,
  #offer .main-title-container,
  #offer .title.is-full-width,
  #offer .article-title,
  #offer .whatsapp-contact-block,
  #offer .scroll-up-button {
    display: none !important;
  }
  #offer .offer-product-list.list .product {
    grid-template-columns: 0.5fr 2fr 1fr 90px;
  }
  #offer div.container.body-width > section {
    margin-top: 0px !important;
  }
  #offer #header-development-message,
  #offer .product-results.list,
  #offer .product-actions {
    display: none !important;
  }
  #offer .offer-title {
    display: block !important;
  }
}