.clear {
  width: 100%;
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
}
.customer-account-index .block-dashboard-orders {
  display: none;
}
.customer-account-forgotpassword .form.password .password-wrapper,
.customer-account-createpassword .form.password .password-wrapper {
  position: relative;
}
.customer-account-forgotpassword .form.password .toggle-password,
.customer-account-createpassword .form.password .toggle-password {
  position: absolute;
  top: 13px;
  left: 90%;
  cursor: pointer;
}
.customer-account-forgotpassword .form.password label,
.customer-account-createpassword .form.password label {
  color: #101010;
  font-weight: 400;
}
.customer-account-forgotpassword .form.password.reset,
.customer-account-createpassword .form.password.reset {
  margin: 0 auto;
}
.customer-account-forgotpassword .form.password .submit,
.customer-account-createpassword .form.password .submit {
  font-size: 16px;
  font-weight: 700;
}
.customer-account-forgotpassword .form.password .actions-toolbar .primary,
.customer-account-createpassword .form.password .actions-toolbar .primary {
  float: none;
  width: 50%;
}
.customer-account-forgotpassword .form.password input[type='checkbox'],
.customer-account-createpassword .form.password input[type='checkbox'] {
  height: 13px;
}
.customer-account-forgotpassword .text-center,
.customer-account-createpassword .text-center {
  text-align: center;
}
.customer-account-forgotpassword h1.page-title,
.customer-account-createpassword h1.page-title {
  text-align: center;
  font-size: 36px !important;
}
.customer-account-forgotpassword .actions-toolbar > .primary,
.customer-account-createpassword .actions-toolbar > .primary {
  width: 100% !important;
  display: block;
}
.customer-account-forgotpassword .actions-toolbar > .primary .action,
.customer-account-createpassword .actions-toolbar > .primary .action {
  width: 100%;
  border-radius: 8px;
  background: var(--brand-color-blue-default, #005aff);
  padding: 12px 24px;
}
.customer-account-forgotpassword .form.password.forget .fieldset:after,
.customer-account-createpassword .form.password.forget .fieldset:after {
  margin-top: 0;
}
.customer-account-forgotpassword input,
.customer-account-createpassword input {
  height: 46px;
  border-radius: 8px;
  border: 1px solid var(--grey-300, #d7d8da);
  background: var(--system-color-white, #fafafa);
}
.customer-account-forgotpassword .fieldset,
.customer-account-createpassword .fieldset {
  margin: 0 0 30px;
}
.block-collapsible-nav .content {
  background-color: #FFF;
  border: 1px solid #D7D8DA;
  border-radius: 8px;
  padding: 30px 0 0;
}
.block-collapsible-nav .content .item {
  margin: 0 0 30px;
  color: #101010;
}
.block-collapsible-nav .content .item a {
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  padding: 0 30px;
  border: 0;
}
.block-collapsible-nav .content .item strong {
  border: 0;
  padding: 0 30px;
  font-weight: 700;
}
.page-title-wrapper .page-title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: #101010 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
}
.oderco-virtual-content .divIframe {
  margin-bottom: 40px;
  text-align: center;
}
.oderco-virtual-content .fields {
  width: 48%;
  float: left;
}
.oderco-virtual-content .content-instrucoes {
  width: 48%;
  float: right;
}
.oderco-virtual-content .content-instrucoes .instrucoes {
  margin: 0;
}
.oderco-virtual-content .buttons-form {
  width: 48%;
  clear: both;
  display: block;
  margin-top: 40px;
}
.oderco-virtual-content td {
  padding: 0;
}
.oderco-virtual-content label {
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 14px;
  display: block;
}
.oderco-virtual-content .control-select,
.oderco-virtual-content textarea,
.oderco-virtual-content .input-text {
  background-color: #FAFAFA;
  border: 1px solid #D7D8DA;
  border-radius: 8px;
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  height: 46px;
}
.oderco-virtual-content textarea {
  min-height: 150px;
}
.oderco-virtual-content p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.oderco-virtual-content p.subtitle {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}
.oderco-virtual-content li {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 16px;
  color: #000;
}
.oderco-virtual-content svg {
  margin-right: 16px;
  min-width: 33px;
}
.oderco-virtual-content .button {
  width: 48%;
  height: 45px;
  margin-right: 10px;
  background-color: #FFF;
  border-color: #005AFF;
  border-radius: 8px;
  color: #005AFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}
.oderco-virtual-content .action.primary {
  width: 48%;
  height: 45px;
  background-color: #005AFF;
  border-color: #005AFF;
  border-radius: 8px;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}
.customer-account-index .page-title-wrapper {
  display: none;
}
.customer-account-index .block-title {
  border-bottom: 1px solid #D7D8DA !important;
  padding-bottom: 22px !important;
}
.customer-account-index .block-title strong {
  color: #000;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 32px;
}
.customer-account-index .dashboard-content .mobile-products {
  display: none;
}
.customer-account-index .dashboard-content .dashboard-block {
  background-color: #FAFAFA;
  border-radius: 8px;
  padding: 22px 32px;
  color: #101010;
}
.customer-account-index .dashboard-content .dashboard-block strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  display: block;
  margin-bottom: 20px;
}
.customer-account-index .dashboard-content .dashboard-block svg {
  margin-right: 20px;
}
.customer-account-index .dashboard-content .dashboard-block span {
  color: #005AFF;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}
.customer-account-index .dashboard-content .dashboard-block p {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.customer-account-index .dashboard-content .dashboard-block .total-orders {
  margin-bottom: 20px;
  min-height: 58px;
}
.customer-account-index .dashboard-content .orders-credits {
  margin-bottom: 14px;
}
.customer-account-index .dashboard-content .orders-credits .orders {
  width: 43%;
  float: left;
}
.customer-account-index .dashboard-content .orders-credits .credits {
  width: 55%;
  float: right;
}
.customer-account-index .dashboard-content .orders-credits .credits .total-credits {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.customer-account-index .dashboard-content .orders-credits .credits .total-credits strong {
  margin-bottom: 0;
}
.customer-account-index .dashboard-content .orders-credits .credits .total-credits span {
  font-size: 16px;
  line-height: 21px;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit {
  color: #101010;
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit p {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit .used {
  width: 50%;
  border-right: 1px solid #D7D8DA;
  text-align: center;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit .used strong {
  color: #FF6000;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit .available {
  width: 50%;
  border-left: 1px solid #D7D8DA;
  text-align: center;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit .available strong {
  color: #4CD964;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit-bar .available-bar {
  width: 100%;
  background-color: #4CD964;
  height: 6px;
  border-radius: 3px;
}
.customer-account-index .dashboard-content .orders-credits .credits .credit-bar .available-bar .used-bar {
  background-color: #FF6000;
  height: 6px;
  border-radius: 3px;
}
.customer-account-index .dashboard-content .levels-billets {
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
}
.customer-account-index .dashboard-content .levels-billets .levels {
  width: 36%;
  float: left;
  margin-right: 16px;
}
.customer-account-index .dashboard-content .levels-billets .levels strong {
  margin-bottom: 0;
}
.customer-account-index .dashboard-content .levels-billets .levels label {
  font-size: 16px;
}
.customer-account-index .dashboard-content .levels-billets .levels .promo-points {
  display: flex;
  margin: 4px 0;
}
.customer-account-index .dashboard-content .levels-billets .levels .promo-points svg {
  margin-right: 7px;
}
.customer-account-index .dashboard-content .levels-billets .levels .promo-points span {
  font-size: 40px;
}
.customer-account-index .dashboard-content .levels-billets .levels .promo-rules strong {
  font-size: 12px;
  line-height: 16px;
}
.customer-account-index .dashboard-content .levels-billets .levels .promo-rules a {
  color: #005AFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}
.customer-account-index .dashboard-content .levels-billets .levels .level {
  color: #005AFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
}
.customer-account-index .dashboard-content .levels-billets .levels .level-bar-missing {
  width: 100%;
  height: 6px;
  background-color: #E5EFFF;
  border-radius: 3px;
  margin-bottom: 8px;
}
.customer-account-index .dashboard-content .levels-billets .levels .level-bar-missing .level-bar-points {
  width: 82%;
  height: 6px;
  background-color: #005AFF;
  border-radius: 3px;
}
.customer-account-index .dashboard-content .levels-billets .billet-col-right {
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: 62%;
}
.customer-account-index .dashboard-content .levels-billets .billet {
  min-height: 141px;
  max-height: 185px;
}
.customer-account-index .dashboard-content .levels-billets .billet-open {
  width: 48.3333333333%;
  float: left;
}
.customer-account-index .dashboard-content .levels-billets .billet-open span {
  color: #FFA400;
}
.customer-account-index .dashboard-content .levels-billets .billet-overdue {
  width: 48.3333333333%;
  float: left;
}
.customer-account-index .dashboard-content .levels-billets .billet-overdue span {
  color: #FF3B30;
}
.customer-account-index .dashboard-content .products-ranking .ranking-title {
  color: var(--system-color-black, #101010);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.customer-account-index .dashboard-content .products-ranking .ranking-title strong {
  margin-right: 5px;
  color: var(--system-color-black, #101010);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.customer-account-index .dashboard-content .products-ranking .products {
  border: 1px solid #F6F7F8;
  border-radius: 8px;
  padding: 11px 0;
}
.customer-account-index .dashboard-content .products-ranking .products .table {
  color: #101010;
}
.customer-account-index .dashboard-content .products-ranking .products .table thead td {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  vertical-align: middle;
}
.customer-account-index .dashboard-content .products-ranking .products .table thead td svg {
  vertical-align: bottom;
}
.customer-account-index .dashboard-content .products-ranking .products .table tbody tr td {
  border-top: 0;
}
.customer-account-index .dashboard-content .products-ranking .products .table tbody tr.odd td {
  background-color: #F6F7F8;
}
.customer-account-index .dashboard-content .products-ranking .products .table .position {
  text-align: center;
}
.customer-account-index .dashboard-content .products-ranking .products .table td:first-child {
  padding-left: 15px;
}
.customer-account-index .dashboard-content .products-ranking .products .table td:last-child {
  padding-right: 15px;
  text-align: center;
}
.customer-account-view .page-title-wrapper {
  display: none;
}
.customer-account-view .account-content {
  display: flex;
  justify-content: space-between;
}
.customer-account-view .account-content .block {
  border: 1px solid #D7D8DA;
  border-radius: 8px;
  padding: 44px;
  margin-bottom: 32px !important;
}
.customer-account-view .account-content .block.block-left {
  width: 100%;
  /*max-width: 450px;*/
  margin: 0 15px 0 0;
}
.customer-account-view .account-content .block.block-right {
  width: 48%;
  max-width: 450px;
}
.customer-account-view .account-content .block .customer-name h4 {
  color: #101010;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 4px;
}
.customer-account-view .account-content .block .customer-date {
  color: #4D5163;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 4px;
}
.customer-account-view .account-content .block .id-status {
  display: flex;
  color: #121D30;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 16px;
}
.customer-account-view .account-content .block .id-status .customer-id {
  margin-right: 36px;
}
.customer-account-view .account-content .block .customer-company {
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 14px;
}
.customer-account-view .account-content .block .customer-company span {
  padding-right: 14px;
}
.customer-account-view .account-content .block .customer-email {
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 14px;
}
.customer-account-view .account-content .block .customer-email span {
  padding-right: 14px;
}
.customer-account-view .account-content .block .customer-phone {
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 14px;
}
.customer-account-view .account-content .block .customer-phone span {
  padding-right: 14px;
}
.customer-account-view .account-content .block .customer-newsletter {
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 16px;
}
.customer-account-view .account-content .block .customer-newsletter .checkbox {
  margin-right: 12px;
}
.customer-account-view .account-content .block .customer-links {
  display: flex;
}
.customer-account-view .account-content .block .customer-links span {
  padding-right: 12px;
}
.customer-account-view .account-content .block .customer-links span a {
  color: #005AFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.customer-account-view .account-content .block .button-request {
  margin-top: 16px;
}
.customer-account-view .account-content .block .button-request a {
  color: #005AFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.customer-account-view .account-content .customer-level {
  position: relative;
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 22px;
}
.customer-account-view .account-content .customer-level .level {
  position: absolute;
  width: 188px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.customer-account-view .account-content .customer-level .level strong {
  display: block;
  color: #005AFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.customer-account-view .account-content .customer-dots strong {
  display: block;
  color: #101010;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.customer-account-view .account-content .customer-dots span {
  color: #4D5163;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.customer-account-view .account-content .customer-dots a {
  color: #005AFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.customer-account-view .account-content .progress-bar {
  position: relative;
  width: 188px;
  height: 188px;
  margin: 0 auto;
}
.customer-account-view .account-content .progress-circle {
  /*transform: rotate(-90deg);*/
  width: 100%;
  height: 100%;
}
.customer-account-view .account-content .progress-circle-background {
  fill: none;
  stroke: #E5EFFF;
  stroke-width: 10;
}
.customer-account-view .account-content .progress-circle-fill {
  fill: none;
  stroke: #005AFF;
  stroke-width: 10;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.8s ease-in-out;
}
.customer-account-view .account-content .customer-address {
  color: #101010;
}
.customer-account-view .account-content .customer-address h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 28px;
}
.customer-account-view .account-content .customer-address .address {
  display: flex;
}
.customer-account-view .account-content .customer-address .address .icon {
  padding-right: 20px;
}
.customer-account-view .account-content .customer-address .address p {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 4px;
}
.customer-account-view .account-content .customer-address .address p.type {
  margin-top: 14px;
  color: #A5A7A9;
  font-size: 14px;
  line-height: 19px;
}
.customer-account-view .account-content .customer-address .address p.type span {
  padding-right: 14px;
}
.customer-account-view .account-content .customer-address .address .button {
  margin-top: 32px;
}
.customer-account-view .account-content .customer-address .address .button a {
  border: 1px solid #005AFF;
  border-radius: 8px;
  padding: 8px 24px;
  color: #005AFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}
.customer-account-view .modal-address {
  display: none;
  width: 40%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.customer-account-view .modal-address h4 {
  color: #101010;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin: 0 0 30px;
}
.customer-account-view .modal-address .fields .field {
  max-width: 80%;
}
.customer-account-view .modal-address .fields .field p {
  margin: 0 0 20px;
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.customer-account-view .modal-address .fields .field p label {
  display: block;
  margin-bottom: 10px;
}
.customer-account-view .modal-address .fields .field p label span {
  color: #A5A7A9;
}
.customer-account-view .modal-address .fields .field p .input-text {
  border: 1px solid #D7D8DA;
  border-radius: 8px;
  background-color: #FAFAFA;
  min-height: 120px;
}
.customer-account-view .modal-address .fields .field input[type="file"] {
  /*color: transparent;*/
  border: 1px solid #D7D8DA;
  border-radius: 8px;
  width: 100%;
  /*max-width: 480px;*/
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.customer-account-view .modal-address .fields .field input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
.customer-account-view .modal-address .fields .field input[type="file"]::before {
  content: 'Selecione o arquivo';
  background-color: #FAFAFA;
  border-right: 1px solid #D7D8DA;
  border-radius: 8px 0px 0px 8px;
  width: 190px;
  display: inline-block;
  padding: 11px 0 12px 25px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
.customer-account-view .modal-address .fields .field input[type="file"]:hover::before {
  /*border-color: black;*/
}
.customer-account-view .modal-address .fields .field input[type="file"]:active::before {
  /*background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);*/
}
.customer-account-view .modal-address .fields .field input[type="file"]:focus {
  outline-style: none;
  box-shadow: none;
  border-color: 1px solid #D7D8DA;
}
.customer-account-view .modal-address .fields .buttons {
  display: flex;
}
.customer-account-view .modal-address .fields .buttons .cancel-button {
  border: 1px solid #005AFF;
  border-radius: 8px;
  padding: 7px 24px;
  color: #005AFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 15px;
}
.customer-account-view .modal-address .fields .buttons .send-button {
  background-color: #005AFF;
  border: 1px solid #005AFF;
  border-radius: 8px;
  padding: 8px 24px;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
.customer-account-view .modal-background {
  display: none;
  /* Esconde o fundo por padrão */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
@media only screen and (max-width: 640px) {
  .block-collapsible-nav {
    top: 0 !important;
    z-index: 5;
    margin: 40px 0;
  }
  .block-collapsible-nav .title {
    width: 50%;
    border: 0;
    padding-top: 0;
  }
  .block-collapsible-nav .title:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: inherit;
    color: #757575;
    content: '\e609';
    font-family: 'luma-icons';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    margin-top: 7px;
  }
  .block-collapsible-nav .title.active:after {
    content: '';
  }
  .block-collapsible-nav .title:after {
    content: '';
  }
  .block-collapsible-nav .content {
    display: none;
  }
  .block-collapsible-nav .content.active {
    display: block;
  }
  .block-collapsible-nav .back-link {
    position: absolute;
    top: 0;
    left: 50%;
  }
  .account .column.main {
    margin-top: 42px;
  }
  .account .divIframe {
    display: none;
  }
  .account .oderco-virtual-content .fields {
    width: 100%;
    float: none;
  }
  .account .oderco-virtual-content .content-instrucoes {
    width: 100%;
    float: none;
  }
  .account .oderco-virtual-content .content-instrucoes .instrucoes {
    margin: 60px 0;
  }
  .account .oderco-virtual-content .content-instrucoes .instrucoes p.subtitle {
    font-size: 16px;
    line-height: 21px;
  }
  .account .oderco-virtual-content .content-instrucoes .instrucoes li {
    font-size: 14px;
    line-height: 19px;
  }
  .account .oderco-virtual-content .buttons-form {
    width: 100%;
  }
  .customer-account-index .dashboard-content .mobile-products {
    display: block;
  }
  .customer-account-index .dashboard-content .orders-credits {
    margin-bottom: 22px;
  }
  .customer-account-index .dashboard-content .orders-credits .orders {
    float: none;
    width: auto;
    margin-bottom: 22px;
    padding: 22px 16px;
  }
  .customer-account-index .dashboard-content .orders-credits .credits {
    float: none;
    width: auto;
    padding: 22px 16px;
  }
  .customer-account-index .dashboard-content .levels-billets .levels {
    float: none;
    width: auto;
    margin-bottom: 22px;
    margin-right: 0;
    padding: 22px 16px;
  }
  .customer-account-index .dashboard-content .levels-billets .billet {
    padding: 22px 16px;
    width: 38%;
    min-height: auto;
  }
  .customer-account-index .dashboard-content .levels-billets .billet strong {
    font-size: 14px;
  }
  .customer-account-index .dashboard-content .levels-billets .billet.billet-open {
    margin-right: 0;
  }
  .customer-account-index .dashboard-content .levels-billets .billet.billet-overdue {
    float: right;
  }
  .customer-account-index .dashboard-content .products-ranking .products .table {
    display: none;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product {
    padding: 11px 18px;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product strong {
    display: block;
    font-size: 16px;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product .position-sku {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product .position-sku .position svg {
    margin-right: 8px;
    vertical-align: sub;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product .position-sku .position span {
    font-size: 16px;
    line-height: 21px;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product .position-sku .sku {
    width: 33%;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product .position-sku .sku strong {
    display: block;
    font-size: 16px;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product .product-name {
    margin-bottom: 30px;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product .product-name strong {
    margin-bottom: 4px;
  }
  .customer-account-index .dashboard-content .products-ranking .products .product .total-qty-link {
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
}
.sales-order-history .page-title-wrapper {
  display: none;
}
.sales-order-history .pedidos {
  border-bottom: 1px solid #D7D8DA;
}
.sales-order-history .pedidos .formulario-pedidos .row-pedido {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.sales-order-history .pedidos .formulario-pedidos .row-pedido .two-col {
  min-width: 49%;
}
.sales-order-history .pedidos .formulario-pedidos .row-pedido .three-col {
  min-width: 32%;
}
.sales-order-history .pedidos .formulario-pedidos .row-pedido .input {
  font-family: 'Red Hat Display', sans-serif;
  width: 100%;
  background-color: #FAFAFA;
  border: 1px solid #D7D8DA;
  height: 46px;
  border-radius: 8px;
  padding: 14px;
  font-size: 16px;
}
.sales-order-history .pedidos .formulario-pedidos .buttons {
  margin: 20px 0 40px;
  text-align: right;
}
.sales-order-history .pedidos .formulario-pedidos .buttons a {
  border: 1px solid #FF3B30;
  border-radius: 8px;
  padding: 5px 36px;
  margin-right: 10px;
  color: #FF3B30;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
}
.sales-order-history .pedidos .formulario-pedidos .buttons .button {
  background-color: #005AFF;
  border: 1px solid #005AFF;
  border-radius: 8px;
  padding: 6px 41px 5px;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
.sales-order-history .pedido {
  border-top: 1px solid #D7D8DA;
  padding: 15px 0;
  display: flex;
  color: #101010;
}
.sales-order-history .pedido .pedido-left {
  width: 40%;
  padding-top: 16px;
}
.sales-order-history .pedido .pedido-left .order-id-status {
  display: flex;
  padding-left: 10px;
  margin-bottom: 16px;
}
.sales-order-history .pedido .pedido-left .order-id-status .id {
  min-width: 135px;
  margin-right: 12px;
  font-size: 16px;
  line-height: 21px;
}
.sales-order-history .pedido .pedido-left .order-id-status .id strong {
  font-weight: 700;
}
.sales-order-history .pedido .pedido-left .order-id-status .status {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.sales-order-history .pedido .pedido-left .order-id-status .status div {
  background-color: #EFEFEF;
  border-radius: 4px;
  padding: 2px 12px;
  text-transform: capitalize;
}
.sales-order-history .pedido .pedido-left .order-id-status .status div.confirmado {
  background-color: #C4D6F7;
}
.sales-order-history .pedido .pedido-left .order-id-status .status div.aberto {
  background-color: #C4D6F7;
}
.sales-order-history .pedido .pedido-left .order-id-status .status div.pendente {
  background-color: #F7E5C4;
}
.sales-order-history .pedido .pedido-left .order-id-status .status div.cancelado {
  background-color: #F7D0CE;
}
.sales-order-history .pedido .pedido-left .order-qtde {
  padding-left: 10px;
  margin-bottom: 16px;
  color: #101010;
  font-size: 16px;
  line-height: 21px;
}
.sales-order-history .pedido .pedido-left .order-qtde span {
  font-weight: 400;
}
.sales-order-history .pedido .pedido-left .slider {
  width: 88%;
  height: 76px;
  overflow: hidden;
  position: relative;
}
.sales-order-history .pedido .pedido-left .slider-container {
  width: 200%;
  height: 100%;
  display: flex;
}
.sales-order-history .pedido .pedido-left .slider-container img {
  width: 47px;
  height: 47px;
  object-fit: cover;
}
.sales-order-history .pedido .pedido-left .slider button {
  position: absolute;
  top: 36px;
  transform: translateY(-50%);
  padding: 0;
  background-color: #FFF;
  border: none;
  cursor: pointer;
  width: 30px;
  height: 76px;
}
.sales-order-history .pedido .pedido-left .slider .slick-prev {
  left: 0;
}
.sales-order-history .pedido .pedido-left .slider .slick-next {
  right: 0;
}
.sales-order-history .pedido .pedido-left .slick-prev:before {
  font-size: 12px !important;
}
.sales-order-history .pedido .pedido-left .slick-next:before {
  font-size: 12px !important;
}
.sales-order-history .pedido .pedido-left .slick-initialized .slick-slide {
  max-width: 48px;
  border-radius: 50%;
  border: 1px solid #F6F7F8;
  padding: 0;
  margin: 0 4px 0 2px;
}
.sales-order-history .pedido .pedido-left .slick-list {
  width: 88%;
  margin: 0 auto;
}
.sales-order-history .pedido .pedido-left .slick-initialized .slick-slide img {
  border-radius: 50%;
}
.sales-order-history .pedido .pedido-center {
  width: 30%;
  margin-right: 40px;
}
.sales-order-history .pedido .pedido-center .center-content {
  background-color: #FAFAFA;
  border-radius: 8px;
  padding: 20px;
  color: #101010;
  font-size: 14px;
  font-weight: 400;
}
.sales-order-history .pedido .pedido-center .center-content strong {
  font-weight: 700;
  line-height: 19px;
}
.sales-order-history .pedido .pedido-center .center-content strong.title {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
}
.sales-order-history .pedido .pedido-center .center-content p {
  margin-bottom: 7px;
}
.sales-order-history .pedido .pedido-right {
  width: 30%;
  padding-top: 16px;
}
.sales-order-history .pedido .pedido-right div {
  margin-bottom: 12px;
}
.sales-order-history .pedido .pedido-right div .icone {
  vertical-align: middle;
  display: inline-block;
  margin-right: 8px;
}
.sales-order-history .pedido .pedido-right div .button-nfe span {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.sales-order-history .pedido .pedido-right div .button-nfe span.button {
  background-color: #005AFF;
  border-radius: 8px;
  padding: 8px 24px;
  margin-right: 26px;
  color: #FAFAFA;
}
.sales-order-history .pedido .pedido-right div .button-nfe span.nfe-button {
  color: #005AFF;
  cursor: pointer;
  position: relative;
}
.sales-order-history .pedido .pedido-right div .button-nfe span.nfe-button svg {
  vertical-align: middle;
}
.sales-order-history .pedido .pedido-right div .button-nfe span.nfe-button .popup {
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateX(-50%);
  background-color: rgba(0, 90, 255, 0.7);
  color: #FFF;
  padding: 10px;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  min-width: 120px;
}
.sales-order-history .pedido .pedido-right div .button-nfe span.nfe-button .popup a {
  color: #FFF;
  text-decoration: none;
  display: block;
  margin-bottom: 7px;
}
.sales-order-history .pedido .pedido-right div .button-nfe span.nfe-button .popup a:hover {
  text-decoration: underline;
}
.sales-order-history .pedido .pedido-right div .button-nfe span.nfe-button:hover .popup {
  visibility: visible;
  opacity: 1;
}
.sales-order-history #sales_pagination {
  width: 100%;
  padding-top: 5px;
}
.sales-order-history .sender {
  float: right;
  width: auto;
}
.sales-order-history .sender select {
  width: auto;
}
.sales-order-history .paginacao {
  margin-top: 27px;
  float: right;
}
.sales-order-history .pagination_item {
  color: #101010;
  font-size: 16px;
  display: inline-block;
  border: 0;
  background: none;
  padding: 1px 10px 0;
  text-decoration: none;
  transition: all 500ms ease;
}
.sales-order-history .pagination_item.active {
  background-color: #005AFF;
  color: #FAFAFA !important;
  border-radius: 2px;
}
.sales-order-history input.pagination_item:hover {
  background-color: #005AFF;
  color: #FAFAFA !important;
  transition: all 500ms ease;
}
.sales-order-history .pagination_item:not(:last-child) {
  border-right: none;
}
.pages-order-view .page-title-wrapper {
  display: none;
}
.pages-order-view .order-content {
  color: #101010;
  width: 77.7%;
  float: right;
}
.pages-order-view .order-content .title-button {
  display: flex;
  justify-content: space-between;
}
.pages-order-view .order-content .title-button a {
  border: 1px solid #005AFF;
  border-radius: 8px;
  padding: 7px 24px;
  color: #005AFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  height: fit-content;
}
.pages-order-view .order-content .page-title {
  margin: 0 0 36px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.pages-order-view .order-content .details {
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
  margin-bottom: 34px;
  border-bottom: 1px solid #D7D8DA;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
.pages-order-view .order-content .payment {
  border: 1px solid #D7D8DA;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 32px;
  color: #101010;
  display: flex;
}
.pages-order-view .order-content .payment .sub-payment {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  display: block;
  margin-bottom: 16px;
}
.pages-order-view .order-content .payment .payment-left {
  width: 50%;
}
.pages-order-view .order-content .payment .payment-left .condicao-forma {
  margin-bottom: 30px;
  display: flex;
  font-size: 14px;
  line-height: 19px;
}
.pages-order-view .order-content .payment .payment-left .condicao-forma div {
  width: 50%;
}
.pages-order-view .order-content .payment .payment-left .condicao-forma span {
  display: block;
}
.pages-order-view .order-content .payment .payment-left .condicao-forma strong {
  text-transform: capitalize;
}
.pages-order-view .order-content .payment .payment-left .parcelas {
  width: 90%;
}
.pages-order-view .order-content .payment .payment-left .parcelas .parcela-th {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 8px;
}
.pages-order-view .order-content .payment .payment-left .parcelas .parcela-th div {
  min-width: 72px;
}
.pages-order-view .order-content .payment .payment-left .parcelas .parcela-th div:first-child {
  padding-left: 12px;
}
.pages-order-view .order-content .payment .payment-left .parcelas .parcela-td {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 8px;
}
.pages-order-view .order-content .payment .payment-left .parcelas .parcela-td.odd {
  background-color: #FAFAFA;
  padding-top: 8px;
  padding-bottom: 8px;
}
.pages-order-view .order-content .payment .payment-left .parcelas .parcela-td div {
  min-width: 72px;
}
.pages-order-view .order-content .payment .payment-left .parcelas .parcela-td div:first-child {
  padding-left: 12px;
}
.pages-order-view .order-content .payment .payment-left .parcelas .parcela-td div:last-child {
  padding-right: 12px;
}
.pages-order-view .order-content .payment .payment-right {
  width: 50%;
}
.pages-order-view .order-content .payment .payment-right .order-totals {
  background-color: #FAFAFA;
  border-radius: 8px;
  padding: 22px 30px;
}
.pages-order-view .order-content .payment .payment-right .order-totals strong {
  display: block;
  margin-bottom: 30px;
}
.pages-order-view .order-content .payment .payment-right .order-totals .totals .total {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.pages-order-view .order-content .payment .payment-right .order-totals .totals .total.grand-total {
  padding-top: 15px;
  border-top: 1px solid #D7D8DA;
  margin-bottom: 0;
}
.pages-order-view .order-content .payment .payment-right .order-totals .totals .total.grand-total strong {
  margin-bottom: 0;
}
.pages-order-view .order-content .shipping .logistica-endereco {
  border: 1px solid #D7D8DA;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 32px;
  color: #101010;
  font-size: 16px;
  display: flex;
}
.pages-order-view .order-content .shipping .logistica-endereco strong {
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-bottom: 16px;
}
.pages-order-view .order-content .shipping .logistica-endereco .logistica {
  width: 50%;
}
.pages-order-view .order-content .shipping .logistica-endereco .logistica span {
  display: block;
  margin-bottom: 4px;
}
.pages-order-view .order-content .shipping .logistica-endereco .logistica span:last-child {
  margin-bottom: 8px;
}
.pages-order-view .order-content .shipping .logistica-endereco .logistica .logistica-details .details-th {
  width: 90%;
  display: flex;
  justify-content: space-between;
}
.pages-order-view .order-content .shipping .logistica-endereco .logistica .logistica-details .details-th div {
  min-width: 103px;
}
.pages-order-view .order-content .shipping .logistica-endereco .logistica .logistica-details .details-th .frete-gratis {
  color: #4CD964;
  font-size: 16px;
  font-weight: 700;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco {
  width: 50%;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span {
  display: block;
  margin-bottom: 2px;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content a {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content a.button {
  background-color: #005AFF;
  border-radius: 8px;
  padding: 8px 24px;
  margin-right: 26px;
  color: #FAFAFA;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content a.nfe-button {
  color: #005AFF;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content a.nfe-button svg {
  vertical-align: middle;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span.button {
  background-color: #005AFF;
  border-radius: 8px;
  padding: 8px 24px;
  margin-right: 26px;
  color: #FAFAFA;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span.nfe-button {
  color: #005AFF;
  cursor: pointer;
  position: relative;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span.nfe-button svg {
  vertical-align: middle;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span.nfe-button .popup {
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateX(-50%);
  background-color: rgba(0, 90, 255, 0.7);
  color: #FFF;
  padding: 10px;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  min-width: 120px;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span.nfe-button .popup a {
  color: #FFF;
  text-decoration: none;
  display: block;
  margin-bottom: 7px;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span.nfe-button .popup a:hover {
  text-decoration: underline;
}
.pages-order-view .order-content .shipping .logistica-endereco .endereco .box-content span.nfe-button:hover .popup {
  visibility: visible;
  opacity: 1;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar {
  position: relative;
  display: flex;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar .step {
  flex: 1;
  text-align: center;
  padding: 15px 10px 0;
  border-top: 2px solid #D7D8DA;
  color: #D7D8DA;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar .step span {
  white-space: nowrap;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar .step:before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 11px;
  text-align: center;
  background: url(../images/order-pending.png) center no-repeat;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar .step.completed {
  color: #4CD964;
  border-top: 2px solid #D3EFD8;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar .step.completed span {
  color: #A5A7A9;
  white-space: nowrap;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar .step.completed span.label {
  color: #4CD964;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar .step.completed:before {
  content: '';
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 19px;
  text-align: center;
  background: url(../images/order-complete.png) center no-repeat;
}
.pages-order-view .order-content .shipping .progresso-pedido .progress-bar .step.completed ~ .progress {
  background-color: #D3EFD8;
}
.pages-order-view .order-content .table-order-items {
  border: 1px solid #D7D8DA;
  border-radius: 8px;
  border-collapse: initial;
  color: #101010;
  font-weight: 400;
  line-height: 19px;
}
.pages-order-view .order-content .table-order-items th {
  background-color: #FAFAFA;
  padding: 20px 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  text-align: left !important;
}
.pages-order-view .order-content .table-order-items th:first-child {
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
}
.pages-order-view .order-content .table-order-items th:last-child {
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
}
.pages-order-view .order-content .table-order-items td {
  font-size: 14px;
  text-align: left !important;
}
.pages-order-view .order-content .table-order-items td .price-excluding-tax .price {
  font-size: 14px;
  font-weight: 400;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 14px;
  width: 100%;
  max-width: 360px;
  height: 45px;
  background-color: #005AFF;
  border-radius: 8px;
}
div:where(.swal2-container) div:where(.swal2-actions) {
  width: 50% !important;
}
div:where(.swal2-container) div:where(.swal2-popup) {
  font-size: 1.5rem !important;
}
.account .table-wrapper.order-items {
  border-bottom: 0;
  overflow: initial;
}
.buttons-footer {
  margin-top: 32px;
  display: flex;
  justify-content: end;
}
.buttons-footer .rma-link {
  border: 1px solid #005AFF;
  border-radius: 8px;
  padding: 7px 24px;
  color: #005AFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  height: fit-content;
  text-decoration: none !important;
  margin-right: 15px;
}
.buttons-footer .order {
  background-color: #005AFF;
  border-radius: 8px;
  padding: 8px 24px;
  margin-right: 26px;
  color: #FAFAFA;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none !important;
  margin-right: 0;
}
.account.page-layout-2columns-left.pages-order-view .column.main {
  width: 100%;
}