/* Generated by less 3.11.1 */

body {
  font-family: Arial;
}

h2 {
  font-size: 20px;

  color: #000;

  font-weight: 700;

  text-align: center;

  margin-bottom: 50px;
}

.blue {
  background-color: #249dd6;
}

.blue:hover {
  background-color: #4ab7ea;
}

.gray {
  background-color: #ddd;
}

.graydark {
  background-color: #5a5a5a;
}

a {
  color: #249dd6;
}

.color-blue {
  color: #249dd6;
}

.button-wrap {
  text-align: right;
}

.b-estafeta-button {
  border: none;

  padding: 15px;

  color: #fff;

  font-size: 17px;

  min-width: 180px;

  border-radius: 10px;

  border-bottom-right-radius: 26px;

  border-top-left-radius: 26px;

  box-shadow: 1px 2px 4px #00000073;

  cursor: pointer;
}

.estafeta-link {
  text-decoration: underline;
}

.estafeta-container {
  width: 100%;

  max-width: 1000px;

  padding-left: 15px;

  padding-right: 15px;

  margin-left: auto;

  margin-right: auto;

  box-sizing: border-box;
}

.estafeta-alert {
  width: 100%;

  background-color: #249dd6;

  position: absolute;

  left: 0;

  top: 0;
}

.estafeta-alert .estafeta-container {
  background-color: #249dd6;

  display: grid;

  grid-template-columns: 1fr auto;

  column-gap: 15px;

  color: #fff;

  justify-items: center;

  align-items: center;

  min-height: 50px;

  padding: 10px;

  /*@media (max-width: 800px) {



            grid-template-columns: 1fr;


            height: auto;


            grid-row-gap: 15px;


        }*/
}

.estafeta-alert p {
  margin: 0;

  color: #fff;
}

.estafeta-alert .fa {
  font-size: 37px;

  cursor: pointer;
}

.text-center {
  text-align: center;
}

.estafeta-sugerencia-alert {
  background-color: #0000003d;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9999;

  display: grid;

  align-content: center;
}

.estafeta-sugerencia-alert .estafeta-sug-box {
  background-color: #fff;

  padding: 20px;

  box-shadow: 0px 3px 10px #878686;
}

.estafeta-sugerencia-alert .estafeta-sug-box p {
  margin-top: 0;

  text-align: center;
}

.estafeta-sugerencia-alert .estafeta-sug-container {
  width: 100%;

  max-width: 1000px;

  padding-left: 15px;

  padding-right: 15px;

  margin-left: auto;

  margin-right: auto;

  box-sizing: border-box;
}

.estafeta-sugerencia-alert .estafeta-sug-button-wrap {
  text-align: center;
}

.estafeta-sugerencia-alert .estafeta-sug-button-wrap.twobuttons {
  display: grid;

  grid-template-columns: minmax(auto, 180px) minmax(auto, 180px);

  column-gap: 30px;

  justify-content: center;
}

@media (max-width: 600px) {
  .estafeta-sugerencia-alert .estafeta-sug-button-wrap.twobuttons {
    grid-template-columns: minmax(auto, 180px);

    grid-row-gap: 15px;
  }
}

#wrapper {
  position: relative;
}

/***************************/

/***** Mi cuenta ***********/

/* mi cuenta */

.myaccountgrid {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  grid-auto-rows: auto;

  column-gap: 40px;

  row-gap: 40px;
}

@media (max-width: 1200px) {
  .myaccountgrid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 636px) {
  .myaccountgrid {
    grid-template-columns: 1fr;

    row-gap: 10px;
  }
}

.myaccountgrid .myacbutton {
  display: grid;

  grid-template-columns: auto 1fr;

  align-items: center;

  border-radius: 82px;

  padding: 18px;

  justify-items: center;

  color: #fff;

  font-weight: 700;

  column-gap: 30px;

  min-height: 110px;

  padding-left: 50px;

  padding-right: 50px;

  text-decoration: none;
}

@media (max-width: 636px) {
  .myaccountgrid .myacbutton {
    min-height: auto;
  }
}

.myaccountgrid .myacbutton .icon {
  font-size: 43px;
}

.myaccountgrid .myacbutton .icon .material-icons {
  font-size: 43px;
}

@media (max-width: 636px) {
  .myaccountgrid .myacbutton .icon {
    font-size: 24px;
  }
}

.myaccountgrid .myacbutton .text {
  justify-self: left;
}

.myaccountgrid .myacbutton .text p {
  margin: 0;

  font-size: 19px;

  color: #fff;

  font-weight: 700;
}

@media (max-width: 636px) {
  .myaccountgrid .myacbutton .text p {
    font-size: 16px;
  }
}

@media (max-width: 1200px) {
  .myaccountgrid .disablezone {
    display: none;
  }
}

/***************************/

/***** Administracion de servicios ***********/

.boxesta {
  border: 1px solid #ddd;

  border-radius: 24px;

  padding: 30px;

  text-align: center;

  margin-bottom: 20px;

  margin-top: 20px;

  box-shadow: 0px 0px 13px #d9d9d9;
}

.boxesta.estafeta-disabled .fa-qrcode {
  color: #888;
}

.boxesta.estafeta-disabled .estafeta-itext {
  color: #888;
}

.boxesta h3 {
  margin-bottom: 30px;
}

.tableestag.all {
  border-style: hidden;

  box-shadow: 0 0 0 1px #666;

  border-radius: 18px;

  color: #666;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  margin-bottom: 30px;
}

.tableestag.all td {
  border-right: 1px solid #666;
}

