*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

hr {
  margin-top: 0px;
  margin-bottom: 0px;
}

p {
  margin: 0;
  padding: 0;
}

.CSearch {
  display: block;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

h1 {
  color: #ccc;
  text-align: center;
}

a {
  color: #ccc;
  text-decoration: none;
  outline: none;
}

button {
  background: none;
  border: 0;
  outline: none !important;
  cursor: pointer;
}

.btn-secondary {
  background: #e98839;
  font-size: 14px;
  color: #fff;
}

.dropdown {
  height: 25px;
  width: auto;
  outline: none;
}

.dropdown .btn-light {
  outline: none;
  color: black;
  display: block;
  height: 24px;
  width: 100%;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
  border-radius: 5px 0px 0px 5px;
  border: solid 1px #ccc;
  padding-left: 10px;
  outline: none;
  top: -5px;
  background: none;
  cursor: pointer;
}

.dropdown .btn-light .filter-option {
  top: -10px;
}

.dropdown .btn-light .filter-option .filter-option-inner .filter-option-inner-inner {
  display: block;
  margin: auto;
  padding-left: 17px;
}

.dropdown-menu {
  outline: none;
  min-height: 0 !important;
  top: -21px !important;
}

.dropdown-menu .inner {
  outline: none;
  margin-top: -40px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  outline: none;
  width: auto;
}

.BtnModal {
  border: solid 6px #059bd7;
  background: #059bd7;
  color: #fff;
  height: 38px;
  border-radius: 5px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  width: 80px;
}

.CostumSelect .OrderOpt {
  float: none;
  height: auto;
  width: auto;
  margin-bottom: auto;
  margin-right: auto;
  font-size: 12px;
  display: initial;
  cursor: default;
  box-shadow: none;
}

.CostumSelect select {
  outline: none;
  border: solid 1px #ccc;
  border-radius: 3px;
  background: white;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  cursor: pointer;
}

.CostumSelect select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.CostumSelect select option {
  border-bottom: solid 1px #ccc;
}

.CCounter {
  display: flex;
  justify-content: space-between;
}

ul {
  font-family: 'comex_medium';
}

ul li {
  font-family: 'comex_medium';
}

.btn-green {
  background-color: #04ad48;
  font-size: 14px;
  color: #fff;
  height: 48px;
  border-radius: 30px;
  margin-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
}

.btn-green:disabled, .btn-green button[disabled] {
  background-color: #cccccc;
  color: #666666;
}

.btns-s:last-child {
  display: none;
}

.EstatusLine {
  display: none;
}

.AdvangePointA {
  position: relative;
}

.AdvangePointA div .CAction {
  color: #059bd7;
  font-size: 22px;
  font-family: 'comex_medium';
  text-align: center;
  font-weight: 100;
}

.AdvangePointA div .DOrder {
  display: flex;
  padding-top: 0;
  position: relative;
  width: fit-content;
  margin: auto;
}

.AdvangePointA div .DOrder img {
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

.AdvangePointA div .DOrder h1 {
  font-size: 12px;
}

.AdvangePointA img {
  height: 30px;
  width: 30px;
}

.AdvangePointB {
  position: relative;
}

.AdvangePointB div .CAction {
  color: #059bd7;
  font-size: 22px;
  font-family: 'comex_medium';
  text-align: center;
  font-weight: 100;
}

.AdvangePointB div .DOrder {
  display: flex;
  padding-top: 0;
  position: relative;
  width: fit-content;
  margin: auto;
}

.AdvangePointB div .DOrder img {
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

.AdvangePointB div .DOrder h1 {
  font-size: 12px;
}

.AdvangePointB img {
  height: 30px;
  width: 30px;
}

.AdvangePointC {
  position: relative;
}

.AdvangePointC div {
  padding-top: 10px;
}

.AdvangePointC div .CAction {
  color: #ccc;
  font-size: 12px;
  text-align: center;
  font-family: 'comex_medium';
  text-align: center;
  font-weight: 100;
}

.AdvangePointC div .DOrder {
  display: flex;
  padding-top: 0;
  position: relative;
  width: fit-content;
  margin: auto;
}

.AdvangePointC div .DOrder img {
  display: none;
}

.AdvangePointC div .DOrder p {
  font-size: 10px;
  text-align: center;
  margin-right: 5px;
}

.AdvangePointC img {
  width: 50px;
  height: 85%;
  display: block;
  margin: auto;
}

.AdvangePointC img {
  height: 30px;
  width: 30px;
}

.AdvangePointRED {
  position: relative;
}

.AdvangePointRED div {
  padding-top: 10px;
}

.AdvangePointRED div .CAction {
  color: #ccc;
  font-size: 12px;
  text-align: center;
  font-family: 'comex_medium';
  text-align: center;
  font-weight: 100;
}

.AdvangePointRED div .DOrder {
  display: flex;
  padding-top: 0;
  position: relative;
  width: fit-content;
  margin: auto;
}

.AdvangePointRED div .DOrder img {
  display: none;
}

.AdvangePointRED div .DOrder p {
  font-size: 10px;
  text-align: center;
  margin-right: 5px;
}

.AdvangePointRED img {
  width: 50px;
  height: 85%;
  display: block;
  margin: auto;
}

.AdvangePointRED img {
  height: 30px;
  width: 30px;
}

.AdvangePointAM {
  background: #059bd7;
  border: solid 1px #059bd7;
  border-radius: 100%;
  padding: 5px;
  position: relative;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.AdvangePointBM {
  background: #fff;
  border-radius: 100%;
  border: solid 1px #059bd7;
  padding: 5px;
  position: relative;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.AdvangePointRED {
  background: #fff;
  border: solid 1px #ed1c24;
  border-radius: 100%;
  padding: 5px;
  position: relative;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

/* button
  {
    height: 48px;
    border-radius: 30px;
    margin-top: 15px;
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'comex_medium';
  }
*/
.PNumbers {
  height: auto;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid #dee2e6;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
}

.PNumbers:hover {
  background-color: #dee2e6;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

hr {
  margin-top: 0px;
  margin-bottom: 0px;
}

p {
  margin: 0;
  padding: 0;
}

.CSearch {
  display: block;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

h1 {
  color: #ccc;
  text-align: center;
}

a {
  color: #ccc;
  text-decoration: none;
  outline: none;
}

button {
  background: none;
  border: 0;
  outline: none !important;
  cursor: pointer;
}

.btn-secondary {
  background: #e98839;
  font-size: 14px;
  color: #fff;
}

.dropdown {
  height: 25px;
  width: auto;
  outline: none;
}

.dropdown .btn-light {
  outline: none;
  color: black;
  display: block;
  height: 24px;
  width: 100%;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
  border-radius: 5px 0px 0px 5px;
  border: solid 1px #ccc;
  padding-left: 10px;
  outline: none;
  top: -5px;
  background: none;
  cursor: pointer;
}

.dropdown .btn-light .filter-option {
  top: -10px;
}

.dropdown .btn-light .filter-option .filter-option-inner .filter-option-inner-inner {
  display: block;
  margin: auto;
  padding-left: 17px;
}

.dropdown-menu {
  outline: none;
  min-height: 0 !important;
  top: -21px !important;
}

.dropdown-menu .inner {
  outline: none;
  margin-top: -40px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  outline: none;
  width: auto;
}

.BtnModal {
  border: solid 6px #059bd7;
  background: #059bd7;
  color: #fff;
  height: 38px;
  border-radius: 5px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  width: 80px;
}

.CostumSelect .OrderOpt {
  float: none;
  height: auto;
  width: auto;
  margin-bottom: auto;
  margin-right: auto;
  font-size: 12px;
  display: initial;
  cursor: default;
  box-shadow: none;
}

.CostumSelect select {
  outline: none;
  border: solid 1px #ccc;
  border-radius: 3px;
  background: white;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  cursor: pointer;
}

.CostumSelect select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.CostumSelect select option {
  border-bottom: solid 1px #ccc;
}

.CCounter {
  display: flex;
  justify-content: space-between;
}

ul {
  font-family: 'comex_medium';
}

ul li {
  font-family: 'comex_medium';
}

.btn-green {
  background-color: #04ad48;
  font-size: 14px;
  color: #fff;
  height: 48px;
  border-radius: 30px;
  margin-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
}

.btn-green:disabled, .btn-green button[disabled] {
  background-color: #cccccc;
  color: #666666;
}

.btns-s:last-child {
  display: none;
}

.EstatusLine {
  display: none;
}

.AdvangePointA {
  position: relative;
}

.AdvangePointA div .CAction {
  color: #059bd7;
  font-size: 22px;
  font-family: 'comex_medium';
  text-align: center;
  font-weight: 100;
}

.AdvangePointA div .DOrder {
  display: flex;
  padding-top: 0;
  position: relative;
  width: fit-content;
  margin: auto;
}

.AdvangePointA div .DOrder img {
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

.AdvangePointA div .DOrder h1 {
  font-size: 12px;
}

.AdvangePointA img {
  height: 30px;
  width: 30px;
}

.AdvangePointB {
  position: relative;
}

.AdvangePointB div .CAction {
  color: #059bd7;
  font-size: 22px;
  font-family: 'comex_medium';
  text-align: center;
  font-weight: 100;
}

.AdvangePointB div .DOrder {
  display: flex;
  padding-top: 0;
  position: relative;
  width: fit-content;
  margin: auto;
}

.AdvangePointB div .DOrder img {
  display: block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

.AdvangePointB div .DOrder h1 {
  font-size: 12px;
}

.AdvangePointB img {
  height: 30px;
  width: 30px;
}

.AdvangePointC {
  position: relative;
}

.AdvangePointC div {
  padding-top: 10px;
}

.AdvangePointC div .CAction {
  color: #ccc;
  font-size: 12px;
  text-align: center;
  font-family: 'comex_medium';
  text-align: center;
  font-weight: 100;
}

.AdvangePointC div .DOrder {
  display: flex;
  padding-top: 0;
  position: relative;
  width: fit-content;
  margin: auto;
}

.AdvangePointC div .DOrder img {
  display: none;
}

.AdvangePointC div .DOrder p {
  font-size: 10px;
  text-align: center;
  margin-right: 5px;
}

.AdvangePointC img {
  width: 50px;
  height: 85%;
  display: block;
  margin: auto;
}

.AdvangePointC img {
  height: 30px;
  width: 30px;
}

.AdvangePointRED {
  position: relative;
}

.AdvangePointRED div {
  padding-top: 10px;
}

.AdvangePointRED div .CAction {
  color: #ccc;
  font-size: 12px;
  text-align: center;
  font-family: 'comex_medium';
  text-align: center;
  font-weight: 100;
}

.AdvangePointRED div .DOrder {
  display: flex;
  padding-top: 0;
  position: relative;
  width: fit-content;
  margin: auto;
}

.AdvangePointRED div .DOrder img {
  display: none;
}

.AdvangePointRED div .DOrder p {
  font-size: 10px;
  text-align: center;
  margin-right: 5px;
}

.AdvangePointRED img {
  width: 50px;
  height: 85%;
  display: block;
  margin: auto;
}

.AdvangePointRED img {
  height: 30px;
  width: 30px;
}

.AdvangePointAM {
  background: #059bd7;
  border: solid 1px #059bd7;
  border-radius: 100%;
  padding: 5px;
  position: relative;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.AdvangePointBM {
  background: #fff;
  border-radius: 100%;
  border: solid 1px #059bd7;
  padding: 5px;
  position: relative;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.AdvangePointRED {
  background: #fff;
  border: solid 1px #ed1c24;
  border-radius: 100%;
  padding: 5px;
  position: relative;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

/* button
  {
    height: 48px;
    border-radius: 30px;
    margin-top: 15px;
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'comex_medium';
  }
*/
.PNumbers {
  height: auto;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid #dee2e6;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
}

.PNumbers:hover {
  background-color: #dee2e6;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.CSearch {
  display: block;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

h1 {
  color: #ccc;
  text-align: center;
}

a {
  color: #ccc;
  text-decoration: none;
  outline: none;
}

@media (min-width: 1156px) {
  .tab_container .CBill .AdvangeEmpty:nth-of-type(1) {
    width: 50%;
  }
}

/*Media query*/
@media only screen and (max-width: 750px) {
  label span {
    font-size: 11px;
    display: block;
  }
  .tab_container {
    width: 98%;
  }
}

/*Content Animation*/
@keyframes fadeInScale {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.no_wrap {
  text-align: center;
  color: #0ce;
}

.link {
  text-align: center;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

* {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

@media (min-width: 0px) {
  .card-box {
    float: left;
    width: 100%;
  }
  .card-box ::-webkit-scrollbar {
    width: 6px;
  }
  .card-box ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .card-box ::-webkit-scrollbar-thumb {
    background: #059bd7;
  }
  .card-box ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .card-box label.label-hidden:hover {
    cursor: pointer;
  }
  .card-box label.label-hidden .hidden-text {
    transform: scale(0);
    transition: all 0.5s;
    display: block;
    width: 100%;
    float: left;
    height: 0;
    padding: 0px;
    margin-bottom: 0px;
    position: relative;
    list-style: none;
    max-height: 155px;
    overflow: auto;
    overflow-x: hidden;
  }
  .card-box label.label-hidden .hidden-text li {
    display: block;
    text-align: center;
  }
  .card-box label.label-hidden .hidden-text li .BTNLink {
    font-family: comex_medium;
    font-size: 12px;
    text-decoration: underline;
    color: #059bd7;
  }
  .card-box .ListNone {
    display: none;
  }
  .card-box .hidden-text::before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    bottom: -3px;
    transition: 0.6s;
    left: 50%;
  }
  .card-box .label-title {
    color: #002072;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: -10px;
    width: 100%;
    position: relative;
    transition: all 0.5s;
  }
  .card-box .label-title:before {
    content: " ";
    border: 2px solid black;
    border-top: none;
    border-left: none;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    position: absolute;
    right: -3px;
    top: 4px;
    transform: rotate(45deg);
    transition: 0.5s;
  }
  .card-box input[type=checkbox]:checked ~ .label-title, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title {
    color: #002072;
    padding: 0;
  }
  .card-box input[type=checkbox]:checked ~ .label-title:before, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before {
    border-color: #002072;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
  }
  .card-box input[type=checkbox]:checked ~ .hidden-text, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text {
    transform: scale(1);
    height: auto;
    overflow-y: auto;
    margin-bottom: 15px;
    cursor: default;
  }
  .card-box input[type=checkbox]:checked ~ .hidden-text::before, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before {
    width: 100%;
    left: 0;
  }
  .card-box .label-title-seguimiento {
    color: #002072;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: -10px;
    text-align: center;
    width: 100%;
    position: relative;
    transition: all 0.5s;
  }
  .card-box .label-title-seguimiento:before {
    content: " ";
    border: 2px solid black;
    border-top: none;
    border-left: none;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    position: absolute;
    right: 16px;
    top: 4px;
    transform: rotate(45deg);
    transition: 0.5s;
  }
  .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento {
    color: #002072;
    padding: 0;
  }
  .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before {
    border-color: #002072;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
  }
  p {
    margin: 0 0 0px !important;
  }
  .row div p {
    text-align: center;
  }
  .row div .CSearch {
    margin: auto;
    text-align: center;
    width: 90%;
  }
  .row div .CSearch::-webkit-input-placeholder {
    text-align: center;
    line-height: 100px;
    /* Centrado vertical */
  }
  .Resume {
    clear: both;
    text-align: end;
    position: relative;
    justify-content: inherit;
    padding-top: 10px;
    width: 100%;
  }
  .Resume h4 {
    margin-bottom: 10px;
    text-align: center;
  }
  .Resume .left {
    position: absolute;
    text-align: initial;
    width: 50%;
  }
  .Resume .left h4 {
    text-align: initial;
  }
  .Resume .right {
    position: absolute;
    right: 0px;
    width: 50%;
  }
  .Resume .right h4 {
    text-align: end;
  }
  .Resume .TResume .InfoResume {
    display: flex;
    justify-content: flex-end;
  }
  .Resume .TResume .InfoResume .left {
    right: 0;
    width: inherit;
    text-align: left;
    position: initial;
    width: 50%;
  }
  .Resume .TResume .InfoResume .left h4 {
    text-align: initial;
  }
  .Resume .TResume .InfoResume .right {
    width: 50%;
    position: relative;
  }
  .Resume .TResume .InfoResume:last-child .left {
    font-weight: 700;
  }
  .Resume .TResume .InfoResume:last-child .right {
    font-weight: 700;
  }
  .BTNLink {
    font-family: comex_medium;
    font-size: 12px;
    text-decoration: underline;
    color: #059bd7;
  }
  .BBack {
    color: #059bd7;
    font-family: 'comex_medium';
    font-size: 14px;
    border: none;
    text-align: justify;
    position: relative;
    width: 68px;
    display: flex;
    margin-left: -14px;
    align-items: center;
    justify-content: flex-end;
  }
  .btn-greenExport {
    width: auto;
    background-color: #04ad48;
    float: none;
    color: #fff;
    height: 38px;
    border-radius: 30px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 7px;
    padding-bottom: 7px;
    position: inherit;
    display: inline-block;
  }
  .btn-greenExport:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .OPagination {
    clear: both;
    width: 100%;
    display: block;
  }
  .OPagination .CNumbers {
    width: auto;
    display: flow-root;
    float: right;
  }
  .OPagination .CNumbers .PNumbers {
    height: auto;
    border: none;
    margin-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .Search {
    display: flex;
    float: right;
    justify-content: flex-end;
    padding-right: 0%;
    position: relative;
    width: 100%;
    z-index: 999;
  }
  .Search label {
    width: 30px;
    margin-right: 5px;
  }
  .Search label [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0px;
    height: auto;
  }
  .Search label [type=radio] + img {
    cursor: pointer;
    display: block;
    margin: auto;
    height: 25px;
    transition: all .5s;
    opacity: .5;
  }
  .Search label [type=radio]:checked + img {
    display: block;
    margin: auto;
    transition: all .5s;
    height: 27px;
    opacity: 1;
  }
  .Search .CSearch {
    display: block;
    height: 25px;
    width: 100%;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
    border-radius: 5px 0px 0px 5px;
    border: solid 1px #ccc;
    padding-left: 10px;
    outline: none;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
  }
  .Search .CSearch:focus {
    border: solid 2px #059bd7;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
  }
  .Search .btn-light {
    outline: none;
    color: black;
    display: block;
    height: 24px;
    width: 100%;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
    border-radius: 5px 0px 0px 5px;
    border: solid 1px #ccc;
    padding-left: 10px;
    outline: none;
    top: -5px;
    background: none;
    cursor: pointer;
  }
  .Search .btn-light .option-inner .filter-option-inner {
    margin: -7px;
  }
  .Search .BtnSearch {
    background: #059bd7;
    border-radius: 0px 5px 5px 0px;
    width: 70px;
    height: 25px;
    padding: 0;
    margin: 0;
    cursor: pointer;
  }
  .Search .BtnSearch img {
    width: auto;
    height: 20px;
    display: block;
    margin: auto;
  }
  .Search .SOption {
    background: none;
    border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    width: 40px;
  }
  .tab_container {
    width: 98%;
    margin: 0 auto;
    padding-top: 70px;
    position: relative;
  }
  .tab_container input, .tab_container section {
    clear: both;
    display: none;
  }
  .tab_container label {
    font-weight: 700;
    font-size: 17px;
    display: block;
    float: left;
    height: 32px;
    width: 24%;
    margin-bottom: 18px;
    margin-right: 20px;
    color: #757575;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 3px #707171;
  }
  .tab_container #tab1:checked ~ #content1,
  .tab_container #tab2:checked ~ #content2,
  .tab_container #tab3:checked ~ #content3 {
    display: block;
    color: #999;
  }
  .tab_container .tab-content p, .tab_container h3, .tab_container .CBill {
    -webkit-animation: fadeInScale 0.7s ease-in-out;
    -moz-animation: fadeInScale 0.7s ease-in-out;
    animation: fadeInScale 0.7s ease-in-out;
  }
  .tab_container .tab-content .CCounter {
    display: block;
    justify-content: space-between;
    font-size: 30px;
    padding-bottom: 5px;
  }
  .tab_container .tab-content .CCounter .CostumSelect p {
    display: flex !important;
    justify-content: center;
  }
  .tab_container .tab-content .CCounter .CostumSelect p .dropdown .btn-light {
    width: 100%;
  }
  .tab_container .tab-content .CCounter .CostumSelect p b {
    color: #000;
    margin-left: 6px;
    margin-right: 6px;
  }
  .tab_container .tab-content h3 {
    text-align: center;
  }
  .tab_container .tab-content h4 {
    color: #707171;
    margin: 0;
  }
  .tab_container .tab-content .CCard {
    background: #f3fafe;
    border-radius: 15px;
    border: solid 1px #ececec;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px;
  }
  .tab_container .tab-content .CCard .titleBill {
    height: 35px;
    display: flex;
  }
  .tab_container .tab-content .CCard .titleBill .left {
    width: 80%;
    position: relative;
  }
  .tab_container .tab-content .CCard .titleBill .left h4 {
    position: absolute;
    left: 0;
  }
  .tab_container .tab-content .CCard .titleBill .right {
    width: 200px;
    position: relative;
  }
  .tab_container .tab-content .CCard .titleBill .right h4 {
    position: absolute;
    right: 0px;
    width: 65px;
  }
  .tab_container .tab-content .CCard .SInf h1 {
    margin: 0;
    font-size: 46px;
    color: #059bd7;
    padding-top: 0px;
  }
  .tab_container .tab-content .CCard .SInf img {
    display: block;
    margin: auto;
    width: 50px;
    opacity: .5;
  }
  .tab_container .tab-content .CCard .CBill {
    box-sizing: border-box;
  }
  .tab_container .tab-content .CCard .CBill .Order .Title {
    height: 20px;
    margin-bottom: 20px;
  }
  .tab_container .tab-content .CCard .CBill .Order .Information {
    display: block;
  }
  .tab_container .tab-content .CCard .CBill .Order .Information div {
    height: auto;
    background: #f3fafe;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
    width: 50%;
  }
  .tab_container .tab-content .CCard .CBill .Order .Information div h2, .tab_container .tab-content .CCard .CBill .Order .Information div h4 {
    color: #707171;
    margin-bottom: 0;
    margin-top: 0;
    margin: 0;
    font-weight: 700;
  }
  .tab_container .tab-content .CCard .CBill .Order .Information div p {
    font-family: comex_medium;
    font-weight: 100;
    font-size: 14px;
    color: #707171;
    margin-bottom: 0;
    margin-top: 0;
  }
  .tab_container .tab-content .CCard .CBill .Order .Information div:nth-child(1) {
    clear: both;
    width: 100%;
    text-align: center;
  }
  .tab_container .tab-content .CCard .CBill .Order .Information div:nth-child(2) {
    width: 50%;
    float: left;
  }
  .tab_container .tab-content .CCard .CBill .Order .Information div:nth-child(3) {
    width: 50%;
    float: right;
    text-align: end;
  }
  .tab_container .tab-content .CCard .CBill .Order .TOrder {
    clear: both;
    display: block;
    color: #707171;
  }
  .tab_container .tab-content .CCard .CBill .Order .TOrder p {
    text-align: center;
  }
  .tab_container .tab-content .CCard .CBill .Advange {
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    margin-bottom: 20px;
  }
  .tab_container .tab-content .CCard .CBill .Advange .APContainer {
    position: absolute;
    right: 0px;
    left: 0;
    display: inline-flex;
  }
  .tab_container .tab-content .CCard .CBill .Advange .APContainer hr {
    background: #059bd7;
    border: solid 2px #059bd7;
    position: absolute;
    top: 0px;
    left: 25px;
    width: 249px;
  }
  .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointA, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointB, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointC, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointRED {
    position: relative;
    width: 84px;
  }
  .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointA div, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointB div, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointC div, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointRED div {
    padding-top: 0;
  }
  .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointA div .CAction, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointB div .CAction, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointC div .CAction, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointRED div .CAction {
    color: #ccc;
    padding-top: 5px;
    font-size: 10px;
    text-align: center;
  }
  .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointA img, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointB img, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointC img, .tab_container .tab-content .CCard .CBill .Advange .APContainer .AdvangePointRED img {
    display: block;
    margin: auto;
    height: 40px;
    width: 40px;
  }
  .tab_container .tab-content .CCard .CBill .Canceled {
    display: inline-table;
    width: 100%;
    position: relative;
  }
  .tab_container .tab-content .CCard .CBill .Canceled .APContainer {
    right: 0px;
    left: 0;
    display: block;
  }
  .tab_container .tab-content .CCard .CBill .Canceled .APContainer h1 {
    font-family: 'comex_medium';
    font-weight: 100;
    color: red;
    margin-bottom: 20px;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail .Title {
    height: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail .Title h4 {
    text-align: initial;
    padding-right: 13px;
    margin-left: 0;
    font-weight: 700;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail div {
    width: 50%;
    float: left;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail div h2 {
    text-align: inherit;
    margin-left: 0;
    margin-top: 10px;
    padding-right: 13px;
    color: #707171;
    text-align: end;
    font-weight: 700;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail button {
    width: 100%;
    height: 48px;
    border-radius: 30px;
    margin-top: 15px;
    padding-left: 60px;
    padding-right: 60px;
  }
  .tab_container [id^="tab"]:checked + label {
    color: #059bd7;
    background: #fff;
    box-shadow: 0 3px #059bd7;
  }
  .tab_container [id^="tab"]:checked + label .fa {
    color: #0CE;
  }
}

@media only screen and (min-width: 0px) and (max-width: 320px) {
  .tab_container .tab-content .CCard .CBill {
    box-sizing: border-box;
  }
  .tab_container .tab-content .CCard .CBill .Advange .APContainer hr {
    width: 195px;
    margin-left: 0px;
    left: 15px;
    width: 196px;
  }
}

@media (min-width: 0px) {
  .Export {
    width: 100%;
  }
  .Export button {
    background-color: #04ad48;
    display: block;
    margin: auto;
    float: none;
    width: 90%;
  }
  .Export .CostumSelect p {
    display: flex !important;
    justify-content: center;
  }
  .Export .CostumSelect p b {
    color: #000;
    margin-left: 6px;
    margin-right: 6px;
  }
  h1 {
    margin: 0;
  }
  h4 {
    color: #707070;
    font-size: 14px;
    margin: 0;
  }
  p {
    font-size: 14px;
  }
  .CSearch {
    display: block;
  }
  .CSearch .SOption {
    background: none;
  }
  .TotalOrder {
    display: flex;
    margin-top: 20px;
  }
  .TotalOrder .left {
    width: 50%;
  }
  .TotalOrder .left h4 {
    text-align: left;
  }
  .TotalOrder .left p {
    margin: 0;
  }
  .TotalOrder .left p:last-child {
    font-weight: 700;
  }
  .TotalOrder .right {
    width: 50%;
  }
  .TotalOrder .right p {
    text-align: end;
    margin: 0;
  }
  .TotalOrder .right p:last-child {
    font-weight: 700;
  }
  .InfoFactura {
    display: block;
    justify-content: center;
  }
  .InfoFactura .left {
    font-size: 12px;
    padding-right: 0px;
    margin: 0;
    width: inherit;
  }
  .InfoFactura .right {
    font-size: 12px;
    width: auto;
    /*p
                {
                    font-size: 12px;
                }*/
  }
  .InfoFactura .right ul {
    font: initial;
    font-size: 12px;
  }
  .InfoFactura .right ul li {
    font-size: 12px;
    list-style: none;
  }
  .InfoFactura .right ul li button {
    text-align: center;
    margin: auto;
  }
  main {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin: auto;
  }
  main .ArrowRight {
    position: fixed;
    width: 3rem;
    height: 5rem;
    right: -8px;
    top: 50%;
    padding: 0;
    margin: 0;
  }
  main .ArrowRight img {
    width: 1em;
  }
  main .ArrowLeft {
    border: none;
    background: none;
    position: fixed;
    width: 3rem;
    height: 5rem;
    left: -8px;
    top: 50%;
    padding: 0;
    margin: 0;
  }
  main .ArrowLeft img {
    width: 1em;
  }
  main .CDetails {
    display: block;
    margin-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: solid 1px #ccc;
  }
  main .CDetails .DateCedis {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  main .CDetails .DateCedis h4 {
    text-align: right;
    width: 100%;
  }
  main .CDetails .DateCedis h1 {
    color: #707070;
    text-align: right;
  }
  main .CDetails .OrderInfo {
    padding-bottom: 15px;
    display: inline-block;
    font-size: 14px;
    width: 100%;
  }
  main .CDetails .OrderInfo .OrderShipping {
    float: left;
    width: 50%;
  }
  main .CDetails .OrderInfo .OrderDate {
    text-align: end;
    float: right;
    width: 50%;
  }
  main .CDetails section {
    border: solid 1px #ececec;
    border-radius: 5px;
    display: grid;
    margin-bottom: 30px;
    margin-top: 33px;
    padding: 10px;
  }
  main .CDetails section .HTable {
    display: inline-block;
    width: 100%;
  }
  main .CDetails section .HTable h4 {
    padding-bottom: 20px;
    text-align: center;
  }
  main .CDetails section .HTable .card-box {
    float: none;
    margin: auto;
    display: block;
    width: 90%;
  }
  main .CDetails section .HTable .card-box .label-hidden {
    margin: auto;
    display: block;
  }
  main .CDetails section .HTable .card-box .label-title-seguimiento {
    width: 90%;
  }
  main .CDetails section .HTable .card-box .label-title-seguimiento:before {
    right: 28%;
  }
  main .CDetails section .HTable .left {
    float: left;
    width: 50%;
  }
  main .CDetails section .HTable .left h4 {
    text-align: left;
  }
  main .CDetails section .HTable .right {
    float: right;
    width: 50%;
  }
  main .CDetails section .HTable .right p {
    text-align: end;
  }
  main .CDetails section .HTable .right h4 {
    text-align: end;
  }
  main .CDetails section .VD {
    display: none;
  }
  main .CDetails section .OrderTable {
    border-top: solid 1px #ececec;
    border-bottom: solid 1px #ececec;
    display: grid;
    margin-top: 0px;
    max-height: 233px;
    overflow: auto;
    overflow-x: hidden;
  }
  main .CDetails section .OrderTable .RowTitle {
    width: 45%;
  }
  main .CDetails section .OrderTable .RowTitle hr {
    background: #059bd7;
    display: none;
  }
  main .CDetails section .OrderTable .RowContent {
    display: block;
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .LoadGif {
    margin: auto;
    display: block;
  }
  main .CDetails section .OrderTable .RowContent .RowTitle {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  main .CDetails section .OrderTable .RowContent .RowTitle div:nth-of-type(2) {
    height: 36px;
  }
  main .CDetails section .OrderTable .RowContent .RowTitle div:nth-of-type(7) {
    height: 40px;
  }
  main .CDetails section .OrderTable .RowContent .InfRow {
    background: white;
    box-sizing: border-box;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .WP10, main .CDetails section .OrderTable .RowContent .InfRow .WP30 {
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple {
    display: flex;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .VM {
    width: 50%;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple p {
    width: 50%;
    margin: 0;
    margin-right: 0px;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .CPoint {
    display: flex;
    margin-bottom: 3px;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .CPoint .AdvangePointAM, main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .CPoint .AdvangePointBM, main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .CPoint .AdvangePointBM, main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .CPoint .AdvangePointRED {
    margin-right: 4px;
    padding: auto;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .Facturado button {
    border: none;
    text-align: justify;
    position: relative;
    width: auto;
    height: auto;
    margin-top: 1px;
    font-size: 12px;
    display: block;
    margin: auto;
    margin-left: 17px;
    padding: 0;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .Confirmado {
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .Confirmado p {
    font-family: 'comex_medium';
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec {
    background: #fff;
    box-sizing: border-box;
    color: #059bd7;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .WP10, main .CDetails section .OrderTable .RowContent .InfRowSec .WP30 {
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple {
    display: flex;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .VM {
    width: 50%;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple p {
    margin-right: 0px;
    width: 50%;
    margin: 0;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .CPoint {
    display: flex;
    margin-bottom: 3px;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .CPoint .AdvangePointAM, main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .CPoint .AdvangePointBM {
    margin-right: 4px;
    padding: auto;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .InfoFactura button {
    border: none;
    text-align: justify;
    position: relative;
    width: auto;
    height: auto;
    margin-top: 1px;
    font-size: 12px;
    display: block;
    margin: auto;
    padding: 0;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .InfoFactura .left {
    color: #000;
    margin: 0;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .InfoFactura p {
    margin: 0 !important;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .Confirmado {
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .Confirmado p {
    font-family: 'comex_medium';
  }
  main .CDetails section .accordeon .acc {
    flex: 1 0 29em;
    margin: 0.05em;
    font-family: 'Open Sans', sans-serif;
    display: block;
    flex-direction: column;
  }
  main .CDetails section .accordeon .acc input {
    display: none;
  }
  main .CDetails section input:checked + label {
    background: #059bd7 !important;
    color: #fff;
  }
  main .CDetails section .accordeon .acc input:checked ~ .RowTitle {
    display: grid  !important;
    font-size: 14px;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
  }
  main .CDetails section .accordeon .acc input:checked ~ .InfRow, main .CDetails section .InfRowSec {
    display: grid  !important;
    font-size: 14px;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
  }
  main .CDetails section .accordeon .acc input:checked ~ .InfRowSec {
    display: grid  !important;
    font-size: 14px;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
  }
  main .CDetails section .accordeon .acc label {
    background: #ccc;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    padding: .1em 1em;
    cursor: pointer;
  }
  main .CDetails section .accordeon .acc .TPrimary {
    padding: 0;
  }
  main .CDetails section .accordeon .acc .TSecundary {
    padding-left: 40px;
  }
  main .CDetails section .accordeon .acc .RowTitle {
    font-size: 0;
    line-height: 1.25;
    display: none !important;
    padding: 1rem;
    opacity: 0;
    transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -webkit-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -moz-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -ms-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -o-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
  }
  main .CDetails section .accordeon .acc .InfRow {
    display: none !important;
    font-size: 0;
    line-height: 1.25;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -webkit-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -moz-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -ms-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -o-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
  }
  main .CDetails section .accordeon .acc .InfRowSec {
    display: none !important;
    font-size: 0;
    line-height: 1.25;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -webkit-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -moz-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -ms-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
    -o-transition: font-size 300ms 300ms ease-in, opacity 600ms ease-in, visibility 600ms;
  }
  main .CDetails .OrderHeader {
    display: flex;
    padding-top: 15px;
  }
  main .CDetails .OrderHeader .left {
    width: 50%;
  }
  main .CDetails .OrderHeader .left h1, main .CDetails .OrderHeader .left h4 {
    color: #707070;
    text-align: left;
  }
  main .CDetails .OrderHeader .left h1 {
    color: #707070;
    font-size: 20px;
    text-align: left;
    font-weight: 700;
  }
  main .CDetails .OrderHeader .right {
    width: 50%;
    text-align: left;
  }
  main .CDetails .OrderHeader .right h1 {
    color: #707070;
    font-size: 20px;
    padding-top: 18px;
    text-align: end;
    font-weight: 700;
  }
  main .CDetails hr {
    background: #059bd7;
    position: relative;
    top: 60px;
    margin-left: 8vw;
    border: solid 3px #059bd7;
    width: 78%;
  }
  main .CDetails .AdvangeCanceled {
    width: 100%;
  }
  main .CDetails .AdvangeCanceled h1 {
    color: red;
    margin: auto;
    font-size: 40px;
  }
  main .CDetails .SBarVisibility {
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    border-bottom: solid 1px #b7b7b7;
    margin-bottom: 0;
    width: 100%;
  }
  main .CDetails .SBarVisibility .APContainer {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }
  main .CDetails .SBarVisibility .APContainer hr {
    background: #059bd7;
    border: solid 2px #059bd7;
    margin-left: 1%;
    position: absolute;
    top: 115px;
    width: 100%;
    z-index: -9;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA, main .CDetails .SBarVisibility .APContainer .AdvangePointB, main .CDetails .SBarVisibility .APContainer .AdvangePointC {
    margin-top: 8px;
    margin-right: 0;
    padding: 4px;
    position: relative;
    width: 25%;
    height: 25%;
    border-radius: 0;
    background: none;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div, main .CDetails .SBarVisibility .APContainer .AdvangePointB div, main .CDetails .SBarVisibility .APContainer .AdvangePointC div {
    padding-top: 10px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box {
    float: left;
    width: 100%;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box ::-webkit-scrollbar, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box ::-webkit-scrollbar, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box ::-webkit-scrollbar {
    width: 6px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box ::-webkit-scrollbar-track, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box ::-webkit-scrollbar-track, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box ::-webkit-scrollbar-thumb, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box ::-webkit-scrollbar-thumb, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box ::-webkit-scrollbar-thumb {
    background: #059bd7;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box ::-webkit-scrollbar-thumb:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box ::-webkit-scrollbar-thumb:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden:hover {
    cursor: pointer;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text {
    transform: scale(0);
    transition: all 0.5s;
    display: block;
    width: 100%;
    float: left;
    height: 0;
    padding: 0px;
    margin-bottom: 0px;
    position: relative;
    list-style: none;
    max-height: 155px;
    overflow: auto;
    overflow-x: hidden;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li {
    display: block;
    text-align: center;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li .BTNLink, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li .BTNLink, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li .BTNLink {
    font-family: comex_medium;
    font-size: 12px;
    text-decoration: underline;
    color: #059bd7;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .ListNone, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .ListNone, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .ListNone {
    display: none;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .hidden-text::before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    bottom: -3px;
    transition: 0.6s;
    left: 50%;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title {
    color: #002072;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: -10px;
    width: 100%;
    position: relative;
    transition: all 0.5s;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title:before {
    content: " ";
    border: 2px solid black;
    border-top: none;
    border-left: none;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    position: absolute;
    right: -3px;
    top: 4px;
    transform: rotate(45deg);
    transition: 0.5s;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title {
    color: #002072;
    padding: 0;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before {
    border-color: #002072;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text {
    transform: scale(1);
    height: auto;
    overflow-y: auto;
    margin-bottom: 15px;
    cursor: default;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before {
    width: 100%;
    left: 0;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title-seguimiento {
    color: #002072;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: -10px;
    text-align: center;
    width: 100%;
    position: relative;
    transition: all 0.5s;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title-seguimiento:before {
    content: " ";
    border: 2px solid black;
    border-top: none;
    border-left: none;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    position: absolute;
    right: 16px;
    top: 4px;
    transform: rotate(45deg);
    transition: 0.5s;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento {
    color: #002072;
    padding: 0;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before {
    border-color: #002072;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .CAction, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .CAction, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .CAction {
    font-size: 12px;
    text-align: center;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .DOrder, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .DOrder, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .DOrder {
    display: flex;
    padding-top: 0;
    position: relative;
    width: fit-content;
    margin: auto;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .DOrder img, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .DOrder img, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .DOrder img {
    display: none;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .DOrder p, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .DOrder p, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .DOrder p {
    font-weight: 700;
    text-align: center;
    display: block;
    margin: auto;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA img, main .CDetails .SBarVisibility .APContainer .AdvangePointB img, main .CDetails .SBarVisibility .APContainer .AdvangePointC img {
    width: 50px;
    height: 85%;
    display: block;
    margin: auto;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA, main .CDetails .SBarVisibility .APContainer .AdvangePointB, main .CDetails .SBarVisibility .APContainer .AdvangePointC, main .CDetails .SBarVisibility .APContainer .AdvangePointRED {
    margin-top: 8px;
    margin-right: 0;
    padding: 4px;
    position: relative;
    width: 25%;
    height: 25%;
    border-radius: 0;
    background: none;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div, main .CDetails .SBarVisibility .APContainer .AdvangePointB div, main .CDetails .SBarVisibility .APContainer .AdvangePointC div, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div {
    padding-top: 10px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box {
    float: left;
    width: 100%;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box ::-webkit-scrollbar, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box ::-webkit-scrollbar, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box ::-webkit-scrollbar, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box ::-webkit-scrollbar {
    width: 6px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box ::-webkit-scrollbar-track, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box ::-webkit-scrollbar-track, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box ::-webkit-scrollbar-track, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box ::-webkit-scrollbar-thumb, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box ::-webkit-scrollbar-thumb, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box ::-webkit-scrollbar-thumb, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box ::-webkit-scrollbar-thumb {
    background: #059bd7;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box ::-webkit-scrollbar-thumb:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box ::-webkit-scrollbar-thumb:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box ::-webkit-scrollbar-thumb:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box label.label-hidden:hover {
    cursor: pointer;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box label.label-hidden .hidden-text {
    transform: scale(0);
    transition: all 0.5s;
    display: block;
    width: 100%;
    float: left;
    height: 0;
    padding: 0px;
    margin-bottom: 0px;
    position: relative;
    list-style: none;
    max-height: 155px;
    overflow: auto;
    overflow-x: hidden;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box label.label-hidden .hidden-text li {
    display: block;
    text-align: center;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li .BTNLink, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li .BTNLink, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li .BTNLink, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box label.label-hidden .hidden-text li .BTNLink {
    font-family: comex_medium;
    font-size: 12px;
    text-decoration: underline;
    color: #059bd7;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .ListNone, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .ListNone, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .ListNone, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .ListNone {
    display: none;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .hidden-text::before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    bottom: -3px;
    transition: 0.6s;
    left: 50%;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .label-title {
    color: #002072;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: -10px;
    width: 100%;
    position: relative;
    transition: all 0.5s;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .label-title:before {
    content: " ";
    border: 2px solid black;
    border-top: none;
    border-left: none;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    position: absolute;
    right: -3px;
    top: 4px;
    transform: rotate(45deg);
    transition: 0.5s;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box input[type=checkbox]:checked ~ .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title {
    color: #002072;
    padding: 0;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box input[type=checkbox]:checked ~ .label-title:before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before {
    border-color: #002072;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box input[type=checkbox]:checked ~ .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text {
    transform: scale(1);
    height: auto;
    overflow-y: auto;
    margin-bottom: 15px;
    cursor: default;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box input[type=checkbox]:checked ~ .hidden-text::before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before {
    width: 100%;
    left: 0;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .label-title-seguimiento {
    color: #002072;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: -10px;
    text-align: center;
    width: 100%;
    position: relative;
    transition: all 0.5s;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .label-title-seguimiento:before {
    content: " ";
    border: 2px solid black;
    border-top: none;
    border-left: none;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    position: absolute;
    right: 16px;
    top: 4px;
    transform: rotate(45deg);
    transition: 0.5s;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento {
    color: #002072;
    padding: 0;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before {
    border-color: #002072;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .CAction, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .CAction, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .CAction, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .CAction {
    font-size: 12px;
    text-align: center;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .DOrder, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .DOrder, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .DOrder, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .DOrder {
    display: flex;
    padding-top: 0;
    position: relative;
    width: fit-content;
    margin: auto;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .DOrder img, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .DOrder img, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .DOrder img, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .DOrder img {
    display: none;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .DOrder p, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .DOrder p, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .DOrder p, main .CDetails .SBarVisibility .APContainer .AdvangePointRED div .DOrder p {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA img, main .CDetails .SBarVisibility .APContainer .AdvangePointB img, main .CDetails .SBarVisibility .APContainer .AdvangePointC img, main .CDetails .SBarVisibility .APContainer .AdvangePointRED img {
    width: 50px;
    height: 85%;
    display: block;
    margin: auto;
  }
  main .ExportEstatus {
    position: relative;
    display: block;
    padding-bottom: 30px;
    width: 100%;
  }
  main .ExportEstatus button {
    background-color: #04ad48;
    float: none;
    width: 100%;
  }
  main .ExportEstatus .CostumSelect p {
    display: flex !important;
    justify-content: center;
  }
  main .ExportEstatus .CostumSelect b {
    color: #000;
    margin-left: 6px;
    margin-right: 6px;
  }
  .HiddenModal {
    display: none !important;
  }
 .ModalContainer {
    border-radius: 0;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    z-index: 9999999;
    top: 0;
    left: 0;
  }
  .ModalContainer .TableModal {
    position: relative;
    background: none;
    width: 25em;
    height: auto;
    position: relative;
  }
  .ModalContainer .TableModal .InfoUp {
    background: #002072;
    border-radius: 10px 10px 0px 0px;
    color: white;
    display: block;
    height: 15em;
    padding-top: .2em;
  }
  .ModalContainer .TableModal .InfoUp h2 {
    color: white;
    text-align: center;
  }
  .ModalContainer .TableModal .InfoUp button {
    width: 20px;
    margin-left: 12px;
    margin-top: 12px;
    float: left;
    margin-top: 2em;
  }
  .ModalContainer .TableModal .InfoUp button img {
    width: 100%;
  }
  .ModalContainer .TableModal .InfoDown {
    background: #fff;
    display: flex;
    height: 15em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 5em;
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
  }
  .ModalContainer .TableModal .InfoDown div {
    width: 80%;
  }
  .ModalContainer .TableModal .InfoDown div span {
    display: flex;
  }
  .ModalContainer .TableModal .InfoDown div span p {
    font-size: 1.2em;
    display: flex;
    color: #b7b7b7;
  }
  .ModalContainer .TableModal .InfoDown div span img {
    margin-right: .5em;
    width: auto;
    height: 1.5em;
  }
  .ModalContainer .TableModal .InfoDown .BtnDL {
    width: 20%;
  }
  .ModalContainer .TableModal .InfoDown .BtnDL button {
    display: block;
    width: 40px;
    float: none;
    background: #002072;
    width: 3.5em;
    border-radius: 100%;
    padding: 7px;
    height:50px
  }
  .ModalContainer .TableModal .InfoDown .BtnDL button img {
    width: 100%;
  }
  .ModalContainer .TableModal .InfoMount {
    background: #009bda;
    color: white;
    position: absolute;
    top: 10em;
    left: 1.5em;
    padding: 1.5em;
    height: 9em;
    width: 22em;
  }
  .ModalContainer .TableModal .InfoMount p {
    font-size: 1.8em;
    text-align: center;
  }
  .ModalContainer .TableModal .InfoMount span {
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .ModalContainer .TableModal .InfoMount span p:first-child {
    font-size: 2.5em;
  }
  .ModalContainer .TableModal .InfoMount span p:last-child {
    font-size: .8em;
    margin-left: .5em !important;
    margin-top: 2.4em !important;
  }
  .ModalContainer .ModalRange {
    background: white;
    border-radius: 4px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    width: 450px;
    height: auto;
  }
  .ModalContainer .ModalRange .HeaderModal {
    padding: .5em;
  }
  .ModalContainer .ModalRange .HeaderModal h4 {
    color: #5f83ba;
    font-size: 1.2em;
    text-align: center;
    float: none;
  }
  .ModalContainer .ModalRange .HeaderModal button {
    color: #ccc;
    float: none;
    margin: auto;
    display: block;
  }
  .ModalContainer .ModalRange .RangeContent {
    padding: 1em;
    clear: both;
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    height: auto;
    text-align: center;
  }
  .ModalContainer .ModalRange .RangeContent p {
    padding-bottom: .5em;
  }
  .ModalContainer .ModalRange .RangeContent input {
    border: solid 1px #ccc;
    text-align: center;
  }
  .ModalContainer .ModalRange .RangeContent input::-webkit-input-placeholder {
    text-align: center;
    line-height: 100px;
    /* Centrado vertical */
  }
  .ModalContainer .ModalRange .ExportButton {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 1em;
  }
  .ModalContainer .ModalRange .ExportButton .btn-green {
    margin: auto;
    display: block;
    height: 38px;
    margin-top: 15px;
  }
}

* {
  margin: 0;
  padding: 0;
}

@media (min-width: 842px) {
  .Export {
    padding-top: 10px;
    width: 98%;
  }
  .Export button {
    background-color: #04ad48;
    float: left;
    width: 200px;
  }
  .Export .CostumSelect {
    float: right;
  }
  .Search {
    display: flex;
    float: right;
    padding-right: 6px;
    width: 50%;
  }
  .tab_container {
    width: 100%;
  }
  .tab_container .tab-content .CCounter {
    display: flex;
    justify-content: space-between;
    font-size: 30px;
    padding-bottom: 5px;
  }
  .tab_container .tab-content .CCounter .CostumSelect p {
    display: flex !important;
  }
  .tab_container .tab-content .CCounter .CostumSelect p .dropdown .btn-light {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    width: 100%;
  }
  .tab_container .tab-content .CCounter .CostumSelect b {
    margin-left: 6px;
    margin-right: 6px;
  }
  .tab_container .tab-content .CCard {
    padding-bottom: 55px;
  }
  .tab_container .tab-content .CCard .titleBill h4 {
    font-size: 16px;
    font-family: 'comex_medium';
    font-weight: 100;
  }
  .tab_container .tab-content .CCard .SInf h1 {
    margin: 0;
    font-size: 46px;
    color: #059bd7;
    padding-top: 30px;
  }
  .tab_container .tab-content .CCard .CBill {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .tab_container .tab-content .CCard .CBill .Advange:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 50%;
    position: relative;
  }
  .tab_container .tab-content .CCard .CBill .Advange:nth-of-type(1) .APContainer {
    position: absolute;
    right: 0px;
    left: auto;
  }
  .tab_container .tab-content .CCard .CBill .Advange:nth-of-type(1) .APContainer hr {
    width: 254px;
    left: 20px;
  }
  .tab_container .tab-content .CCard .CBill .AdvangeEmpty:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 40%;
    position: relative;
    visibility: hidden;
  }
  .tab_container .tab-content .CCard .CBill .Canceled:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 40%;
    position: relative;
  }
  .tab_container .tab-content .CCard .CBill .Canceled:nth-of-type(1) .APContainer {
    display: block;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) {
    order: 1;
    width: 40%;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information {
    display: block;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div {
    width: 190px;
    margin-bottom: 6px;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div h2 {
    font-size: 30px;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div:nth-child(1) {
    clear: both;
    width: 150px;
    text-align: left;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div:nth-child(2) {
    width: 110px;
    text-align: initial;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div:nth-child(3) {
    width: 150px;
    text-align: left;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .TOrder p {
    text-align: left;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail:nth-of-type(3) {
    order: 3;
    position: relative;
    width: auto;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail:nth-of-type(3) .Title {
    float: none;
    margin-bottom: 20px;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail:nth-of-type(3) div {
    width: 200px;
    text-align: end;
    float: none;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail:nth-of-type(3) button {
    font-family: Comex_medium;
    border: none;
    position: absolute;
    bottom: -44px;
    right: -8vw;
    outline: none;
    width: 200px;
    cursor: pointer  !important;
  }
  /*#content2 .CCounter {
    display: block;
    justify-content: space-between;
  }*/
  #content2 .CCard .SInf h1 {
    margin: 0;
    font-size: 46px;
    color: #059bd7;
    padding-top: 30px;
  }
  #content2 .CCard .CBill {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #content2 .CCard .CBill .Advange:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 50%;
    position: relative;
  }
  #content2 .CCard .CBill .Advange:nth-of-type(1) .APContainer {
    position: absolute;
    right: 0px;
    left: auto;
  }
  #content2 .CCard .CBill .Advange:nth-of-type(1) .APContainer hr {
    left: -20px;
  }
  #content2 .CCard .CBill .AdvangeEmpty:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 40%;
    position: relative;
    visibility: hidden;
    display: none;
  }
  #content2 .CCard .CBill .Canceled:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 40%;
    position: relative;
  }
  #content2 .CCard .CBill .Canceled:nth-of-type(1) h1 {
    font-family: 'comex_medium';
    font-weight: 100;
    color: red;
    margin-bottom: 20px;
  }
  #content2 .CCard .CBill .Order:nth-of-type(2) {
    order: 1;
    width: 40%;
  }
  #content2 .CCard .CBill .Order:nth-of-type(2) .Title h4 {
    font-size: 16px;
    font-family: 'comex_medium';
    font-weight: 100;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) {
    order: 3;
    color: #707171;
    position: relative;
    width: 50%;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) .Title {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) .Title h4 {
    margin-right: -8vw;
    text-align: end;
    position: relative;
    font-size: 16px;
    font-weight: 100;
    font-family: 'comex_medium';
    color: #707171;
    font-weight: 700;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div {
    width: 100%;
    float: none;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div h2 {
    margin-right: -8vw;
    text-align: end;
    position: relative;
    font-size: 30px;
    color: #707171;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div:nth-child(1) {
    clear: both;
    width: 100%;
    text-align: center;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div:nth-child(2) {
    width: 100%;
    float: left;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div:nth-child(3) {
    width: 50%;
    float: right;
    text-align: end;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) button {
    font-family: Comex_medium;
    border: none;
    position: absolute;
    bottom: -34px;
    right: -8vw;
    outline: none;
    width: 200px;
    cursor: pointer  !important;
  }
  .card-box {
    float: left;
    width: 100%;
  }
  .card-box ::-webkit-scrollbar {
    width: 6px;
  }
  .card-box ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .card-box ::-webkit-scrollbar-thumb {
    background: #059bd7;
  }
  .card-box ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .card-box label.label-hidden:hover {
    cursor: pointer;
  }
  .card-box label.label-hidden .hidden-text {
    transform: scale(0);
    transition: all 0.5s;
    display: block;
    width: 100%;
    float: left;
    height: 0;
    padding: 0px;
    margin-bottom: 0px;
    position: relative;
    list-style: none;
    max-height: 155px;
    overflow: auto;
    overflow-x: hidden;
  }
  .card-box label.label-hidden .hidden-text li {
    display: block;
    text-align: center;
  }
  .card-box label.label-hidden .hidden-text li .BTNLink {
    font-family: comex_medium;
    font-size: 12px;
    text-decoration: underline;
    color: #059bd7;
  }
  .card-box .ListNone {
    display: none;
  }
  .card-box .hidden-text::before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    bottom: -3px;
    transition: 0.6s;
    left: 50%;
  }
  .card-box .label-title {
    color: #002072;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: -10px;
    width: 100%;
    position: relative;
    transition: all 0.5s;
  }
  .card-box .label-title:before {
    content: " ";
    border: 2px solid black;
    border-top: none;
    border-left: none;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    position: absolute;
    right: -3px;
    top: 4px;
    transform: rotate(45deg);
    transition: 0.5s;
  }
  .card-box input[type=checkbox]:checked ~ .label-title, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title {
    color: #002072;
    padding: 0;
  }
  .card-box input[type=checkbox]:checked ~ .label-title:before, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title:before {
    border-color: #002072;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
  }
  .card-box input[type=checkbox]:checked ~ .hidden-text, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text {
    transform: scale(1);
    height: auto;
    overflow-y: auto;
    margin-bottom: 15px;
    cursor: default;
  }
  .card-box input[type=checkbox]:checked ~ .hidden-text::before, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .hidden-text::before {
    width: 100%;
    left: 0;
  }
  .card-box .label-title-seguimiento {
    color: #002072;
    display: block;
    float: left;
    font-size: 15px;
    margin-top: -10px;
    text-align: center;
    width: 100%;
    position: relative;
    transition: all 0.5s;
  }
  .card-box .label-title-seguimiento:before {
    content: " ";
    border: 2px solid black;
    border-top: none;
    border-left: none;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    position: absolute;
    right: 16px;
    top: 4px;
    transform: rotate(45deg);
    transition: 0.5s;
  }
  .card-box input[type=checkbox]:checked ~ .label-title-seguimiento, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento {
    color: #002072;
    padding: 0;
  }
  .card-box input[type=checkbox]:checked ~ .label-title-seguimiento:before, .card-box .card-box label.label-hidden input[type=radio]:checked ~ .label-title-seguimiento:before {
    border-color: #002072;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
  }
  .Resume {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 66%;
  }
  .Resume h4 {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: end;
    font-weight: 700;
  }
  .Resume .left {
    align-items: self-end;
    width: 108px;
    position: relative;
    right: -55%;
  }
  .Resume .left h4 {
    text-align: initial;
  }
  .Resume .right {
    width: 38%;
  }
  .Resume .TResume .InfoResume {
    display: flex;
    justify-content: flex-end;
  }
  .Resume .TResume .InfoResume .left {
    position: relative;
    width: 156px;
  }
  .Resume .TResume .InfoResume .left h4 {
    text-align: initial;
  }
  .Resume .TResume .InfoResume .right {
    width: 230px;
  }
  .Resume .TResume .InfoResume:last-child .left {
    font-weight: 700;
  }
  .Resume .TResume .InfoResume:last-child .right {
    font-weight: 700;
  }
  .TotalOrder {
    width: 100%;
  }
  .TotalOrder .Resume {
    width: 100%;
  }
  .TotalOrder .Resume .TResume .InfoResume .align-resume {
    text-align: right;
  }
  main {
    padding-left: 45px;
    padding-right: 40px;
    width: 100%;
    margin: auto;
  }
    main .ArrowRight {
        right: em;
    }
  main .ArrowRight img {
    width: 2.5em;
  }
  main .ArrowLeft {
    left: 6px;
  }
  main .ArrowLeft img {
    width: 2.5em;
  }
  main .CDetails {
    display: block;
    padding-left: 0;
    padding-right: 0;
    padding: 10px;
  }
  main .CDetails .OrderHeader .left h1 {
    font-size: 40px;
    font-weight: 700;
  }
  main .CDetails .OrderHeader .left h4 {
    font-size: 16px;
    font-family: 'comex_medium';
    font-weight: 100;
  }
  main .CDetails .OrderHeader .right h1 {
    font-size: 40px;
    font-weight: 700;
  }
  main .CDetails .OrderInfo {
    padding-bottom: 15px;
    display: flex;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
  main .CDetails .OrderInfo .OrderShipping {
    float: left;
    width: 20%;
  }
  main .CDetails .OrderInfo .OrderShipping p {
    font-size: 16px;
  }
  main .CDetails .OrderInfo .OrderShipping h4 {
    font-size: 16px;
    font-weight: 700;
  }
  main .CDetails .OrderInfo .OrderDate {
    text-align: end;
    float: right;
    width: 20%;
  }
  main .CDetails .OrderInfo .OrderDate h4, main .CDetails .OrderInfo .OrderDate p {
    font-size: 16px;
  }
  main .CDetails section {
    display: block;
  }
  main .CDetails section .HTable {
    display: flex;
    width: 40%;
  }
  main .CDetails section .HTable h4 {
    font-size: 16px;
    font-family: 'comex_medium';
    text-align: left;
    padding-left: 2vw;
    width: 470px;
  }
  main .CDetails section .HTable .card-box {
    padding-top: 10px;
  }
  main .CDetails section .HTable .card-box .label-hidden {
    float: left;
    width: 110px;
  }
  main .CDetails section .HTable .card-box .label-title-seguimiento {
    /*text-align: left;*/
    padding-top: 1px;
    padding-bottom: 10px;
  }
  main .CDetails section .HTable .card-box .label-title-seguimiento:before {
    right: 0;
  }
  main .CDetails section .RowTitle {
    border-bottom: solid 3px #707171;
    display: flex;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    justify-content: space-between;
  }
  main .CDetails section .RowTitle .WP10 {
    width: 10%;
  }
  main .CDetails section .RowTitle .WP30 {
    width: 20%;
  }
  main .CDetails section .RowTitle .CSimple {
    font-size: 13px;
    text-align: center;
  }
  main .CDetails section .RowTitle .CSimple h4 {
    font-size: 16px;
    font-weight: 700;
    width: auto;
  }
  main .CDetails section .accordeon .acc label {
    display: none;
  }
  main .CDetails section .accordeon .acc .RowTitle {
    display: none;
  }
  main .CDetails section .accordeon .acc .InfRow {
    display: flex !important;
    opacity: 1;
    visibility: initial;
  }
  main .CDetails section .accordeon .acc .InfRowSec {
    display: flex !important;
    opacity: 1;
    visibility: initial;
  }
  main .CDetails section .accordeon .acc input:checked ~ .InfRow {
    display: flex !important;
  }
  main .CDetails section .accordeon .acc input:checked ~ .InfRowSec {
    display: flex !important;
  }
  main .CDetails section .accordeon .acc input:checked ~ .RowTitle {
    display: none !important;
  }
  main .CDetails section .OrderTable {
    border-top: none;
    border-bottom: none;
    display: block;
    overflow: initial;
    height: auto;
    max-height: 330px;
    overflow: auto;
    overflow-x: hidden;
  }
  main .CDetails section .OrderTable .VD {
    display: flex;
  }
  main .CDetails section .OrderTable .VM {
    display: none !important;
  }
  main .CDetails section .OrderTable .RowContent {
    display: block;
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .LoadGif {
    margin: auto;
    display: block;
    text-align: center;
    font-size: 14px;
  }
  main .CDetails section .OrderTable .RowContent .InfRow {
    border-bottom: solid 1px #707171;
    display: flex;
    font-size: 13px;
    height: auto;
    padding-right: 0;
    padding-left: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    width: 100%;
    visibility: visible;
    justify-content: space-between;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .WP10 {
    width: 10%;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .WP30 {
    width: 20%;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 13px;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple p {
    text-align: center;
    font-size: 13px;
    width: auto;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus {
    flex-direction: initial;
    display: block;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .Confirmado p {
    padding-top: 12px;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .CPoint {
    flex-direction: inherit;
    display: inline-flex;
    margin-top: 10px;
    padding: 0;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .CPoint .AdvangePoint {
    border: solid 1px #059bd7;
    height: 10px;
    width: 10px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 4px;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .CPoint .AdvangePointB {
    height: 10px;
    width: 10px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 4px;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .Facturado {
    margin-top: -3px;
    padding: 0;
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .InfRow .CSimple .CEstatus .Facturado button {
    margin: auto;
    font-size: 12px;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec {
    border-bottom: solid 1px #707171;
    font-size: 13px;
    display: flex;
    height: auto;
    padding-right: 0;
    padding-left: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    width: 100%;
    visibility: visible;
    justify-content: space-between;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .WP10 {
    width: 10%;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .WP30 {
    width: 20%;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple:nth-child(1) p {
    text-align: center;
    font-size: 13px;
    width: auto;
    padding-left: 10px;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 13px;
    text-align: center;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple p {
    text-align: center;
    font-size: 13px;
    margin-right: 5px;
    width: auto;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus {
    flex-direction: initial;
    display: block;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .Confirmado .left {
    margin-right: 5px;
    padding-top: 12px;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .CPoint {
    flex-direction: inherit;
    display: inline-flex;
    margin-top: 10px;
    padding: 0;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .CPoint .AdvangePoint {
    border: solid 1px #059bd7;
    height: 10px;
    width: 10px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 4px;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .CPoint .AdvangePointB {
    height: 10px;
    width: 10px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 4px;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .Facturado {
    margin-top: -3px;
    padding: 0;
    width: 100%;
  }
  main .CDetails section .OrderTable .RowContent .InfRowSec .CSimple .CEstatus .Facturado button {
    margin: auto;
    display: block;
    font-size: 12px;
  }
  main .CDetails hr {
    position: relative;
    top: 100px;
    margin-left: 4vw;
    border: solid 6px #059bd7;
    width: 90%;
  }
  main .CDetails .SBarVisibility {
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    border-bottom: none;
    margin-bottom: 0;
    width: 100%;
  }
  main .CDetails .SBarVisibility .APContainer {
    /* position: relative; */
    display: inline-flex;
    justify-content: space-between;
    margin-bottom: 0;
    width: 100%;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA, main .CDetails .SBarVisibility .APContainer .AdvangePointB, main .CDetails .SBarVisibility .APContainer .AdvangePointC {
    margin-top: 8px;
    margin-right: 0;
    padding: 4px;
    position: relative;
    width: 200px;
    height: 25%;
    border-radius: 0;
    display: block;
    background: none;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box {
    float: left;
    width: 100%;
    text-align: center;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden:hover, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden:hover {
    cursor: pointer;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text {
    transform: scale(0);
    transition: all 0.5s;
    display: block;
    margin-left: 22px;
    width: 100%;
    float: left;
    height: 0;
    padding: 0px;
    margin-bottom: 0px;
    position: relative;
    list-style: none;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li {
    display: inline-flex;
    text-align: center;
    justify-content: space-evenly;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li a, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li a, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li a {
    font-size: 14px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li p, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li p, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li p {
    margin-top: 4px;
    font-size: 10px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li .DOrder, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li .DOrder, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li .DOrder {
    padding-left: 5px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li .DOrder img, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li .DOrder img, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li .DOrder img {
    margin-top: 0px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .hidden-text li .DOrder p, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .hidden-text li .DOrder p, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .hidden-text li .DOrder p {
    margin-top: 0;
    font-size: 12px;
    text-align: left;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .label-title, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .label-title {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
    margin-left: -3px;
    font-weight: 700;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box label.label-hidden .label-title::before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box label.label-hidden .label-title::before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box label.label-hidden .label-title::before {
    content: " ";
    right: 0px;
    top: 1px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title-seguimiento:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title-seguimiento:before {
    right: 40px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .card-box .label-title-seguimiento-:before, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .card-box .label-title-seguimiento-:before, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .card-box .label-title-seguimiento-:before {
    right: 10px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA div .CAction, main .CDetails .SBarVisibility .APContainer .AdvangePointB div .CAction, main .CDetails .SBarVisibility .APContainer .AdvangePointC div .CAction {
    font-size: 22px;
  }
  main .CDetails .SBarVisibility .APContainer .AdvangePointA img, main .CDetails .SBarVisibility .APContainer .AdvangePointB img, main .CDetails .SBarVisibility .APContainer .AdvangePointC img {
    width: 120px;
    height: auto;
    display: block;
    margin: auto;
  }
  main .ExportEstatus {
    padding-top: 20px;
    width: 100%;
  }
  main .ExportEstatus button {
    background-color: #04ad48;
    float: lefts;
    width: 200px;
    margin-bottom: 20px;
    margin-top: 0;
  }
  main .ExportEstatus .CostumSelect {
    float: right;
  }

  .ModalContainer .ModalRange .HeaderModal h4 {
    color: #5f83ba;
    font-size: 1.2em;
    text-align: center;
    float: left;
  }
  .ModalContainer .ModalRange .HeaderModal button {
    color: #ccc;
    float: right;
    margin: auto;
    display: block;
  }
}

* {
  margin: 0;
  padding: 0;
}

@media (min-width: 1024px) {
  .tab_container .tab-content .CCard .titleBill h4 {
    font-size: 16px;
    font-family: 'comex_medium';
    font-weight: 100;
  }
  .tab_container .tab-content .CCard .CBill {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .tab_container .tab-content .CCard .CBill .SInf h1 {
    margin: 0;
    font-size: 46px;
    color: #059bd7;
    padding-top: 30px;
  }
  .tab_container .tab-content .CCard .CBill .Advange:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 40%;
    position: relative;
  }
  .tab_container .tab-content .CCard .CBill .Advange:nth-of-type(1) .APContainer {
    position: absolute;
    right: 0px;
    left: auto;
  }
  .tab_container .tab-content .CCard .CBill .Advange:nth-of-type(1) .APContainer hr {
    left: 25px;
  }
  .tab_container .tab-content .CCard .CBill .AdvangeEmpty:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 40%;
    position: relative;
    visibility: hidden;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) {
    order: 1;
    width: 50%;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information {
    display: flex;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div {
    width: 190px;
    margin-bottom: 6px;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div h2 {
    font-size: 30px;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div:nth-child(1) {
    clear: both;
    width: 150px;
    text-align: left;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div:nth-child(2) {
    width: 110px;
    text-align: initial;
  }
  .tab_container .tab-content .CCard .CBill .Order:nth-of-type(2) .Information div:nth-child(3) {
    width: 150px;
    text-align: left;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail:nth-of-type(3) {
    order: 3;
    position: relative;
    width: auto;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail:nth-of-type(3) .Title {
    float: none;
    margin-bottom: 20px;
  }
  .tab_container .tab-content .CCard .CBill .ShowDetail:nth-of-type(3) div {
    width: 200px;
    text-align: end;
    float: none;
  }
    border: none;
  .tab_container .tab-content .CCard .CBill .ShowDetail:nth-of-type(3) button {
    font-family: Comex_medium;
    position: absolute;
    right: -8vw;
    outline: none;
    width: 200px;
    cursor: pointer  !important;
  }
  /*#content2 .CCounter {
    display: flex;
    justify-content: space-between;
  }*/
  #content2 .CCard .CBill {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
  }
  #content2 .CCard .CBill .Advange:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 40%;
    position: relative;
  }
  #content2 .CCard .CBill .Advange:nth-of-type(1) .APContainer {
    position: absolute;
    right: 0px;
    left: auto;
  }
  #content2 .CCard .CBill .Advange:nth-of-type(1) .APContainer hr {
    left: -20px;
  }
  #content2 .CCard .CBill .AdvangeEmpty:nth-of-type(1) {
    order: 2;
    display: inline-table;
    float: right;
    width: 40%;
    position: relative;
    visibility: hidden;
    display: none;
  }
  #content2 .CCard .CBill .Order:nth-of-type(2) {
    order: 1;
    width: 55%;
  }
  #content2 .CCard .CBill .Order:nth-of-type(2) .Title h4 {
    font-size: 16px;
    font-family: 'comex_medium';
    font-weight: 100;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) {
    order: 3;
    width: 35%;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div {
    width: 100%;
    float: none;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div h2 {
    margin-right: -8vw;
    text-align: end;
    position: relative;
    font-size: 30px;
    color: #707171;
    width: 100%;
    font-weight: 700;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div:nth-child(1) {
    clear: both;
    width: 100%;
    text-align: center;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div:nth-child(2) {
    width: 123%;
    clear: both;
    float: none;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div:nth-child(2) div h2 {
    width: 100%;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) div:nth-child(3) {
    width: 50%;
    float: right;
    text-align: end;
  }
  #content2 .CCard .CBill .ShowDetail:nth-of-type(3) button {
    font-family: Comex_medium;
    border: none;
    position: absolute;
    bottom: -14px;
    right: -8vw;
    outline: none;
    width: 200px;
    cursor: pointer  !important;
  }
    main .ArrowRight {
        right: 2em;
    }
  main .ArrowRight img {
    width: 2.5em;
  }
  main .ArrowLeft {
    left: 4px;
  }
  main .ArrowLeft img {
    width: 2.5em;
  }
  main .OrderInfo {
    display: flex;
    font-size: 14px;
    padding-bottom: 15px;
  }
}