.tableestag.all td:last-child {
  border-right: none;
}

.tableestag.all td.noborder {
  border-right: none;
}

.tableestag.all td,
.tableestag.all th {
  padding: 13px;
}

.tableestag.all th.left {
  background-color: #249dd6;

  border-top-left-radius: 18px;

  border-bottom-left-radius: 18px;

  color: #fff;
}

.tableestag.all .th {
  background-color: #249dd6;

  color: #fff;
}

.tableestag.all th.right {
  background-color: #249dd6;

  border-top-right-radius: 18px;

  border-bottom-right-radius: 18px;

  color: #fff;
}

.tableestag.all th.center {
  background-color: #249dd6;

  border-radius: 18px;

  color: #fff;

  text-align: center;
}

.tableestag.all .left {
  padding-left: 24px !important;
}

.tableestag.all .right {
  padding-right: 24px !important;

  text-align: left;
}

.dqr {
  text-align: center !important;
}

.tableestag.all a {
  color: #249dd6;

  text-decoration: underline;
}

.mb30 {
  margin-bottom: 30px;
}

.caducado {
  color: red;
}

.cancelado {
  color: indianred;
}

.disponible {
  color: green;
}

.estafeta-pagination {
  display: grid;

  grid-template-columns: auto 1fr;

  column-gap: 20px;

  color: #666;

  align-items: center;

  justify-items: start;
  width: 30%;
  min-width: 300px;
  float: left;
}

@media (max-width: 500px) {
  .estafeta-pagination {
    grid-template-columns: 1fr;

    grid-row-gap: 14px;
  }
}

.estafeta-pagination p {
  margin: 0;
}

.estafeta-pagination .estafeta-pagination-buttons .dataTables_paginate {
  display: grid;

  grid-template-columns: 34px 34px;

  column-gap: 10px;
}

@media (max-width: 500px) {
  .estafeta-pagination .estafeta-pagination-buttons .dataTables_paginate {
    justify-content: center;
  }
}

.estafeta-pagination .estafeta-pagination-left,
.estafeta-pagination .estafeta-pagination-right {
  border-radius: 30px;

  padding: 5px;

  font-size: 20px;

  border: 3px solid #249dd6;

  cursor: pointer;
}

@media (max-width: 1200px) {
  .tableestag.all {
    width: 100%;

    font-size: 13px;
  }

  .tableestag.all tr td {
    display: block;

    text-align: right;

    min-height: 46px;
  }

  .tableestag.all thead {
    display: none;
  }

  .tableestag.all td {
    border-right: none;

    border-bottom: 1px solid #666;
  }

  .tableestag.all tr td:first-child {
    border-top: 1px solid #666;
  }

  .tableestag.all tr:last-child td:last-child {
    border-bottom: none;
  }

  .tableestag.all tr:first-child td:first-child {
    border-top: none;
  }

  .tableestag.all tr.trow {
    margin-top: 20px;

    display: block;
  }

  .tableestag.all tr {
    background-color: #dcedf5;
  }

  .tableestag.all tr td::before {
    content: attr(data-label);

    float: left;

    font-weight: bold;

    font-size: 13px;

    margin-right: 10px;
  }

  .tableestag.all .dqr a {
    display: block;

    background-color: #fff;

    padding: 10px;
  }
}

.estafeta-searchsection {
  width: 100%;

  display: grid;

  grid-template-rows: auto auto;

  grid-row-gap: 15px;

  margin-bottom: 50px;
}

.estafeta-searchsection .estafeta-searchgrid {
  display: grid;

  grid-template-columns: 1fr auto;
}

.estafeta-searchsection .estafeta-searchgrid input {
  border: 1px solid #249dd6;

  border-bottom-left-radius: 30px;

  border-top-left-radius: 30px;

  padding-left: 20px;

  height: 44px;

  box-sizing: border-box;
}

.estafeta-searchsection .estafeta-searchgrid button {
  border: none;

  color: #fff;

  font-weight: 700;

  padding: 10px;

  padding-left: 30px;

  padding-right: 30px;

  border-top-right-radius: 30px;

  border-bottom-right-radius: 30px;

  height: 44px;

  box-sizing: border-box;
}

.estafeta-searchsection .filtersec {
  display: grid;

  grid-template-columns: 1fr minmax(auto, 200px) minmax(auto, 200px) 1fr;

  align-items: center;

  column-gap: 30px;
}

@media (max-width: 900px) {
  .estafeta-searchsection .filtersec {
    grid-template-columns: 1fr;

    text-align: left;

    grid-row-gap: 15px;
  }
}

.estafeta-searchsection .filtersec p {
  font-weight: 700;

  margin: 0;
}

.estafeta-searchsection .filtersec a {
  font-weight: 700;
}

.estafeta-searchsection .filtersec .select2-selection,
body
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  border-radius: 30px;

  background-color: #249dd6;

  color: #fff;

  height: 33px;

  box-sizing: border-box;

  line-height: 32px;
}

body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #fff transparent transparent transparent;

  left: 19%;

  top: 64%;

  border: none;
}

body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b:before {
  content: "\f078";

  font-family: FontAwesome;

  color: #fff;

  position: absolute;

  right: -9px;

  top: -8px;

  font-size: 16px;

  font-weight: normal;

  line-height: 18px;
}

body
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #fff transparent;

  border-width: 0 4px 5px 4px;
}

body .select2.select2-container {
  min-width: 200px;

  width: 100% !important;
}

body
  .select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f3f1f2;

  color: #249dd6;
}

body .select2-container--open .select2-dropdown--below {
  border: none;
}

.select2-container--default .select2-results > .select2-results__options {
  background-color: #f3f1f2;

  color: #249dd6;

  text-align: center;

  padding-left: 15px;

  padding-right: 15px;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

  box-shadow: 3px 0px 5px #cbc8c8;
}

.select2-container--default .select2-selection--single {
  border: none !important;
}

.select2-results__option {
  border-bottom: 1px solid #c9c7c7;
}

/*.estafeta-searchsection .filtersec .selectwrap {



  position: relative;


  border: none;


  border-radius: 30px;


  background-color: #249dd6;


  color: #fff;


  height: 44px;


  box-sizing: border-box;


}



.estafeta-searchsection .filtersec .selectwrap:before {



  content: "\f078";


  font-family: FontAwesome;


  color: #fff;


  position: absolute;


  right: 13px;


  top: 13px;


}



.estafeta-searchsection .filtersec .selectwrap select {



  background-color: transparent;


  border: none;


  height: 44px;


  padding: 5px;


  position: relative;


  z-index: 99;


  color: #fff;


  padding-right: 40px;


  padding-left: 20px;


  text-align: left;


}



.estafeta-searchsection .filtersec select {



  -webkit-appearance: none;


  -moz-appearance: none;


  appearance: none;


  width: 100%;


}*/

/***************************/

/***** Detalle QR ***********/

.estafeta-detalleqr {
  grid-template-columns: 1fr 2fr;

  column-gap: 20px;

  display: grid;
}

@media (max-width: 1000px) {
  .estafeta-detalleqr {
    grid-template-columns: 1fr;

    grid-row-gap: 20px;
  }
}

.estafeta-detalleqr table {
  width: 100%;

  margin-top: 30px;
}

.estafeta-detalleqr .estafeta-label {
  text-align: left;
}

.estafeta-detalleqr .estafeta-itext {
  text-align: right;
}

.estafeta-detalleqr .estafeta-dqr-buttonsg {
  grid-template-columns: 1fr 1fr;

  column-gap: 10px;

  display: grid;

  margin-bottom: 30px;

  row-gap: 10px;
}

@media (max-width: 500px) {
  .estafeta-detalleqr .estafeta-dqr-buttonsg {
    grid-template-columns: 1fr;

    grid-row-gap: 10px;
  }
}

.estafeta-detalleqr .col-left {
  text-align: center;
}

.estafeta-accordion .estafeta-mainel h4 {
  margin: 0;

  text-align: left;

  border-bottom: 1px solid #ddd;

  padding-bottom: 15px;

  margin-top: 15px;

  cursor: pointer;

  grid-template-columns: 1fr auto;

  column-gap: 10px;

  display: grid;
}

.estafeta-accordion .estafeta-mainel h4 .buicon {
  border-radius: 20px;

  font-size: 15px;

  padding: 5px;

  padding-right: 6px;

  padding-left: 6px;

  color: #fff;
}

.estafeta-accordion .estafeta-mainel.openac .buicon i.fa-chevron-down:before {
  content: "\f077" !important;
}

.estafeta-accordion .estafeta-content {
  margin-top: 30px;

  border-bottom: 1px solid #ddd;

  display: none;
}

.estafeta-form.estafeta-center-form {
  width: 100%;

  max-width: 800px;

  margin-left: auto;

  margin-right: auto;
}

.estafeta-form .estafeta-fila-form {
  grid-template-columns: 30% 68%;

  column-gap: 2%;

  display: grid;

  margin-bottom: 15px;

  /*.subcols {



            grid-auto-flow: column;


            display: grid;


            column-gap: 15px;


            



            @media (max-width: 1200px) {



                grid-template-columns: auto 1fr;


                grid-auto-flow: unset;


                grid-template-rows: 34px;


                grid-row-gap: 15px;


                



                input:first-child {



                    grid-column: span 2;


                }



            }



            



            &.cols5 {



                grid-template-columns: 1fr 1fr 1fr 1fr 1fr;


                



                @media (max-width: 1200px) {



                    grid-template-columns: auto 1fr;


                    



                    input:first-child {



                        grid-column: span 2;


                    }



                    



                    .litinput {



                        max-width: unset;


                    }



                }



            }



        }*/
}

.estafeta-form .estafeta-fila-form.estafeta-fila-full {
  grid-template-columns: 1fr;
}

@media (max-width: 600px) {
  .estafeta-form .estafeta-fila-form.estafeta-fila-full {
    grid-template-columns: 1fr;

    grid-row-gap: 2px;

    grid-template-rows: 1fr;
  }
}

@media (max-width: 600px) {
  .estafeta-form .estafeta-fila-form .estafeta-empty-zone {
    display: none;
  }
}

.estafeta-form .estafeta-fila-form p {
  display: none;
}

.estafeta-form .estafeta-fila-form.error p {
  margin: 0;

  margin-top: 2px;

  color: red;

  text-align: left;

  display: block;

  font-size: 12px;
}

.estafeta-form .estafeta-fila-form.error input {
  color: red;

  border-color: red;

  border: 1px solid;
}

@media (max-width: 1200px) {
  .estafeta-form .estafeta-fila-form.error p {
    margin-top: 0;
  }

  .estafeta-form .estafeta-fila-form.error label:nth-child(1) {
    order: 1;
  }

  .estafeta-form .estafeta-fila-form.error input:nth-child(2) {
    order: 2;
  }

  .estafeta-form .estafeta-fila-form.error div:nth-child(7) {
    order: 3;
  }

  .estafeta-form .estafeta-fila-form.error p:nth-child(8) {
    order: 4;
  }

  .estafeta-form .estafeta-fila-form.error label:nth-child(3) {
    order: 5;
  }

  .estafeta-form .estafeta-fila-form.error input:nth-child(4) {
    order: 6;
  }

  .estafeta-form .estafeta-fila-form.error div:nth-child(9) {
    order: 7;
  }

  .estafeta-form .estafeta-fila-form.error p:nth-child(10) {
    order: 8;
  }

  .estafeta-form .estafeta-fila-form.error label:nth-child(5) {
    order: 9;
  }

  .estafeta-form .estafeta-fila-form.error input:nth-child(6) {
    order: 10;
  }

  .estafeta-form .estafeta-fila-form.error div:nth-child(11) {
    order: 11;
  }

  .estafeta-form .estafeta-fila-form.error p:nth-child(12) {
    order: 12;
  }
}

@media (max-width: 600px) {
  .estafeta-form .estafeta-fila-form.error p {
    margin-bottom: 10px;
  }

  .estafeta-form .estafeta-fila-form.error label:nth-child(1) {
    order: 1;
  }

  .estafeta-form .estafeta-fila-form.error input:nth-child(2) {
    order: 2;
  }

  .estafeta-form .estafeta-fila-form.error p:nth-child(8) {
    order: 3;
  }

  .estafeta-form .estafeta-fila-form.error label:nth-child(3) {
    order: 4;
  }

  .estafeta-form .estafeta-fila-form.error input:nth-child(4) {
    order: 5;
  }

  .estafeta-form .estafeta-fila-form.error p:nth-child(10) {
    order: 6;
  }

  .estafeta-form .estafeta-fila-form.error label:nth-child(5) {
    order: 7;
  }

  .estafeta-form .estafeta-fila-form.error input:nth-child(6) {
    order: 8;
  }

  .estafeta-form .estafeta-fila-form.error p:nth-child(12) {
    order: 9;
  }
}

@media (max-width: 600px) {
  .estafeta-form .estafeta-fila-form {
    grid-template-columns: 1fr;

    grid-row-gap: 2px;

    grid-template-rows: 1fr;
  }
}

.estafeta-form .estafeta-fila-form.subcols {
  grid-template-columns: 30% 23% 18% 23%;
}

.estafeta-form .estafeta-fila-form.subcols.cols5 {
  grid-template-columns: 30% auto auto auto auto auto;
}

@media (max-width: 1200px) {
  .estafeta-form .estafeta-fila-form.subcols.cols5 {
    grid-template-columns: 30% 68%;

    grid-template-rows: 34px;

    grid-row-gap: 15px;
  }
}

@media (max-width: 600px) {
  .estafeta-form .estafeta-fila-form.subcols.cols5 {
    grid-template-columns: 1fr;

    grid-row-gap: 2px;
  }
}

@media (max-width: 1200px) {
  .estafeta-form .estafeta-fila-form.subcols {
    grid-template-columns: 30% 68%;

    grid-template-rows: 34px;

    grid-row-gap: 15px;
  }
}

@media (max-width: 600px) {
  .estafeta-form .estafeta-fila-form.subcols {
    grid-template-columns: 1fr;

    grid-row-gap: 2px;
  }
}

.estafeta-form .estafeta-fila-form.habedcion p {
  text-align: right;

  color: #ddd;

  display: block;
}

.estafeta-form .estafeta-fila-form label.text-center {
  text-align: center;
}

.estafeta-form label {
  color: #000;

  text-align: right;

  height: 30px;

  display: grid;

  align-items: center;

  grid-template-columns: 1fr auto;

  margin-bottom: 0;
}

@media (max-width: 600px) {
  .estafeta-form label {
    text-align: left;

    grid-template-columns: auto 1fr;

    height: auto;
  }
}

.estafeta-form .input-control {
  border: none;

  border-radius: 30px;

  padding: 5px;

  padding-left: 30px;

  padding-right: 30px;

  background-color: #ddd;

  color: #000;

  height: 34px;

  box-sizing: border-box;
}

.estafeta-form .input-control.light-blue {
  background-color: #94d8f8;
}

.estafeta-form .input-control.litinput {
  max-width: 100px;
}

@media (max-width: 1200px) {
  .estafeta-form .input-control.litinput {
    max-width: unset;
  }
}

.estafeta-form .required {
  color: red;
}

.estafeta-form .selectwrap {
  position: relative;

  border: none;

  border-radius: 30px;

  background-color: #ddd;

  color: #fff;

  height: 34px;

  box-sizing: border-box;
}

.estafeta-form .selectwrap.light-blue {
  background-color: #94d8f8;
}

.estafeta-form .selectwrap.blue {
  background-color: #249dd6;

  color: #fff;
}

.estafeta-form .selectwrap.blue select {
  color: #fff;
}

.estafeta-form .selectwrap:before {
  content: "\f078";

  font-family: FontAwesome;

  color: #fff;

  position: absolute;

  right: 13px;

  top: 8px;
}

.estafeta-form .selectwrap select {
  background-color: transparent;

  border: none;

  height: 34px;

  padding: 5px;

  padding-left: 30px;

  padding-right: 30px;

  position: relative;

  z-index: 99;
}

.estafeta-form .selectwrap select option {
  color: #000;
}

.estafeta-form .selectwrap input {
  background-color: transparent;

  border: none;

  height: 34px;

  padding: 5px;

  padding-left: 30px;

  padding-right: 30px;

  position: relative;

  z-index: 99;

  color: #fff;

  width: 100%;

  box-sizing: border-box;
}

.estafeta-form .selectwrap input::placeholder {
  color: #fff;

  opacity: 1;
}

.estafeta-form .selectwrap input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */

  color: #fff;
}

.estafeta-form .selectwrap input::-ms-input-placeholder {
  /* Microsoft Edge */

  color: #fff;
}

.estafeta-form select {
  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 100%;
}

.estafeta-form .radio {
  display: grid;

  align-items: center;

  grid-template-columns: 1fr 1fr;
}

@media (max-width: 600px) {
  .estafeta-form .radio {
    grid-template-columns: 1fr;

    grid-row-gap: 20px;
  }
}

.estafeta-form .radio.radiofull {
  grid-template-columns: 1fr;
}

.estafeta-form .radio input[type="radio"] {
  display: none;
}

.estafeta-form .radio input[type="checkbox"] {
  display: none;
}

.estafeta-form .radio .radioitems {
  display: grid;

  align-items: center;

  grid-template-columns: auto 1fr;

  column-gap: 15px;
}

.estafeta-form .radio .radioitems .radiocircle {
  width: 30px;

  height: 30px;

  border-radius: 20px;

  background-color: #ddd;

  position: relative;

  cursor: pointer;
}

.estafeta-form .radio .radioitems .radiocircle.checkedes:before {
  content: "\f00c";

  font-family: FontAwesome;

  color: #fff;

  position: absolute;

  right: 7px;

  top: 7px;
}

.estafeta-form .radio .radioitems .radiocircle.checkedes {
  background-color: #249dd6;
}

.estafeta-form .radio .radioitems .radiolabel {
  text-align: left;
}

.estafeta-pasos {
  display: grid;

  justify-content: center;

  margin-top: 40px;
}

.estafeta-pasos ul {
  list-style: none;

  margin: 0;

  padding: 0;

  display: grid;

  grid-template-columns: minmax(auto, 100px) minmax(auto, 100px);

  column-gap: 60px;

  position: relative;
}

.estafeta-pasos ul li {
  display: grid;

  justify-items: center;
}

.estafeta-pasos ul li p {
  text-align: center;

  margin: 0;
}

.estafeta-pasos ul li:first-child:after {
  content: "";

  width: 62%;

  height: 3px;

  background-color: #ddd;

  position: absolute;

  top: 27%;

  left: 47px;

  z-index: 0;
}

.estafeta-pasos .estafeta-circle-pasos {
  border-radius: 20px;

  width: 40px;

  height: 40px;

  display: grid;

  justify-content: center;

  align-content: center;

  color: #fff;

  font-weight: 700;

  margin-bottom: 15px;

  position: relative;

  z-index: 99;
}

/* edited */

#customer-form label {
  color: #000;
}

#customer-form .form-control {
  color: #000;
  border-radius: 30px;

  padding: 5px;

  padding-left: 30px;

  padding-right: 30px;

  background-color: #ddd;

  color: #000;

  height: 34px;

  box-sizing: border-box;
}

#customer-form .btn-primary {
  border: none;

  padding: 10px;

  color: #fff;

  font-size: 17px;

  min-width: 180px;

  border-radius: 10px;

  border-bottom-right-radius: 26px;

  border-top-left-radius: 26px;

  box-shadow: 1px 2px 4px #00000073;

  cursor: pointer;

  background-color: #249dd6;

  font-weight: normal;
}

#authentication #content {
  box-shadow: none;

  border: none;
}

.form-control:focus,
.input-group.focus {
  outline: none;
}

#customer-form input[type="file"] {
  color: #818080;
}

#authentication .register-form p {
  text-align: center;
}

#customer-form .input-group-btn .btn {
  width: 30px;

  height: 30px;

  border-radius: 20px;

  background-color: #249dd6;

  position: relative;

  cursor: pointer;

  margin-left: 10px;

  display: grid;

  align-content: center;

  justify-content: center;

  grid-template-rows: 41px 1fr;

  align-items: center;
}

#customer-form .input-group-btn .btn:before {
  content: "\f06e";

  font: normal normal normal 14px/1 FontAwesome;

  margin-top: 13px;
}

#customer-form .input-group-btn .btn:focus {
  outline: none;
}

body .featured-products {
  margin-top: 10px;
}

body .featured-products h1.text-uppercase {
  text-transform: capitalize !important;
}

body .featured-products .products {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

  column-gap: 25px;
}

body .featured-products .products .product-miniature {
  margin: 0;
}

body .featured-products .products .product-miniature .thumbnail-container {
  box-shadow: none;
}

body .btn.ticker-up span,
body .btn.ticker-down span,
body .btn.ticker-cart span {
  border: none;
}

.btn.btn-default.ticker-button.ticker-down,
.btn.btn-default.ticker-button.ticker-up,
.btn.btn-default.ticker-button.ticker-cart {
  border: none;

  border-color: none;

  color: #022144;
}

div.quantityTicker input {
  border: none;

  color: #022144;
}

.ticker-button,
.ticker-cart {
  text-transform: capitalize !important;
}

.ticker-wrapper.ps_17 .ticker-cart {
  padding: 13px;
}

/*@media (max-width: 1200px) {



  #index .featured-products .products {



    grid-template-columns: 1fr 1fr 1fr;


  }



}







@media (max-width: 1200px) {



  #index .featured-products .products {



    grid-template-columns: 1fr 1fr 1fr;


  }



}*/

#cart #wrapper {
  background-color: #ddd;

  padding-top: 110px;

  padding-bottom: 100px;
}

#cart #wrapper h1 {
  text-align: center;

  color: #000;

  text-transform: capitalize;

  margin-bottom: 20px;
}

#cart #wrapper .card.card2 {
  box-shadow: none;

  border: none;

  background-color: transparent;
}

#cart #wrapper .cart-summary {
  border-radius: 28px;

  padding: 17px;

  background-color: #ffffff78;
}

.cartitem-estafeta {
  display: grid;

  grid-template-columns: 1fr auto auto;

  column-gap: 20px;
}

.cartitem-estafeta .qty {
  grid-column: span 2;
}

#cart #wrapper .cart-item {
  border-bottom: 1px solid;
}

.btn-primary {
  background-color: #249dd6;

  border: none;

  padding: 10px;

  color: #fff;

  font-size: 17px;

  min-width: 180px;

  border-radius: 10px;

  border-bottom-right-radius: 26px;

  border-top-left-radius: 26px;

  box-shadow: 1px 2px 4px #00000073;

  cursor: pointer;

  text-transform: capitalize;

  font-weight: normal;
}

.btn-primary:hover {
  background-color: #4ab7ea;
}

.removeprodestafeta a.remove-from-cart {
  display: block;

  background-color: #249dd6;

  padding: 6px;

  display: grid;

  align-items: center;

  border-radius: 22px;

  color: #fff;
}

.removeprodestafeta a.remove-from-cart .float-xs-left {
  margin-left: 0;
}

.removeprodestafeta {
  display: grid;

  align-items: center;
}

.productdescription-estafeta .current-price {
  font-weight: 700;

  color: #022144;

  text-align: right;

  margin-top: 14px;

  font-size: 21px;
}

.product-line-grid .qty {
  display: grid;

  grid-template-columns: 1fr auto;

  align-items: center;

  column-gap: 20px;
}

.product-line-grid .qty p {
  margin: 0;

  text-align: right;

  color: #022144;
}

.product-line-grid .bootstrap-touchspin {
  box-shadow: none;
}

.product-line-grid .js-cart-line-product-quantity {
  width: 3rem !important;
}

#cart .block-promo .promo-input,
#checkout .block-promo .promo-input {
  border: none;

  background-color: #ddd;

  border-radius: 16px;
}

#cart .cart-summary-line {
  display: grid;

  grid-template-columns: 1fr 1fr;

  column-gap: 10px;
}

#cart .cart-summary-line .label {
  font-size: 0.875rem;

  font-weight: 400;

  color: #022144;
}

#cart .cart-summary-line .value {
  font-weight: 700;

  text-align: right;

  color: #022144;
}

#cart .card-block.cart-summary-totals .cart-summary-line.cart-total .value {
  font-size: 1rem;

  font-weight: 700;
}

.card-block.cart-summary-totals .cart-summary-line.cart-total {
  background-color: transparent;

  padding: 0;
}

.card-block.cart-summary-totals {
  padding: 0 1.25rem 0.5rem;
}

#cart .card.cart-summary .card-block {
  padding-bottom: 0;
}

@media (min-width: 992px) {
  #cart .cart-grid-body {
    width: 47%;

    margin-right: 11%;
  }
}

#footer {
  padding-top: 0;
}

.footer-container {
  margin-top: 0;
}

body#checkout li.mapa-numero {
  background: #d9d5d5;
}

#checkout li.mapa-separador {
  background-color: #d9d5d5;
}

body#checkout section.checkout-step {
  background-color: #fff;

  box-shadow: none;
}

body#checkout section.checkout-step .step-title {
  text-transform: inherit;

  cursor: pointer;

  margin-bottom: 0;

  color: #000;

  text-align: center;
}

/*body#checkout section.checkout-step .step-title  i,



body#checkout section.checkout-step .step-title .step-number {



  display: none;


}*/

body#checkout section.checkout-step.-current.-reachable.-complete .content {
  text-align: center;

  margin-top: 14px;

  margin-bottom: 17px;
}

body#checkout section.checkout-step small {
  font-size: 0.9375rem;
}

body#checkout section.checkout-step .delivery-option {
  background-color: #fff;
}

#js-checkout-summary {
  background: #fff;

  border: 1px solid #ddd;

  border-radius: 24px;

  padding: 4px;

  text-align: center;

  box-shadow: 0px 0px 13px #d9d9d9;
}

.boxesta.checkout-estafeta {
  padding: 19px;

  overflow: hidden;

  margin: 0;
}

body#checkout #payment-confirmation .btn.btn-primary {
  margin-bottom: 16px;
}

body#checkout .product-price {
  color: #022144;

  font-size: 1rem;

  font-weight: 700;
}

body#checkout .cart-summary-line .value,
body#checkout .cart-summary-line .label,
body#checkout label {
  color: #022144;
}

body#checkout .cart-summary-line .value {
  font-weight: 700;
}

.custom-radio input[type="radio"]:checked + span {
  background-color: #649fd6;
}

.js-terms a {
  text-decoration: underline;
  color: #c3171c;
}

#conekta-payment-form {
  text-align: left;
}

.estafeta-fila-form.forget-email {
  grid-template-columns: auto minmax(auto, 400px) auto;

  column-gap: 10px;

  display: grid;

  margin-bottom: 15px;
}

#password.page-customer-account #content {
  box-shadow: none;

  border: none;
}

.estafeta-form .input-control.emptyinput {
  border: none;

  border-radius: 30px;

  padding: 5px;

  padding-left: 30px;

  padding-right: 30px;

  background-color: #fff;

  color: #000;

  height: 34px;

  box-sizing: border-box;

  border: 1px solid #000;
}

.b-estafeta-button.btn-lit {
  padding-top: 0;

  padding-bottom: 0;

  font-size: 13px;
}

@media (max-width: 500px) {
  .estafeta-form .input-control,
  .estafeta-form .input-control.emptyinput {
    padding-left: 10px;

    padding-right: 10px;
  }
}

.btn.showpassword:before {
  content: "\f06e";

  font: normal normal normal 14px/1 FontAwesome;
}

.btn.showpassword {
  width: 34px;

  height: 34px;

  border-radius: 20px;

  background-color: #249dd6;

  position: relative;

  cursor: pointer;

  margin-left: 10px;

  display: grid;

  align-content: center;

  justify-content: center;

  grid-template-rows: 41px 1fr;

  align-items: center;

  border: 0;

  box-shadow: none;

  color: #fff;

  font-size: 0.6875rem;

  font-weight: 400;
}

.estafeta-form label.wtooltip {
  grid-template-columns: 1fr auto auto;
}

.simple-tooltip {
  background-color: #000;

  color: #fff;

  box-sizing: border-box;

  border-radius: 28px;

  width: 15px;

  height: 15px;

  line-height: 15px;

  text-align: center;

  font-size: 10px;

  display: inline-block;
}

@media (max-width: 900px) {
  .estafeta-fila-form.forget-email {
    grid-template-columns: 1fr auto;
  }

  .estafeta-form label {
    text-align: left;
  }

  .estafeta-form label.wtooltip {
    display: block;

    grid-column: span 2;
  }
}

@media (max-width: 330px) {
  .estafeta-fila-form.forget-email {
    grid-template-columns: minmax(auto, 129px) auto;
  }
}

/* Modal compartir QR */

.modal-qr-estafeta {
  max-width: 100%;

  top: 25%;
}

.modal-qr-estafeta .modal-content {
  padding-top: 30px;

  text-align: center;
}

.btn-outline-primary__estafeta {
  border: 1px solid #249dd6;

  padding: 15px;

  color: #249dd6;

  font-size: 17px;

  min-width: 180px;

  border-radius: 10px;

  border-bottom-right-radius: 26px;

  border-top-left-radius: 26px;

  box-shadow: 1px 2px 4px #00000073;

  cursor: pointer;
}

.input__rounded {
  border-radius: 15px;

  border: 1px solid #5a5a5a;

  width: 60%;

  margin: auto;
}

.cart-preview .cart-product-line {
  display: grid;

  grid-template-columns: auto auto auto;

  column-gap: 10px;

  border-bottom: 1px solid #000;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: transparent !important;

  background: transparent !important;

  border: none !important;
}

.dataTables_wrapper .dataTables_info {
  padding-top: 0 !important;
}

.boxheader {
  display: grid;

  grid-template-columns: 1fr auto auto;

  column-gap: 10px;
}

@media (max-width: 600px) {
  .boxheader {
    grid-template-columns: auto auto;

    justify-content: center;

    justify-items: center;
  }

  .boxheader h3 {
    grid-column: span 2;
  }
}

.boxheader button {
  border-radius: 33px;

  border: none;

  background-color: #249dd6;

  width: 40px;

  height: 40px;

  font-size: 15px;

  text-align: center;

  color: #fff;

  padding: 0;
}

.boxheader button:hover {
  background-color: #249dd6;
}

.estafeta-disable-form.estafeta-form .input-control {
  background-color: #ddd;

  border: none;
}

.estafeta-disable-form .estafeta-searchsection .filtersec .select2-selection,
body
  .estafeta-disable-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  background-color: #ddd;

  color: #000;
}

.estafeta-disable-form.estafeta-form .selectwrap.blue {
  background-color: #ddd;

  color: #000;
}

.estafeta-disable-form.estafeta-form button[type="submit"] {
  display: none;
}

@media (max-width: 600px) {
  .estafeta-searchsection .estafeta-searchgrid {
    grid-template-columns: 1fr;

    grid-row-gap: 10px;
  }

  .estafeta-searchsection .estafeta-searchgrid input {
    border-radius: 30px;

    padding-right: 20px;
  }

  .estafeta-searchsection .estafeta-searchgrid button {
    border-radius: 30px;
  }
}

.page-customer-account #content {
  box-shadow: none;
}

#customer-form .form-control {
  background-color: #fff;

  border: 1px solid #7a7a7a;
}

.form-group {
  margin-bottom: 5px;
}

#customer-form .form-control[type="date"] {
  color: #000;
  width: 50%;

  min-width: 200px;
}

#customer-form .form-control[type="file"] {
  color: #000;
  padding-top: 3px;
}

.form-control-comment {
  color: #022144;
}

#customer-form .col-md-6 .form-control-comment {
  color: #6e6e6e;
  font-size: 12px;
  margin-top: 0;
  display: block;
  text-align: left;
  padding-top: 0;
  margin-bottom: 5px;
}

.page-customer-account #content {
  width: 100%;

  max-width: 900px;

  margin-left: auto;

  margin-right: auto;
}

@media (min-width: 768px) {
  #customer-form .form-footer {
    padding-right: 25%;
  }
}

#customer-form .form-footer {
  margin-top: 53px;
}

.alert-danger {
  background-color: transparent;

  border: none;

  color: red;

  font-size: 12px;
}

.alert-success {
  background-color: #249dd6;

  border: none;

  color: #fff;

  border-radius: 7px;
}

#login-form .form-control {
  background-color: #fff;

  border: 1px solid #000;

  border-radius: 30px;

  padding: 5px;

  padding-left: 30px;

  padding-right: 30px;

  color: #000;

  height: 34px;

  box-sizing: border-box;
}

#login-form .input-group-btn .btn {
  width: 30px;

  height: 30px;

  border-radius: 20px;

  background-color: #249dd6;

  position: relative;

  cursor: pointer;

  margin-left: 10px;

  display: grid;

  align-content: center;

  justify-content: center;

  grid-template-rows: 41px 1fr;

  align-items: center;
}

#login-form .input-group-btn .btn:before {
  content: "\f06e";

  font: normal normal normal 14px/1 FontAwesome;

  margin-top: 13px;
}

.tooltipstable {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-content: end;
  column-gap: 49px;
}

@media (max-width: 768px) {
  .tooltipstable {
    grid-template-columns: auto auto;
    justify-content: center;
    justify-items: end;
  }
}

.tooltipstable .simple-tooltip {
  margin-left: 12px;
}

.toolverde {
  color: #62a660;
}

.toolrojo {
  color: #b24749;
}

#order-confirmation table {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

#order-confirmation table tr td {
  width: 300px;
}

#order-confirmation table tr th {
  width: 300px;
}

@media (max-width: 600px) {
  #order-confirmation table tr td {
    width: auto;
    font-size: 0.6rem;
  }

  #order-confirmation table tr th {
    width: inherit;
    display: block;
  }

  #order-confirmation table {
    width: 100%;
    font-size: 0.9rem;
  }

  #order-confirmation table thead {
    margin-bottom: 14px;
    display: block;
  }

  #order-confirmation .orimtotal tr th {
    display: table-cell;
  }

  #order-confirmation .orimtotal tr {
    width: 100%;
  }
}


#order-detail table {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

#order-detail table tr td {
  width: 300px;
}

#order-detail table tr th {
  width: 300px;
}

@media (max-width: 600px) {
  #order-detail table tr td {
    width: auto;
    font-size: 0.6rem;
  }

  #order-detail table tr th {
    width: inherit;
    display: block;
  }

  #order-detail table {
    width: 100%;
    font-size: 0.9rem;
  }

  #order-detail table thead {
    margin-bottom: 14px;
    display: block;
  }

  #order-detail .orimtotal tr th {
    display: table-cell;
  }

  #order-detail .orimtotal tr {
    width: 100%;
  }
}

.ormess {
  font-weight: 700;
  color: #333333;
}

.ormess a {
  text-decoration: underline;
}

.button-wrap.twobtns {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: end;
  column-gap: 26px;
  text-align: center;
}

@media (max-width: 500px) {
  .button-wrap.twobtns {
    grid-template-columns: 1fr;
    grid-row-gap: 26px;
  }
}

.b-estafeta-button:hover {
  color: #fff;
}

.product-flags {
  display: block;
}

.product-flags li.product-flag {
  float: right;
}

#products .thumbnail-container .product-thumbnail,
.featured-products .thumbnail-container .product-thumbnail,
.product-accessories .thumbnail-container .product-thumbnail,
.product-miniature .thumbnail-container .product-thumbnail {
  height: auto;
}

#products .thumbnail-container .product-thumbnail img,
.featured-products .thumbnail-container .product-thumbnail img,
.product-accessories .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-container .product-thumbnail img {
  position: relative;
}

#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
  height: 351px;
}

.page-home .product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
  height: 318px;
}

.category .js-sub-menu ul li {
  width: 100%;
}

.category .js-sub-menu {
  width: 350px;
  min-width: 350px;
  left: auto;
  margin-left: -10px;
}

.productdescription-estafeta a.label {
  text-align: left;
  width: 100%;
  display: inline-block;
}

.cart2buttons {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: end;
  column-gap: 26px;
  text-align: center;
  margin-top: 32px;
}

@media (max-width: 1200px) {
  .cart2buttons {
    grid-template-columns: 1fr;
    grid-row-gap: 26px;
  }
}

.btn-primary.gray {
  background-color: #8b8f90;
}

.btn-primary.gray:hover {
    background-color: #8b8f90b0;
}

.estafeta-btn-icon {
    border-radius: 33px;
    border: none;
    background-color: #249dd6;
    width: 40px;
    height: 40px;
    font-size: 15px;
    text-align: center;
    color: #fff !important;
    padding: 0;
    display: inline-block;
    line-height: 40px;
}

.estafeta-btn-icon:hover {
  background-color: #4ab7ea;
}

.promo-code button.btn {
  margin-top: 15px;
  border: none;
}
@media (min-width:664px) and (max-width:999px){
  #index .featured-products .products{
    display: block;
  }
  .product-miniature.js-product-miniature{
    width: 32%;
    display: inline-block;
  }
  a.thumbnail.product-thumbnail{
    text-align: center;
  }
  .product-miniature.js-product-miniature img{
    width: auto;
  } 
}
@media (max-width:663px){
  #index .featured-products .products{
    display: block;
  }
  .featured-products .products .product-miniature {
    margin: 0;
    width: 49%;
    display: inline-block;
  }
  a.thumbnail.product-thumbnail{
    text-align: center;
  }
  .product-miniature.js-product-miniature img{
    width: 74%;
  } 
}
@media (max-width:662px){
  #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{
    position: relative;
  }
  .page-home .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
    height: auto;
  }
}