@font-face {
  font-family: UniversLTStdLight;
  src: url("../../assets/font/UniversLTStd-Light.otf"); }
@font-face {
  font-family: UniversLTStdObl;
  src: url("../../assets/font/UniversLTStd-Obl.otf"); }
body {
  font-family: "UniversLTStdLight";
  background-color: #F2F2F2; }

.small-color {
  padding-bottom: 2px;
  color: #ffffff;
  font-weight: 400; }

input.ng-invalid.ng-dirty, select.ng-invalid.ng-dirty, textarea.ng-invalid.ng-dirty {
  border: 2px solid rgba(229, 39, 22, 0.5) !important; }

input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime-local"] {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 58.33%;
  display: initial;
  background: #F2F2F2;
  border: none;
  padding: 0px;
  margin: 0px; }

select {
  background-image: url(../../assets/img/sort.png);
  background-repeat: no-repeat;
  border-radius: 10px;
  border: none;
  background-color: #F2F2F2;
  padding: 0px 0px -1px 0px;
  width: 58.33%;
  background-size: 8%; }

fieldset {
  padding-bottom: 15px;
  border: 1px solid #F2F2F2;
  text-align: left; }

.padding-15 {
  padding-top: 15px; }

.padding-5 {
  padding-top: 5px; }

.close-button {
  margin-top: -12px; }

.simbol-clos {
  color: #E52716;
  font-size: 50px; }

.reveal {
  text-align: center; }

.login-img {
  border-top: 3px solid #E52716;
  background-image: url(../../assets/img/login/login_img.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: bottom;
  height: 300px; }
  @media screen and (max-width: 480px) {
    .login-img {
      background-size: contain;
      background-position-y: inherit;
      height: 215px;
      display: none; } }

.login-content {
  background: #F2F2F2;
  height: 300px; }
  .login-content .login-logo {
    position: absolute;
    margin-top: 50px;
    margin-left: 180px; }
    @media screen and (max-width: 480px) {
      .login-content .login-logo {
        width: 100%;
        text-align: center;
        margin-top: 45px;
        margin-left: 0px; } }
    @media screen and (max-width: 480px) {
      .login-content .login-logo img {
        width: 170px; } }
  .login-content .restore-logo {
    position: absolute;
    margin-top: 50px;
    margin-left: 180px; }
    @media screen and (max-width: 480px) {
      .login-content .restore-logo {
        width: 100%;
        text-align: center;
        margin-top: 30px;
        margin-left: 0px; } }
    @media screen and (max-width: 480px) {
      .login-content .restore-logo img {
        width: 170px; } }
  .login-content .login {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cecece;
    text-align: center;
    float: right;
    margin-top: -77px;
    margin-right: 250px; }
    .login-content .login .login-info, .login-content .login .login-title {
      padding: 5px 5px 5px 5px; }
      .login-content .login .login-info p, .login-content .login .login-title p {
        font-size: 10px; }
    .login-content .login .login-button button {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      width: 58.33%;
      margin-bottom: 0px; }
    .login-content .login .login-button .button.alert {
      background-color: #E52716; }
    .login-content .login .forgot-button button {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      width: 58.33%;
      margin-bottom: 20px; }
    .login-content .login .forgot-button .button.alert {
      background-color: #E52716; }
    .login-content .login .login-title label {
      font-size: 17px; }
    @media screen and (max-width: 480px) {
      .login-content .login {
        width: 80%;
        float: left !important;
        margin-left: 37px;
        margin-top: 135px; } }
  .login-content .restore {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cecece;
    text-align: center;
    float: right;
    margin-top: -77px;
    margin-right: 250px; }
    .login-content .restore .login-info, .login-content .restore .login-title {
      padding: 5px 5px 5px 5px; }
      .login-content .restore .login-info p, .login-content .restore .login-title p {
        font-size: 10px; }
    .login-content .restore .login-button button {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      width: 58.33%;
      margin-bottom: 0px; }
    .login-content .restore .login-button .button.alert {
      background-color: #E52716; }
    .login-content .restore .forgot-button button {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      width: 58.33%;
      margin-bottom: 20px; }
    .login-content .restore .forgot-button .button.alert {
      background-color: #E52716; }
    .login-content .restore .login-title label {
      font-size: 17px; }
    @media screen and (max-width: 480px) {
      .login-content .restore {
        width: 80%;
        float: left !important;
        margin-left: 37px;
        margin-top: 80px; } }
  @media screen and (max-width: 480px) {
    .login-content {
      height: 450px; } }

header {
  background-color: #F2F2F2;
  position: relative; }
  header .top-bar {
    background-color: #F2F2F2;
    position: absolute;
    top: 0;
    width: 100%; }
    header .top-bar .row {
      max-width: 70rem; }
      header .top-bar .row .top-title {
        font-size: 24px;
        font-family: UniversLTStdObl;
        position: absolute;
        margin-top: 20px; }
        @media screen and (max-width: 480px) {
          header .top-bar .row .top-title {
            margin-top: 0;
            max-width: 60%; } }
      header .top-bar .row .top-bar-logo {
        margin-top: 20px; }
        @media screen and (max-width: 480px) {
          header .top-bar .row .top-bar-logo {
            margin-top: 0; } }
      header .top-bar .row .top-info-user {
        background-color: #fff;
        border-radius: 5px;
        padding: 5px; }
        header .top-bar .row .top-info-user .top-photo {
          background-color: #F2F2F2;
          width: 68px;
          height: 73px;
          min-width: 68px;
          min-height: 73px;
          max-width: 68px;
          max-height: 73px;
          border-radius: 5px;
          padding: 5px; }
          header .top-bar .row .top-info-user .top-photo .top-photo-m, header .top-bar .row .top-info-user .top-photo .top-photo-f {
            width: 58px;
            height: 63px;
            min-width: 58px;
            min-height: 63px;
            max-width: 58px;
            max-height: 63px; }
          header .top-bar .row .top-info-user .top-photo .top-photo-m {
            background-image: url(../../assets/img/m.png);
            background-repeat: no-repeat; }
          header .top-bar .row .top-info-user .top-photo .top-photo-f {
            background-image: url(../../assets/img/f.png);
            background-repeat: no-repeat; }
        header .top-bar .row .top-info-user .top-name ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
          background-color: transparent;
          position: absolute; }
          header .top-bar .row .top-info-user .top-name ul li .top-name-1, header .top-bar .row .top-info-user .top-name ul li .top-name-2 {
            font-size: 21px;
            line-height: 0px; }
          header .top-bar .row .top-info-user .top-name ul li .top-name-1 {
            color: #E52716; }
          header .top-bar .row .top-info-user .top-name ul li .top-name-2, header .top-bar .row .top-info-user .top-name ul li .top-name-3 {
            color: #666666; }
          header .top-bar .row .top-info-user .top-name ul li .top-name-3 {
            font-size: 14px; }
        header .top-bar .row .top-info-user .top-data a {
          float: right;
          margin-right: -30px; }
          @media screen and (max-width: 480px) {
            header .top-bar .row .top-info-user .top-data a {
              margin-right: -20px; } }
          header .top-bar .row .top-info-user .top-data a .top-data-tools {
            background-color: #F2F2F2;
            padding: 5px;
            width: 36px;
            height: 35px;
            min-width: 36px;
            min-height: 35px;
            max-width: 36px;
            max-height: 35px;
            border-radius: 5px; }
            header .top-bar .row .top-info-user .top-data a .top-data-tools .top-data-p {
              background-image: url(../../assets/img/pinon.png);
              background-repeat: no-repeat;
              width: 26px;
              height: 25px;
              min-width: 36px;
              min-height: 35px;
              max-width: 36px;
              max-height: 35px; }
        header .top-bar .row .top-info-user .top-data .top-data-datetime {
          font-size: 11px;
          position: absolute;
          margin-top: 25px;
          margin-left: 45px; }
          @media screen and (max-width: 480px) {
            header .top-bar .row .top-info-user .top-data .top-data-datetime {
              display: none; } }
        header .top-bar .row .top-info-user .top-data .top-data-datetimes {
          font-size: 11px;
          position: absolute;
          margin-top: 25px;
          margin-left: -33px; }
          @media screen and (max-width: 480px) {
            header .top-bar .row .top-info-user .top-data .top-data-datetimes {
              display: none; } }
        header .top-bar .row .top-info-user .top-data .min-menu {
          display: none; }
          @media screen and (max-width: 480px) {
            header .top-bar .row .top-info-user .top-data .min-menu {
              display: block;
              position: inherit;
              margin-right: 10px;
              margin-top: 10px;
              font-size: 20px; } }
          header .top-bar .row .top-info-user .top-data .min-menu a i {
            color: #E52716; }
      header .top-bar .row .top-info-user {
        background-color: #fff;
        border-radius: 5px;
        padding: 5px; }
        @media screen and (max-width: 480px) {
          header .top-bar .row .top-info-user {
            margin-top: 10px; } }
      header .top-bar .row .top-shopping-car {
        padding: 0;
        padding-top: 22px;
        padding-left: 8px;
        height: 83px;
        width: 6%;
        float: left;
        background-color: #fff;
        border-radius: 5px; }
        header .top-bar .row .top-shopping-car .shopping-car {
          background-image: url(../../assets/img/shopping_r.png);
          background-repeat: no-repeat;
          height: 40px; }
          header .top-bar .row .top-shopping-car .shopping-car span {
            position: absolute;
            margin-top: 3px;
            margin-left: 6px;
            color: #E52716; }

/*
.top-menu {
  background-color: #F2F2F2;
  position: absolute;
  top: 99px;
  width: 100%;
  padding: 50px 0px;
  display: block;
  @media screen and (max-width: 480px) {
    top: 140px;
    padding: 0;
    display: none;
  }
  .row {
    max-width: 70rem;
    .content-menu {
      padding-right: 0;
      padding-left: 0;
      .menu {
        position: relative;
        @media screen and (max-width: 480px) {
          position: absolute;
          text-align: center;
          background-color: #fff;
          width: 90%;
          border-radius: 5px;
          z-index: 2;
          margin: 0 5%;
        }
        li {
          background-color: #fff;
          border-radius: 5px;
          -webkit-box-shadow: -1px 1px 0px 1px rgba(0, 0, 0, 0.1px);
          -moz-box-shadow: -1px 1px 0px 1px rgba(0, 0, 0, 0.1px);
          box-shadow: -1px 1px 0px 1px rgba(0, 0, 0, 0.1px);
          display: inline-block;
          margin: 0px 5px;
          @media screen and (max-width: 480px) {
            background-color: transparent;
            box-shadow: none;
            display: block;
            margin: 0px;
          }
          a {
            background-color: red;
            color: #666666;
            padding: 0;
            line-height: normal;
            div {
              border-radius: 5px;
              background-color: transparent;
              position: relative;
              padding: 5px 5px;
              &:hover {
                color: #fff;
                background-color: #E52716;
                i {
                  &:before {
                    color: #fff;
                  }
                }
              }
            }
            .m-info {
              text-align: center;
              i {
                font-size: 32px;
                &:before {
                  color: #666666;
                }
                @media screen and (max-width: 480px) {
                  font-size: 19px;
                }
              }
            }
            .is-active.m-info {
              background-color: #E52716;
              color: #fff;
              i {
                &:before {
                  color: #fff;
                }
              }
            }
          }
        }
      }
    }
  }
}
*/
section {
  /*position: absolute;
  width: 100%;
  top: 250px;
  z-index: 1;*/ }
  @media screen and (max-width: 480px) {
    section {
      top: 145px; } }
  section .row {
    max-width: 70rem; }
    section .row .content-info {
      background-color: #fff;
      border-radius: 5px;
      position: relative;
      z-index: 1;
      height: auto !important;
      min-height: 330px;
      padding-bottom: 15px; }
      @media screen and (max-width: 480px) {
        section .row .content-info {
          width: 90%;
          margin: 0 5%;
          height: 420px; } }
      section .row .content-info .opc-menu {
        display: none; }
        @media screen and (max-width: 480px) {
          section .row .content-info .opc-menu {
            position: inherit;
            margin-top: -32px;
            float: right; } }
        section .row .content-info .opc-menu a i {
          color: #E52716; }
      section .row .content-info h4 {
        font-size: 18px;
        color: #E52716;
        margin-top: 10px; }
        @media screen and (max-width: 480px) {
          section .row .content-info h4 {
            font-size: 17px; } }
      section .row .content-info .content-table {
        min-height: 570px;
        max-height: 570px;
        height: 570px;
        border: 1px solid #E6E6E6;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding-top: 10px; }
        @media screen and (max-width: 480px) {
          section .row .content-info .content-table div div:first-of-type {
            width: 100%;
            font-size: 15px; } }
        @media screen and (max-width: 480px) {
          section .row .content-info .content-table div div:last-child {
            width: 100%;
            text-align: center; } }
        @media screen and (max-width: 480px) {
          section .row .content-info .content-table div div:last-child ul li {
            display: inline-block; } }
        @media screen and (max-width: 480px) {
          section .row .content-info .content-table {
            min-height: 370px;
            max-height: 370px;
            height: 370px; } }
        section .row .content-info .content-table .table-info {
          width: 100%; }
          @media screen and (max-width: 480px) {
            section .row .content-info .content-table .table-info {
              overflow: auto;
              min-height: 200px;
              max-height: 200px;
              height: 200px;
              margin: 10px 0px; } }
          section .row .content-info .content-table .table-info .table-type-change {
            width: 100%;
            display: block; }
            @media screen and (max-width: 480px) {
              section .row .content-info .content-table .table-info .table-type-change {
                display: inline-table; } }
            section .row .content-info .content-table .table-info .table-type-change thead {
              display: inline-table;
              width: 100%;
              height: 0px;
              background-color: transparent;
              border: none;
              padding-right: 5px; }
              section .row .content-info .content-table .table-info .table-type-change thead tr th {
                width: 25%;
                text-align: center;
                padding: 0px 2px 0px 2px;
                display: inline-block; }
                section .row .content-info .content-table .table-info .table-type-change thead tr th input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-type-change thead tr th {
                    padding: 0px 5px 0px 5px; } }
                section .row .content-info .content-table .table-info .table-type-change thead tr th div {
                  background-color: #F2F2F2;
                  border-radius: 5px;
                  height: 31px; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-type-change thead tr th div {
                      background-color: transparent;
                      border-radius: inherit; } }
            section .row .content-info .content-table .table-info .table-type-change tbody {
              display: inline-table;
              min-height: auto;
              max-height: 315px;
              height: auto;
              width: 100%;
              overflow: auto;
              border: none;
              font-size: 14px;
              padding-right: 5px; }
              @media screen and (max-width: 480px) {
                section .row .content-info .content-table .table-info .table-type-change tbody {
                  display: table-row-group;
                  min-height: unset;
                  max-height: unset;
                  height: unset;
                  width: unset;
                  overflow: hidden;
                  padding-right: unset; } }
              section .row .content-info .content-table .table-info .table-type-change tbody tr {
                display: flex; }
                section .row .content-info .content-table .table-info .table-type-change tbody tr td {
                  width: 25%;
                  text-align: center;
                  padding: 0;
                  margin: 0;
                  display: inline-block;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden; }
                  section .row .content-info .content-table .table-info .table-type-change tbody tr td input[type="checkbox"] {
                    margin: 0; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-type-change tbody tr td {
                      padding: 0px 5px 0px 5px; } }
          section .row .content-info .content-table .table-info .table-change {
            width: 100%;
            display: block; }
            @media screen and (max-width: 480px) {
              section .row .content-info .content-table .table-info .table-change {
                display: inline-table; } }
            section .row .content-info .content-table .table-info .table-change thead {
              display: inline-table;
              width: 100%;
              height: 0px;
              background-color: transparent;
              border: none;
              padding-right: 5px; }
              section .row .content-info .content-table .table-info .table-change thead tr th {
                width: 20%;
                text-align: center;
                padding: 0px 2px 0px 2px;
                display: inline-block; }
                section .row .content-info .content-table .table-info .table-change thead tr th input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-change thead tr th {
                    padding: 0px 5px 0px 5px; } }
                section .row .content-info .content-table .table-info .table-change thead tr th div {
                  background-color: #F2F2F2;
                  border-radius: 5px;
                  height: 31px; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-change thead tr th div {
                      background-color: transparent;
                      border-radius: inherit; } }
            section .row .content-info .content-table .table-info .table-change tbody {
              display: inline-table;
              min-height: 315px;
              max-height: 315px;
              height: 315px;
              width: 100%;
              overflow: auto;
              border: none;
              font-size: 14px;
              padding-right: 5px; }
              @media screen and (max-width: 480px) {
                section .row .content-info .content-table .table-info .table-change tbody {
                  display: table-row-group;
                  min-height: unset;
                  max-height: unset;
                  height: unset;
                  width: unset;
                  overflow: hidden;
                  padding-right: unset; } }
              section .row .content-info .content-table .table-info .table-change tbody tr td {
                width: 20%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info .content-table .table-info .table-change tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-change tbody tr td {
                    padding: 0px 5px 0px 5px;
                    width: 100px; } }
          section .row .content-info .content-table .table-info .table-countries {
            width: 100%;
            display: block; }
            @media screen and (max-width: 480px) {
              section .row .content-info .content-table .table-info .table-countries {
                display: inline-table; } }
            section .row .content-info .content-table .table-info .table-countries thead {
              display: inline-table;
              width: 100%;
              height: 0px;
              background-color: transparent;
              border: none;
              padding-right: 5px; }
              section .row .content-info .content-table .table-info .table-countries thead tr th {
                width: 16.6666667%;
                text-align: center;
                padding: 0px 2px 0px 2px;
                display: inline-block; }
                section .row .content-info .content-table .table-info .table-countries thead tr th input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-countries thead tr th {
                    padding: 0px 5px 0px 5px;
                    height: 48px; } }
                section .row .content-info .content-table .table-info .table-countries thead tr th div {
                  background-color: #F2F2F2;
                  border-radius: 5px;
                  height: 50px;
                  font-size: 15px; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-countries thead tr th div {
                      background-color: transparent;
                      border-radius: inherit; } }
            section .row .content-info .content-table .table-info .table-countries tbody {
              display: inline-table;
              min-height: 315px;
              max-height: 315px;
              height: 315px;
              width: 100%;
              overflow: auto;
              border: none;
              font-size: 14px;
              padding-right: 5px; }
              @media screen and (max-width: 480px) {
                section .row .content-info .content-table .table-info .table-countries tbody {
                  display: table-row-group;
                  min-height: unset;
                  max-height: unset;
                  height: unset;
                  width: unset;
                  overflow: hidden;
                  padding-right: unset; } }
              section .row .content-info .content-table .table-info .table-countries tbody tr {
                display: flex; }
                section .row .content-info .content-table .table-info .table-countries tbody tr td {
                  width: 16.6666667%;
                  text-align: center;
                  padding: 0;
                  margin: 0;
                  display: inline-block;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden; }
                  section .row .content-info .content-table .table-info .table-countries tbody tr td input[type="checkbox"] {
                    margin: 0; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-countries tbody tr td {
                      padding: 0px 5px 0px 5px;
                      width: 100px; } }
          section .row .content-info .content-table .table-info .table-cities {
            width: 100%;
            display: block; }
            @media screen and (max-width: 480px) {
              section .row .content-info .content-table .table-info .table-cities {
                display: inline-table;
                width: 700px; } }
            section .row .content-info .content-table .table-info .table-cities thead {
              display: inline-table;
              width: 100%;
              height: 0px;
              background-color: transparent;
              border: none;
              padding-right: 5px; }
              section .row .content-info .content-table .table-info .table-cities thead tr th {
                width: 14.2857142%;
                text-align: center;
                padding: 0px 2px 0px 2px;
                display: inline-block; }
                section .row .content-info .content-table .table-info .table-cities thead tr th input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-cities thead tr th {
                    padding: 0px 5px 0px 5px; } }
                section .row .content-info .content-table .table-info .table-cities thead tr th div {
                  background-color: #F2F2F2;
                  border-radius: 5px;
                  height: 48px; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-cities thead tr th div {
                      background-color: transparent;
                      border-radius: inherit; } }
            section .row .content-info .content-table .table-info .table-cities tbody {
              display: inline-table;
              min-height: 315px;
              max-height: 315px;
              height: 315px;
              width: 100%;
              overflow: auto;
              border: none;
              font-size: 14px;
              padding-right: 5px; }
              @media screen and (max-width: 480px) {
                section .row .content-info .content-table .table-info .table-cities tbody {
                  display: table-row-group;
                  min-height: unset;
                  max-height: unset;
                  height: unset;
                  width: unset;
                  overflow: hidden;
                  padding-right: unset; } }
              section .row .content-info .content-table .table-info .table-cities tbody tr {
                display: flex; }
                section .row .content-info .content-table .table-info .table-cities tbody tr td {
                  width: 14.2857142%;
                  text-align: center;
                  padding: 0;
                  margin: 0;
                  display: inline-block;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden; }
                  section .row .content-info .content-table .table-info .table-cities tbody tr td input[type="checkbox"] {
                    margin: 0; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-cities tbody tr td {
                      padding: 0px 5px 0px 5px; } }
          section .row .content-info .content-table .table-info .table-users {
            width: 100%;
            display: block; }
            @media screen and (max-width: 480px) {
              section .row .content-info .content-table .table-info .table-users {
                display: inline-table; } }
            section .row .content-info .content-table .table-info .table-users thead {
              display: inline-table;
              width: 100%;
              height: 0px;
              background-color: transparent;
              border: none;
              padding-right: 5px; }
              section .row .content-info .content-table .table-info .table-users thead tr th {
                width: 14.28571%;
                text-align: center;
                padding: 0px 2px 0px 2px;
                display: inline-block; }
                section .row .content-info .content-table .table-info .table-users thead tr th input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-users thead tr th {
                    padding: 0px 5px 0px 5px; } }
                section .row .content-info .content-table .table-info .table-users thead tr th div {
                  background-color: #F2F2F2;
                  border-radius: 5px;
                  height: 48px; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-users thead tr th div {
                      background-color: transparent;
                      border-radius: inherit; } }
            section .row .content-info .content-table .table-info .table-users tbody {
              display: inline-table;
              min-height: 315px;
              max-height: 315px;
              height: 315px;
              width: 100%;
              overflow: auto;
              border: none;
              font-size: 14px;
              padding-right: 5px; }
              @media screen and (max-width: 480px) {
                section .row .content-info .content-table .table-info .table-users tbody {
                  display: table-row-group;
                  min-height: unset;
                  max-height: unset;
                  height: unset;
                  width: unset;
                  overflow: hidden;
                  padding-right: unset; } }
              section .row .content-info .content-table .table-info .table-users tbody tr td {
                width: 14.28571%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info .content-table .table-info .table-users tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-users tbody tr td {
                    padding: 0px 5px 0px 5px; } }
          section .row .content-info .content-table .table-info .table-cost-center {
            width: 100%;
            display: block; }
            @media screen and (max-width: 480px) {
              section .row .content-info .content-table .table-info .table-cost-center {
                display: inline-table; } }
            section .row .content-info .content-table .table-info .table-cost-center thead {
              display: inline-table;
              width: 100%;
              height: 0px;
              background-color: transparent;
              border: none;
              padding-right: 5px; }
              section .row .content-info .content-table .table-info .table-cost-center thead tr th {
                width: 25%;
                text-align: center;
                padding: 0px 2px 0px 2px;
                display: inline-block; }
                section .row .content-info .content-table .table-info .table-cost-center thead tr th input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-cost-center thead tr th {
                    padding: 0px 5px 0px 5px; } }
                section .row .content-info .content-table .table-info .table-cost-center thead tr th div {
                  background-color: #F2F2F2;
                  border-radius: 5px; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-cost-center thead tr th div {
                      background-color: transparent;
                      border-radius: inherit; } }
            section .row .content-info .content-table .table-info .table-cost-center tbody {
              display: inline-table;
              min-height: 315px;
              max-height: 315px;
              height: 315px;
              width: 100%;
              overflow: auto;
              border: none;
              font-size: 14px;
              padding-right: 5px; }
              @media screen and (max-width: 480px) {
                section .row .content-info .content-table .table-info .table-cost-center tbody {
                  display: table-row-group;
                  min-height: unset;
                  max-height: unset;
                  height: unset;
                  width: unset;
                  overflow: hidden;
                  padding-right: unset; } }
              section .row .content-info .content-table .table-info .table-cost-center tbody tr {
                display: flex; }
                section .row .content-info .content-table .table-info .table-cost-center tbody tr td {
                  width: 25%;
                  text-align: center;
                  padding: 0;
                  margin: 0;
                  display: inline-block;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden; }
                  section .row .content-info .content-table .table-info .table-cost-center tbody tr td input[type="checkbox"] {
                    margin: 0; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-cost-center tbody tr td {
                      padding: 0px 5px 0px 5px; } }
          section .row .content-info .content-table .table-info .table-article {
            width: 100%;
            display: block; }
            @media screen and (max-width: 480px) {
              section .row .content-info .content-table .table-info .table-article {
                display: inline-table; } }
            section .row .content-info .content-table .table-info .table-article thead {
              display: inline-table;
              width: 100%;
              height: 0px;
              background-color: transparent;
              border: none;
              padding-right: 5px; }
              section .row .content-info .content-table .table-info .table-article thead tr th {
                width: 16.6%;
                text-align: center;
                padding: 0px 2px 0px 2px;
                display: inline-block; }
                section .row .content-info .content-table .table-info .table-article thead tr th input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info .content-table .table-info .table-article thead tr th {
                    padding: 0px 5px 0px 5px; } }
                section .row .content-info .content-table .table-info .table-article thead tr th div {
                  background-color: #F2F2F2;
                  border-radius: 5px;
                  height: 31px; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-article thead tr th div {
                      background-color: transparent;
                      border-radius: inherit; } }
            section .row .content-info .content-table .table-info .table-article tbody {
              display: inline-table;
              min-height: 315px;
              max-height: 315px;
              height: 315px;
              width: 100%;
              overflow: auto;
              border: none;
              font-size: 14px;
              padding-right: 5px; }
              @media screen and (max-width: 480px) {
                section .row .content-info .content-table .table-info .table-article tbody {
                  display: table-row-group;
                  min-height: unset;
                  max-height: unset;
                  height: unset;
                  width: unset;
                  overflow: hidden;
                  padding-right: unset; } }
              section .row .content-info .content-table .table-info .table-article tbody tr {
                display: flex; }
                section .row .content-info .content-table .table-info .table-article tbody tr td {
                  width: 16.6%;
                  text-align: center;
                  padding: 0;
                  margin: 0;
                  display: inline-block;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden; }
                  section .row .content-info .content-table .table-info .table-article tbody tr td input[type="checkbox"] {
                    margin: 0; }
                  @media screen and (max-width: 480px) {
                    section .row .content-info .content-table .table-info .table-article tbody tr td {
                      padding: 0px 5px 0px 5px;
                      width: 100px; } }
        section .row .content-info .content-table .pagination {
          text-align: right; }
          section .row .content-info .content-table .pagination ul li a {
            background-color: #F2F2F2;
            border-radius: 5px; }
            section .row .content-info .content-table .pagination ul li a:hover {
              background-color: #E52716 !important;
              color: #FFFFFF; }
          section .row .content-info .content-table .pagination ul li.active a {
            background-color: #E52716 !important;
            color: #FFFFFF; }
      section .row .content-info .opc {
        display: block !important;
        /*@media screen and (max-width: 480px) {
          display: none;
        }*/ }
      section .row .content-info .content-options {
        padding: 5px;
        background-color: #F2F2F2;
        border-radius: 5px;
        box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2); }
        section .row .content-info .content-options div {
          padding: 5px;
          background-color: #E52716;
          font-size: 21px;
          color: #fff;
          border-radius: 5px;
          padding-left: 15px; }
        section .row .content-info .content-options ul li a {
          color: #666666;
          position: relative;
          padding: 0.8rem 1rem; }
          section .row .content-info .content-options ul li a:hover {
            color: #E52716; }
          section .row .content-info .content-options ul li a:before {
            content: '';
            position: absolute;
            bottom: 4px;
            height: 1px;
            width: 90%;
            background-color: #cccccc; }
    section .row .option-filt select {
      width: 47%; }
    section .row .option-filt .list-shopping {
      padding: 0; }
      section .row .option-filt .list-shopping .btn-list {
        background-color: #f2f2f2 !important;
        padding: 5px; }
        section .row .option-filt .list-shopping .btn-list i {
          color: #cccccc; }
        section .row .option-filt .list-shopping .btn-list:hover {
          background-color: #E52716 !important; }
          section .row .option-filt .list-shopping .btn-list:hover i {
            color: #fff; }
    section .row .shopping-content .pagination {
      text-align: right; }
      section .row .shopping-content .pagination ul li a {
        background-color: #F2F2F2;
        border-radius: 5px; }
        section .row .shopping-content .pagination ul li a:hover {
          background-color: #E52716 !important;
          color: #FFFFFF; }
      section .row .shopping-content .pagination ul li.active a {
        background-color: #E52716 !important;
        color: #FFFFFF; }
    section .row .content-info-shopping {
      background-color: #fff;
      border-radius: 5px;
      position: relative;
      z-index: 1;
      padding-top: 25px;
      overflow: hidden;
      height: auto !important;
      min-height: 330px;
      padding-bottom: 15px; }
      @media screen and (max-width: 480px) {
        section .row .content-info-shopping {
          width: 90%;
          margin: 0 5%;
          height: 420px; } }
      section .row .content-info-shopping .kit-info img {
        width: 160px;
        height: 160px;
        float: left;
        margin-right: 15px; }
      section .row .content-info-shopping .kit-info div ul {
        list-style-type: none; }
        section .row .content-info-shopping .kit-info div ul li label {
          margin-top: 0px;
          margin-right: 10px;
          float: left; }
        section .row .content-info-shopping .kit-info div ul li input {
          background-color: #fff;
          width: 100px; }
        section .row .content-info-shopping .kit-info div ul li h3 {
          font-weight: 600; }
          section .row .content-info-shopping .kit-info div ul li h3 a {
            color: #000; }
      section .row .content-info-shopping .article-info {
        margin-top: 20px;
        max-height: 190px;
        height: 190px;
        min-height: 190px;
        overflow: auto; }
        section .row .content-info-shopping .article-info .article-detail {
          border-top: 1px solid #B3B3B3;
          padding-top: 15px; }
        section .row .content-info-shopping .article-info img {
          width: 140px;
          height: 170px;
          float: left;
          margin-right: 15px;
          margin-left: 120px; }
        section .row .content-info-shopping .article-info div ul {
          list-style-type: none; }
          section .row .content-info-shopping .article-info div ul li label {
            margin-top: 0px;
            margin-right: 10px; }
          section .row .content-info-shopping .article-info div ul li input {
            background-color: #fff;
            width: 100px; }
          section .row .content-info-shopping .article-info div ul li h5 {
            font-weight: 600; }
            section .row .content-info-shopping .article-info div ul li h5 a {
              color: #000; }
    section .row .content-info-tracing {
      background-color: #fff;
      border-radius: 5px;
      position: relative;
      z-index: 1;
      height: auto !important;
      min-height: 330px;
      padding-bottom: 15px; }
      section .row .content-info-tracing h4 {
        font-size: 18px;
        color: #E52716;
        margin-top: 10px; }
        @media screen and (max-width: 480px) {
          section .row .content-info-tracing h4 {
            font-size: 17px; } }
      section .row .content-info-tracing .tracing-text {
        width: 30%;
        margin-left: 10px;
        margin-right: 10px; }
      section .row .content-info-tracing .tracing-text-2 {
        width: 71.5%;
        margin-left: 10px;
        margin-right: 10px; }
      @media screen and (max-width: 480px) {
        section .row .content-info-tracing {
          width: 90%;
          margin: 0 5%;
          height: 420px; } }
      section .row .content-info-tracing div {
        float: left !important; }
      section .row .content-info-tracing .table-info {
        width: 100%;
        overflow: auto;
        height: 110px; }
        @media screen and (max-width: 480px) {
          section .row .content-info-tracing .table-info {
            overflow: auto;
            min-height: 200px;
            max-height: 200px;
            height: 200px;
            margin: 10px 0px; } }
        section .row .content-info-tracing .table-info .table-tracing-1 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-tracing .table-info .table-tracing-1 {
              display: inline-table; } }
          section .row .content-info-tracing .table-info .table-tracing-1 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-tracing .table-info .table-tracing-1 thead tr th {
              width: 33.33%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-tracing .table-info .table-tracing-1 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-tracing .table-info .table-tracing-1 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-tracing .table-info .table-tracing-1 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-tracing .table-info .table-tracing-1 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-tracing .table-info .table-tracing-1 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-tracing .table-info .table-tracing-1 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-tracing .table-info .table-tracing-1 tbody tr {
              display: flex; }
              section .row .content-info-tracing .table-info .table-tracing-1 tbody tr td {
                width: 33.33%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-tracing .table-info .table-tracing-1 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-tracing .table-info .table-tracing-1 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
        section .row .content-info-tracing .table-info .table-tracing-2 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-tracing .table-info .table-tracing-2 {
              display: inline-table; } }
          section .row .content-info-tracing .table-info .table-tracing-2 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-tracing .table-info .table-tracing-2 thead tr th {
              width: 50%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-tracing .table-info .table-tracing-2 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-tracing .table-info .table-tracing-2 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-tracing .table-info .table-tracing-2 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-tracing .table-info .table-tracing-2 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-tracing .table-info .table-tracing-2 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-tracing .table-info .table-tracing-2 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-tracing .table-info .table-tracing-2 tbody tr {
              display: flex; }
              section .row .content-info-tracing .table-info .table-tracing-2 tbody tr td {
                width: 50%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-tracing .table-info .table-tracing-2 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-tracing .table-info .table-tracing-2 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
    section .row .content-info-novelty {
      background-color: #fff;
      border-radius: 5px;
      position: absolute;
      width: 1110px;
      z-index: 1;
      height: 500px; }
      section .row .content-info-novelty h4 {
        font-size: 18px;
        color: #E52716;
        margin-top: 10px; }
        @media screen and (max-width: 480px) {
          section .row .content-info-novelty h4 {
            font-size: 17px; } }
      section .row .content-info-novelty .tracing-text {
        width: 30%;
        margin-left: 10px;
        margin-right: 10px; }
      section .row .content-info-novelty .tracing-text-2 {
        width: 71.5%;
        margin-left: 10px;
        margin-right: 10px; }
      @media screen and (max-width: 480px) {
        section .row .content-info-novelty {
          width: 90%;
          margin: 0 5%;
          height: 420px; } }
      section .row .content-info-novelty div {
        float: left !important; }
      section .row .content-info-novelty .table-info {
        width: 100%;
        overflow: auto;
        height: 200px; }
        @media screen and (max-width: 480px) {
          section .row .content-info-novelty .table-info {
            overflow: auto;
            min-height: 200px;
            max-height: 200px;
            height: 200px;
            margin: 10px 0px; } }
        section .row .content-info-novelty .table-info .table-tracing-1 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty .table-info .table-tracing-1 {
              display: inline-table; } }
          section .row .content-info-novelty .table-info .table-tracing-1 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty .table-info .table-tracing-1 thead tr th {
              width: 33.33%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty .table-info .table-tracing-1 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty .table-info .table-tracing-1 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty .table-info .table-tracing-1 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty .table-info .table-tracing-1 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty .table-info .table-tracing-1 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty .table-info .table-tracing-1 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty .table-info .table-tracing-1 tbody tr {
              display: flex; }
              section .row .content-info-novelty .table-info .table-tracing-1 tbody tr td {
                width: 33.33%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty .table-info .table-tracing-1 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty .table-info .table-tracing-1 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
        section .row .content-info-novelty .table-info .table-tracing-2 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty .table-info .table-tracing-2 {
              display: inline-table; } }
          section .row .content-info-novelty .table-info .table-tracing-2 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty .table-info .table-tracing-2 thead tr th {
              width: 50%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty .table-info .table-tracing-2 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty .table-info .table-tracing-2 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty .table-info .table-tracing-2 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty .table-info .table-tracing-2 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty .table-info .table-tracing-2 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty .table-info .table-tracing-2 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty .table-info .table-tracing-2 tbody tr {
              display: flex; }
              section .row .content-info-novelty .table-info .table-tracing-2 tbody tr td {
                width: 50%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty .table-info .table-tracing-2 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty .table-info .table-tracing-2 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
        section .row .content-info-novelty .table-info .table-tracing-3 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty .table-info .table-tracing-3 {
              display: inline-table; } }
          section .row .content-info-novelty .table-info .table-tracing-3 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty .table-info .table-tracing-3 thead tr th {
              width: 25%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty .table-info .table-tracing-3 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty .table-info .table-tracing-3 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty .table-info .table-tracing-3 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty .table-info .table-tracing-3 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty .table-info .table-tracing-3 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty .table-info .table-tracing-3 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty .table-info .table-tracing-3 tbody tr {
              display: flex; }
              section .row .content-info-novelty .table-info .table-tracing-3 tbody tr td {
                margin-top: 15px !important;
                width: 25%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty .table-info .table-tracing-3 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty .table-info .table-tracing-3 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty .table-info .table-tracing-3 tbody tr .td-select {
                margin-top: 0 !important;
                background-color: #FFFFFF; }
    section .row .content-info-novelty-new {
      background-color: #fff;
      border-radius: 5px;
      position: relative;
      overflow: hidden;
      padding-bottom: 10px;
      z-index: 1;
      height: auto !important;
      min-height: 330px;
      padding-bottom: 15px; }
      section .row .content-info-novelty-new h4 {
        font-size: 18px;
        color: #E52716;
        margin-top: 10px; }
        @media screen and (max-width: 480px) {
          section .row .content-info-novelty-new h4 {
            font-size: 17px; } }
      section .row .content-info-novelty-new .tracing-text {
        width: 30%;
        margin-left: 10px;
        margin-right: 10px; }
      section .row .content-info-novelty-new .tracing-text-2 {
        width: 71.5%;
        margin-left: 10px;
        margin-right: 10px; }
      @media screen and (max-width: 480px) {
        section .row .content-info-novelty-new {
          width: 90%;
          margin: 0 5%;
          height: 420px; } }
      section .row .content-info-novelty-new div {
        float: left !important; }
      section .row .content-info-novelty-new .table-info {
        width: 100%;
        overflow: auto;
        height: 200px; }
        @media screen and (max-width: 480px) {
          section .row .content-info-novelty-new .table-info {
            overflow: auto;
            min-height: 200px;
            max-height: 200px;
            height: 200px;
            margin: 10px 0px; } }
        section .row .content-info-novelty-new .table-info .table-tracing-1 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty-new .table-info .table-tracing-1 {
              display: inline-table; } }
          section .row .content-info-novelty-new .table-info .table-tracing-1 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty-new .table-info .table-tracing-1 thead tr th {
              width: 33.33%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty-new .table-info .table-tracing-1 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty-new .table-info .table-tracing-1 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty-new .table-info .table-tracing-1 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-new .table-info .table-tracing-1 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty-new .table-info .table-tracing-1 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty-new .table-info .table-tracing-1 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty-new .table-info .table-tracing-1 tbody tr {
              display: flex; }
              section .row .content-info-novelty-new .table-info .table-tracing-1 tbody tr td {
                width: 33.33%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty-new .table-info .table-tracing-1 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-new .table-info .table-tracing-1 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
        section .row .content-info-novelty-new .table-info .table-tracing-2 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty-new .table-info .table-tracing-2 {
              display: inline-table; } }
          section .row .content-info-novelty-new .table-info .table-tracing-2 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty-new .table-info .table-tracing-2 thead tr th {
              width: 50%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty-new .table-info .table-tracing-2 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty-new .table-info .table-tracing-2 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty-new .table-info .table-tracing-2 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-new .table-info .table-tracing-2 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty-new .table-info .table-tracing-2 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty-new .table-info .table-tracing-2 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty-new .table-info .table-tracing-2 tbody tr {
              display: flex; }
              section .row .content-info-novelty-new .table-info .table-tracing-2 tbody tr td {
                width: 50%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty-new .table-info .table-tracing-2 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-new .table-info .table-tracing-2 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
        section .row .content-info-novelty-new .table-info .table-tracing-3 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty-new .table-info .table-tracing-3 {
              display: inline-table; } }
          section .row .content-info-novelty-new .table-info .table-tracing-3 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty-new .table-info .table-tracing-3 thead tr th {
              width: 25%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty-new .table-info .table-tracing-3 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty-new .table-info .table-tracing-3 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty-new .table-info .table-tracing-3 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-new .table-info .table-tracing-3 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty-new .table-info .table-tracing-3 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty-new .table-info .table-tracing-3 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty-new .table-info .table-tracing-3 tbody tr {
              display: flex; }
              section .row .content-info-novelty-new .table-info .table-tracing-3 tbody tr td {
                margin-top: 15px !important;
                width: 25%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty-new .table-info .table-tracing-3 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-new .table-info .table-tracing-3 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty-new .table-info .table-tracing-3 tbody tr .td-select {
                margin-top: 0 !important;
                background-color: #FFFFFF; }
    section .row .novelty-return-info {
      height: 650px; }
    section .row .content-info-novelty-managenent {
      background-color: #fff;
      border-radius: 5px;
      position: absolute;
      width: 1110px;
      z-index: 1;
      height: 500px; }
      section .row .content-info-novelty-managenent h4 {
        font-size: 18px;
        color: #E52716;
        margin-top: 10px; }
        @media screen and (max-width: 480px) {
          section .row .content-info-novelty-managenent h4 {
            font-size: 17px; } }
      section .row .content-info-novelty-managenent .tracing-text {
        width: 30%;
        margin-left: 10px;
        margin-right: 10px; }
      section .row .content-info-novelty-managenent .tracing-text-2 {
        width: 71.5%;
        margin-left: 10px;
        margin-right: 10px; }
      @media screen and (max-width: 480px) {
        section .row .content-info-novelty-managenent {
          width: 90%;
          margin: 0 5%;
          height: 420px; } }
      section .row .content-info-novelty-managenent div {
        float: left !important; }
      section .row .content-info-novelty-managenent .table-info {
        width: 100%;
        overflow: auto;
        height: 450px; }
        @media screen and (max-width: 480px) {
          section .row .content-info-novelty-managenent .table-info {
            overflow: auto;
            min-height: 200px;
            max-height: 200px;
            height: 200px;
            margin: 10px 0px; } }
        section .row .content-info-novelty-managenent .table-info .table-tracing-1 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty-managenent .table-info .table-tracing-1 {
              display: inline-table; } }
          section .row .content-info-novelty-managenent .table-info .table-tracing-1 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty-managenent .table-info .table-tracing-1 thead tr th {
              width: 33.33%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty-managenent .table-info .table-tracing-1 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty-managenent .table-info .table-tracing-1 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty-managenent .table-info .table-tracing-1 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-managenent .table-info .table-tracing-1 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty-managenent .table-info .table-tracing-1 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty-managenent .table-info .table-tracing-1 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty-managenent .table-info .table-tracing-1 tbody tr {
              display: flex; }
              section .row .content-info-novelty-managenent .table-info .table-tracing-1 tbody tr td {
                width: 33.33%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty-managenent .table-info .table-tracing-1 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-managenent .table-info .table-tracing-1 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
        section .row .content-info-novelty-managenent .table-info .table-tracing-2 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty-managenent .table-info .table-tracing-2 {
              display: inline-table; } }
          section .row .content-info-novelty-managenent .table-info .table-tracing-2 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty-managenent .table-info .table-tracing-2 thead tr th {
              width: 50%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty-managenent .table-info .table-tracing-2 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty-managenent .table-info .table-tracing-2 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty-managenent .table-info .table-tracing-2 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-managenent .table-info .table-tracing-2 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty-managenent .table-info .table-tracing-2 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty-managenent .table-info .table-tracing-2 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty-managenent .table-info .table-tracing-2 tbody tr {
              display: flex; }
              section .row .content-info-novelty-managenent .table-info .table-tracing-2 tbody tr td {
                width: 50%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty-managenent .table-info .table-tracing-2 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-managenent .table-info .table-tracing-2 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
        section .row .content-info-novelty-managenent .table-info .table-tracing-3 {
          width: 100%;
          display: block; }
          @media screen and (max-width: 480px) {
            section .row .content-info-novelty-managenent .table-info .table-tracing-3 {
              display: inline-table; } }
          section .row .content-info-novelty-managenent .table-info .table-tracing-3 thead {
            display: inline-table;
            width: 100%;
            height: 0px;
            background-color: transparent;
            border: none;
            padding-right: 5px; }
            section .row .content-info-novelty-managenent .table-info .table-tracing-3 thead tr th {
              width: 20%;
              text-align: center;
              padding: 0px 2px 0px 2px;
              display: inline-block; }
              section .row .content-info-novelty-managenent .table-info .table-tracing-3 thead tr th input[type="checkbox"] {
                margin: 0; }
              @media screen and (max-width: 480px) {
                section .row .content-info-novelty-managenent .table-info .table-tracing-3 thead tr th {
                  padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty-managenent .table-info .table-tracing-3 thead tr th div {
                width: 100%;
                background-color: #F2F2F2;
                border-radius: 5px;
                height: 25px; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-managenent .table-info .table-tracing-3 thead tr th div {
                    background-color: transparent;
                    border-radius: inherit; } }
          section .row .content-info-novelty-managenent .table-info .table-tracing-3 tbody {
            display: inline-table;
            min-height: 0px;
            max-height: 0px;
            height: 0px;
            width: 100%;
            overflow: auto;
            border: none;
            font-size: 14px;
            padding-right: 5px; }
            @media screen and (max-width: 480px) {
              section .row .content-info-novelty-managenent .table-info .table-tracing-3 tbody {
                display: table-row-group;
                min-height: unset;
                max-height: unset;
                height: unset;
                width: unset;
                overflow: hidden;
                padding-right: unset; } }
            section .row .content-info-novelty-managenent .table-info .table-tracing-3 tbody tr {
              display: flex; }
              section .row .content-info-novelty-managenent .table-info .table-tracing-3 tbody tr td {
                margin-top: 15px !important;
                width: 20%;
                text-align: center;
                padding: 0;
                margin: 0;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden; }
                section .row .content-info-novelty-managenent .table-info .table-tracing-3 tbody tr td input[type="checkbox"] {
                  margin: 0; }
                @media screen and (max-width: 480px) {
                  section .row .content-info-novelty-managenent .table-info .table-tracing-3 tbody tr td {
                    padding: 0px 5px 0px 5px; } }
              section .row .content-info-novelty-managenent .table-info .table-tracing-3 tbody tr .td-select {
                margin-top: 0 !important;
                background-color: #FFFFFF; }
    section .row .content-info-detail {
      background-color: #fff;
      border-radius: 5px;
      position: relative;
      z-index: 1;
      padding-top: 25px;
      height: auto !important;
      min-height: 330px;
      padding-bottom: 15px; }
      @media screen and (max-width: 480px) {
        section .row .content-info-detail {
          width: 90%;
          margin: 0 5%;
          height: 420px; } }
      section .row .content-info-detail .opc-menu {
        display: none; }
        @media screen and (max-width: 480px) {
          section .row .content-info-detail .opc-menu {
            display: block;
            position: inherit;
            margin-top: -32px;
            float: right; } }
        section .row .content-info-detail .opc-menu a i {
          color: #E52716; }
      section .row .content-info-detail .opc {
        display: block; }
        @media screen and (max-width: 480px) {
          section .row .content-info-detail .opc {
            display: none; } }
      section .row .content-info-detail .content-options {
        padding: 5px;
        background-color: #F2F2F2;
        border-radius: 5px;
        box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2); }
        section .row .content-info-detail .content-options div {
          padding: 5px;
          background-color: #E52716;
          font-size: 21px;
          color: #fff;
          border-radius: 5px;
          padding-left: 15px; }
        section .row .content-info-detail .content-options ul li a {
          color: #666666;
          position: relative;
          padding: 0.8rem 1rem; }
          section .row .content-info-detail .content-options ul li a:hover {
            color: #E52716; }
          section .row .content-info-detail .content-options ul li a:before {
            content: '';
            position: absolute;
            bottom: 4px;
            height: 1px;
            width: 90%;
            background-color: #cccccc; }
      section .row .content-info-detail .content-options2 {
        margin-top: 20px;
        padding: 5px;
        background-color: #F2F2F2;
        border-radius: 5px;
        box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.2); }
        section .row .content-info-detail .content-options2 input {
          background-color: #fff;
          margin-top: 10px;
          margin-bottom: 10px;
          width: 100%; }
        section .row .content-info-detail .content-options2 div {
          padding: 5px;
          background-color: #E52716;
          font-size: 21px;
          color: #fff;
          border-radius: 5px;
          padding-left: 15px; }
        section .row .content-info-detail .content-options2 ul li a {
          color: #666666;
          position: relative;
          padding: 0.8rem 1rem; }
          section .row .content-info-detail .content-options2 ul li a:hover {
            color: #E52716; }
          section .row .content-info-detail .content-options2 ul li a:before {
            content: '';
            position: absolute;
            bottom: 4px;
            height: 1px;
            width: 90%;
            background-color: #cccccc; }
    section .row .content-info-checkout {
      background-color: #fff;
      border-radius: 5px;
      position: relative;
      z-index: 1;
      padding-top: 25px;
      overflow: hidden;
      padding-bottom: 15px; }
      @media screen and (max-width: 480px) {
        section .row .content-info-checkout {
          width: 90%;
          margin: 0 5%; } }
      section .row .content-info-checkout .checout-list {
        height: 320px;
        overflow: auto; }
        section .row .content-info-checkout .checout-list .checkout-item {
          border-top: 1px solid #B3B3B3;
          padding-top: 15px;
          padding-bottom: 15px; }
          section .row .content-info-checkout .checout-list .checkout-item .checkout-img img {
            width: 140px;
            height: 140px;
            float: left; }
          section .row .content-info-checkout .checout-list .checkout-item .checkout-desc ul {
            list-style-type: none; }
            section .row .content-info-checkout .checout-list .checkout-item .checkout-desc ul li {
              color: #666666; }
              section .row .content-info-checkout .checout-list .checkout-item .checkout-desc ul li label {
                color: #666666;
                float: left;
                margin-right: 10px; }
              section .row .content-info-checkout .checout-list .checkout-item .checkout-desc ul li h5 {
                color: #666666;
                font-weight: 600; }
              section .row .content-info-checkout .checout-list .checkout-item .checkout-desc ul li span {
                color: #666666; }
        section .row .content-info-checkout .checout-list .checkout-kit {
          border-top: 1px solid #B3B3B3;
          padding-top: 15px;
          padding-bottom: 15px; }
          section .row .content-info-checkout .checout-list .checkout-kit .checkout-img-kit img {
            width: 140px;
            height: 140px;
            float: left; }
          section .row .content-info-checkout .checout-list .checkout-kit .checkout-desc-kit ul {
            list-style-type: none; }
            section .row .content-info-checkout .checout-list .checkout-kit .checkout-desc-kit ul li {
              color: #666666; }
              section .row .content-info-checkout .checout-list .checkout-kit .checkout-desc-kit ul li label {
                color: #666666;
                float: left;
                margin-right: 10px; }
              section .row .content-info-checkout .checout-list .checkout-kit .checkout-desc-kit ul li h5 {
                color: #666666;
                font-weight: 600; }
              section .row .content-info-checkout .checout-list .checkout-kit .checkout-desc-kit ul li span {
                color: #666666; }
          section .row .content-info-checkout .checout-list .checkout-kit .checkout-kit-item {
            padding-top: 15px;
            padding-left: 60px; }
            section .row .content-info-checkout .checout-list .checkout-kit .checkout-kit-item .checkout-item-kit {
              border-top: 1px solid #B3B3B3;
              padding-top: 15px;
              padding-bottom: 15px; }
              section .row .content-info-checkout .checout-list .checkout-kit .checkout-kit-item .checkout-item-kit .checkout-img-item-kit img {
                width: 140px;
                height: 140px;
                float: left; }
              section .row .content-info-checkout .checout-list .checkout-kit .checkout-kit-item .checkout-item-kit .checkout-desc-item-kit ul {
                list-style-type: none; }
                section .row .content-info-checkout .checout-list .checkout-kit .checkout-kit-item .checkout-item-kit .checkout-desc-item-kit ul li {
                  color: #666666; }
                  section .row .content-info-checkout .checout-list .checkout-kit .checkout-kit-item .checkout-item-kit .checkout-desc-item-kit ul li label {
                    color: #666666;
                    float: left;
                    margin-right: 10px; }
                  section .row .content-info-checkout .checout-list .checkout-kit .checkout-kit-item .checkout-item-kit .checkout-desc-item-kit ul li h5 {
                    color: #666666;
                    font-weight: 600; }
                  section .row .content-info-checkout .checout-list .checkout-kit .checkout-kit-item .checkout-item-kit .checkout-desc-item-kit ul li span {
                    color: #666666; }
      section .row .content-info-checkout .checkout-info h3 {
        color: #666666; }
      section .row .content-info-checkout .checkout-info .checkout-detail {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center; }
        section .row .content-info-checkout .checkout-info .checkout-detail .desc-check {
          color: #666666;
          float: left; }
        section .row .content-info-checkout .checkout-info .checkout-detail .desc-check-if {
          float: right;
          color: #000;
          font-weight: 600; }
        section .row .content-info-checkout .checkout-info .checkout-detail .desc-check-dir {
          font-weight: 600; }
      section .row .content-info-checkout .checkout-info .checkout-btn {
        padding-top: 20px; }
        section .row .content-info-checkout .checkout-info .checkout-btn .btn-checkout {
          text-align: center; }
    section .row .content-info-request {
      background-color: #fff;
      border-radius: 5px;
      position: relative;
      z-index: 1;
      padding-top: 25px;
      overflow: hidden;
      height: auto !important;
      min-height: 330px;
      padding-bottom: 15px; }
      @media screen and (max-width: 480px) {
        section .row .content-info-request {
          width: 90%;
          margin: 0 5%;
          height: 420px; } }
      section .row .content-info-request .request-form {
        color: #666666; }
        section .row .content-info-request .request-form select {
          color: #666666;
          background-size: 3%;
          width: 30%; }
        section .row .content-info-request .request-form label {
          color: #666666;
          float: left;
          margin-top: 8px;
          margin-right: 20px; }
        section .row .content-info-request .request-form span {
          color: #666666;
          margin-left: 10px; }
        section .row .content-info-request .request-form .doc-file {
          border-radius: 5px;
          background-color: #f2f2f2;
          color: #666666; }
        section .row .content-info-request .request-form textarea {
          background-color: #f2f2f2;
          border-radius: 5px;
          height: 110px;
          max-height: 110px;
          min-height: 110px; }
        section .row .content-info-request .request-form .request-btn {
          text-align: center; }
    section .row .content-info-massive {
      background-color: #fff;
      border-radius: 5px;
      position: absolute;
      width: 1110px;
      z-index: 1;
      position: relative;
      overflow: hidden;
      padding: 20px .9375rem; }
      section .row .content-info-massive table {
        border-collapse: separate;
        border-spacing: 5px; }
        section .row .content-info-massive table thead {
          background: none;
          border: none; }
          section .row .content-info-massive table thead tr th {
            text-align: center;
            background-color: #F2F2F2;
            border-radius: 5px;
            padding: 0; }
        section .row .content-info-massive table tbody tr td {
          padding: 0; }
    section .row .retunr-novelty-desc {
      padding: 0; }
      section .row .retunr-novelty-desc div {
        padding: 0; }
      section .row .retunr-novelty-desc .rn-desc-dir {
        text-align: center; }
    section .row .qualify {
      float: left !important;
      text-align: center; }

.control-height {
  height: 825px; }
  @media screen and (max-width: 480px) {
    .control-height {
      height: 580px; } }

.control-height-shopping {
  height: 870px; }
  @media screen and (max-width: 480px) {
    .control-height-shopping {
      height: 1500px; } }

.control-height-detail {
  height: 900px; }
  @media screen and (max-width: 480px) {
    .control-height-detail {
      height: 760px; } }

.control-height-checkout {
  height: 562px; }

.control-height-request {
  height: 562px; }

.control-height-novelty {
  height: 700px; }

.control-height-novelty-new {
  height: 700px; }

.control-height-novelty-return {
  height: 850px; }

.control-height-novelty-managenent {
  height: 700px; }

#modalNewCg, #modalEditCg, #modalNewT, #modalEditT, #modalKitT, #modalNewP, #modalEditP, #modalNewC, #modalEditC, #modalNewU, #modalEditU, #modalTu, #modalNewCc, #modalEditCc {
  border-radius: 5px; }
  #modalNewCg h5, #modalEditCg h5, #modalNewT h5, #modalEditT h5, #modalKitT h5, #modalNewP h5, #modalEditP h5, #modalNewC h5, #modalEditC h5, #modalNewU h5, #modalEditU h5, #modalTu h5, #modalNewCc h5, #modalEditCc h5 {
    color: #666666; }

.cont-info-modal {
  background-color: #E6E6E6;
  height: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  padding: 10px; }
  .cont-info-modal .cont-info-modal-h {
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative; }

@media screen and (max-width: 480px) {
  #modalNewCc {
    min-height: 290px;
    height: 290px;
    top: 185px !important; } }
@media screen and (max-width: 480px) {
  #modalNewCc .info-modal-new span {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalNewCc .info-modal-new input {
    width: 100%; } }

@media screen and (max-width: 480px) {
  #modalEditCc {
    min-height: 290px;
    height: 290px;
    top: 185px !important; } }
@media screen and (max-width: 480px) {
  #modalEditCc .info-modal-edit span {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalEditCc .info-modal-edit input {
    width: 100%; } }

@media screen and (max-width: 480px) {
  #modalNewCg {
    min-height: 395px;
    height: 395px;
    top: 185px !important; } }
@media screen and (max-width: 480px) {
  #modalNewCg .info-modal-new span {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalNewCg .info-modal-new input {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalNewCg .info-modal-new select {
    width: 100%; } }

@media screen and (max-width: 480px) {
  #modalEditCg {
    min-height: 395px;
    height: 395px;
    top: 185px !important; } }
@media screen and (max-width: 480px) {
  #modalEditCg .info-modal-edit span {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalEditCg .info-modal-edit input {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalEditCg .info-modal-edit select {
    width: 100%; } }

@media screen and (max-width: 480px) {
  #modalNewT {
    min-height: 290px;
    height: 290px;
    top: 185px !important; } }
@media screen and (max-width: 480px) {
  #modalNewT .info-modal-new span {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalNewT .info-modal-new input {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalNewT .info-modal-new select {
    width: 100%; } }

@media screen and (max-width: 480px) {
  #modalEditT {
    min-height: 350px;
    height: 350px;
    top: 185px !important; } }
@media screen and (max-width: 480px) {
  #modalEditT .info-modal-edit span {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalEditT .info-modal-edit input {
    width: 100%; } }
@media screen and (max-width: 480px) {
  #modalEditT .info-modal-edit select {
    width: 100%; } }

#modalManagementNovelty .table-info, #modalManagementDevolution .table-info {
  width: 100%;
  overflow: auto;
  height: 300px; }
  @media screen and (max-width: 480px) {
    #modalManagementNovelty .table-info, #modalManagementDevolution .table-info {
      overflow: auto;
      min-height: 200px;
      max-height: 200px;
      height: 200px;
      margin: 10px 0px; } }
  #modalManagementNovelty .table-info .table-tracing-3, #modalManagementDevolution .table-info .table-tracing-3 {
    background-color: #FFFFFF;
    width: 100%;
    display: block; }
    @media screen and (max-width: 480px) {
      #modalManagementNovelty .table-info .table-tracing-3, #modalManagementDevolution .table-info .table-tracing-3 {
        display: inline-table; } }
    #modalManagementNovelty .table-info .table-tracing-3 thead, #modalManagementDevolution .table-info .table-tracing-3 thead {
      margin-bottom: 5px;
      display: inline-table;
      width: 100%;
      height: 0px;
      background-color: transparent;
      border: none;
      padding-right: 5px; }
      #modalManagementNovelty .table-info .table-tracing-3 thead tr th, #modalManagementDevolution .table-info .table-tracing-3 thead tr th {
        width: 50%;
        text-align: center;
        padding: 0px 2px 0px 2px;
        display: inline-block; }
        #modalManagementNovelty .table-info .table-tracing-3 thead tr th input[type="checkbox"], #modalManagementDevolution .table-info .table-tracing-3 thead tr th input[type="checkbox"] {
          margin: 0; }
        @media screen and (max-width: 480px) {
          #modalManagementNovelty .table-info .table-tracing-3 thead tr th, #modalManagementDevolution .table-info .table-tracing-3 thead tr th {
            padding: 0px 5px 0px 5px; } }
        #modalManagementNovelty .table-info .table-tracing-3 thead tr th div, #modalManagementDevolution .table-info .table-tracing-3 thead tr th div {
          width: 100%;
          background-color: #F2F2F2;
          border-radius: 5px;
          height: 25px; }
          @media screen and (max-width: 480px) {
            #modalManagementNovelty .table-info .table-tracing-3 thead tr th div, #modalManagementDevolution .table-info .table-tracing-3 thead tr th div {
              background-color: transparent;
              border-radius: inherit; } }
    #modalManagementNovelty .table-info .table-tracing-3 tbody, #modalManagementDevolution .table-info .table-tracing-3 tbody {
      display: inline-table;
      min-height: 0px;
      max-height: 0px;
      height: 0px;
      width: 100%;
      overflow: auto;
      border: none;
      font-size: 14px;
      padding-right: 5px; }
      @media screen and (max-width: 480px) {
        #modalManagementNovelty .table-info .table-tracing-3 tbody, #modalManagementDevolution .table-info .table-tracing-3 tbody {
          display: table-row-group;
          min-height: unset;
          max-height: unset;
          height: unset;
          width: unset;
          overflow: hidden;
          padding-right: unset; } }
      #modalManagementNovelty .table-info .table-tracing-3 tbody tr, #modalManagementDevolution .table-info .table-tracing-3 tbody tr {
        display: flex; }
        #modalManagementNovelty .table-info .table-tracing-3 tbody tr td, #modalManagementDevolution .table-info .table-tracing-3 tbody tr td {
          margin-top: 15px !important;
          width: 50%;
          text-align: center;
          padding: 0;
          margin: 0;
          display: inline-block;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          #modalManagementNovelty .table-info .table-tracing-3 tbody tr td input[type="checkbox"], #modalManagementDevolution .table-info .table-tracing-3 tbody tr td input[type="checkbox"] {
            margin: 0; }
          @media screen and (max-width: 480px) {
            #modalManagementNovelty .table-info .table-tracing-3 tbody tr td, #modalManagementDevolution .table-info .table-tracing-3 tbody tr td {
              padding: 0px 5px 0px 5px; } }
        #modalManagementNovelty .table-info .table-tracing-3 tbody tr .td-select, #modalManagementDevolution .table-info .table-tracing-3 tbody tr .td-select {
          margin-top: 0 !important;
          background-color: #FFFFFF; }
#modalManagementNovelty .coment-modals, #modalManagementDevolution .coment-modals {
  text-align: left; }

.content-modal-new-position {
  padding: 10px; }
  .content-modal-new-position div div span {
    margin-top: -5px;
    font-weight: 600;
    font-size: 20px;
    color: #666666; }
  .content-modal-new-position div div input, .content-modal-new-position div div select {
    float: right; }

.content-modal-kit-position fieldset {
  padding-left: 10px;
  overflow: auto;
  height: 300px; }
  .content-modal-kit-position fieldset .kit-plus {
    text-align: right; }
  .content-modal-kit-position fieldset div div {
    text-align: center; }
.content-modal-kit-position img {
  margin-right: 10px; }
.content-modal-kit-position input {
  width: 100%; }
.content-modal-kit-position fieldset div div span {
  float: left;
  margin-top: 7px; }
.content-modal-kit-position fieldset div div input, .content-modal-kit-position fieldset div div select {
  float: right; }

.content-modal {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  margin: 5px auto;
  padding-top: 10px;
  height: auto;
  min-height: 170px;
  overflow: hidden; }
  .content-modal .content-modal-title {
    display: table;
    font-size: 17px; }
    .content-modal .content-modal-title div {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      height: 150px; }
      @media screen and (max-width: 480px) {
        .content-modal .content-modal-title div {
          height: 0; } }
  .content-modal .content-modal-language div {
    padding-left: 0;
    padding-right: 0; }
    .content-modal .content-modal-language div div {
      padding: 5px 0px 5px 0px;
      display: table;
      height: 50px; }
      .content-modal .content-modal-language div div span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 17px; }
  .content-modal .content-modal-language input[type="text"] {
    width: 70%; }
  .content-modal .content-modal-img {
    min-height: 160px;
    max-height: 160px;
    height: 160px; }
    .content-modal .content-modal-img .orbit {
      min-height: 160px;
      max-height: 160px;
      height: 160px; }
      .content-modal .content-modal-img .orbit .orbit-wrapper .orbit-container {
        min-height: 160px !important;
        max-height: 160px !important;
        height: 160px !important; }
        .content-modal .content-modal-img .orbit .orbit-wrapper .orbit-container li {
          min-height: 160px !important;
          max-height: 160px !important;
          height: 160px !important; }
          .content-modal .content-modal-img .orbit .orbit-wrapper .orbit-container li figure {
            min-height: 160px;
            max-height: 160px;
            height: 160px; }
            .content-modal .content-modal-img .orbit .orbit-wrapper .orbit-container li figure img {
              min-height: 140px;
              max-height: 140px;
              height: 140px; }
            .content-modal .content-modal-img .orbit .orbit-wrapper .orbit-container li figure figcaption {
              min-height: 20px;
              max-height: 20px;
              height: 20px;
              padding: 0px;
              text-align: center;
              background-color: transparent;
              color: #666666;
              font-size: 13px; }
    .content-modal .content-modal-img .modal-table {
      height: 110px; }
      .content-modal .content-modal-img .modal-table table {
        display: block;
        width: 100%; }
        .content-modal .content-modal-img .modal-table table thead {
          display: inline-block;
          width: 100%;
          height: 40px;
          background-color: transparent;
          border: none; }
          .content-modal .content-modal-img .modal-table table thead tr th {
            width: 90%;
            text-align: center;
            padding: 0px 2px 0px 2px; }
            .content-modal .content-modal-img .modal-table table thead tr th div {
              background-color: #F2F2F2;
              border-radius: 5px; }
          .content-modal .content-modal-img .modal-table table thead tr th:first-of-type {
            width: 10%;
            text-align: center;
            padding: 0px 2px 0px 2px; }
            .content-modal .content-modal-img .modal-table table thead tr th:first-of-type div {
              background-color: #F2F2F2;
              border-radius: 5px;
              height: 25px;
              padding: 0px 5px 0px 8px; }
        .content-modal .content-modal-img .modal-table table tbody {
          display: inline-block;
          height: 70px;
          width: 100%;
          overflow: auto;
          border: none;
          font-size: 13px;
          padding-right: 5px; }
          .content-modal .content-modal-img .modal-table table tbody tr td {
            width: 90%;
            text-align: center;
            padding-top: 0;
            padding-bottom: 0; }
            .content-modal .content-modal-img .modal-table table tbody tr td span {
              font-size: 18px; }
          .content-modal .content-modal-img .modal-table table tbody tr td:first-of-type {
            width: 10%; }
            .content-modal .content-modal-img .modal-table table tbody tr td:first-of-type span {
              font-size: 18px; }
    .content-modal .content-modal-img .model-delete-photo {
      padding-bottom: 5px;
      text-align: right; }
      .content-modal .content-modal-img .model-delete-photo span {
        margin-right: 15px; }
      .content-modal .content-modal-img .model-delete-photo a {
        background-color: #F2F2F2;
        padding: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #cccccc;
        color: #E52716; }
  .content-modal .af-select {
    font-size: 14px; }
  .content-modal .btn-select {
    margin: 0px 0px 0px 5px;
    border-radius: 5px;
    background-color: #F2F2F2;
    color: #666666; }

.form-model-size {
  min-height: 400px;
  max-height: 400px;
  height: 400px;
  overflow: auto; }
  .form-model-size .content-modal-size {
    position: relative; }
    .form-model-size .content-modal-size .modal-size {
      border: 1px solid #e6e6e6;
      border-radius: 5px; }
      .form-model-size .content-modal-size .modal-size table {
        font-size: 22px; }
        .form-model-size .content-modal-size .modal-size table thead {
          background: none;
          border: none; }
          .form-model-size .content-modal-size .modal-size table thead tr td {
            font-weight: normal; }
            .form-model-size .content-modal-size .modal-size table thead tr td input[type="text"] {
              width: 15%; }
            .form-model-size .content-modal-size .modal-size table thead tr td span {
              float: left;
              margin-top: 4px;
              margin-right: 10px; }
          .form-model-size .content-modal-size .modal-size table thead tr .td-1 {
            width: 10%; }
          .form-model-size .content-modal-size .modal-size table thead tr .td-2 {
            width: 40%; }
          .form-model-size .content-modal-size .modal-size table thead tr .td-3 {
            width: 40%; }
          .form-model-size .content-modal-size .modal-size table thead tr .td-4 {
            width: 5%; }
          .form-model-size .content-modal-size .modal-size table thead tr .td-5 {
            width: 5%; }
        .form-model-size .content-modal-size .modal-size table tbody {
          background: none;
          border: none; }
          .form-model-size .content-modal-size .modal-size table tbody tr td input[type="text"] {
            width: 100%; }
          .form-model-size .content-modal-size .modal-size table tbody tr td img {
            width: 15px; }
          .form-model-size .content-modal-size .modal-size table tbody tr .td-1 {
            width: 10%; }
          .form-model-size .content-modal-size .modal-size table tbody tr .td-2 {
            width: 40%; }
          .form-model-size .content-modal-size .modal-size table tbody tr .td-3 {
            width: 40%; }
          .form-model-size .content-modal-size .modal-size table tbody tr .td-4 {
            width: 5%; }
          .form-model-size .content-modal-size .modal-size table tbody tr .td-5 {
            width: 5%; }
          .form-model-size .content-modal-size .modal-size table tbody tr:nth-child(even) {
            background-color: transparent; }
    .form-model-size .content-modal-size .modal-size-add {
      position: absolute;
      bottom: 0;
      top: 0;
      right: 0; }
      .form-model-size .content-modal-size .modal-size-add .size-actions {
        margin-top: 70%; }

.btn-save {
  background-color: #E52716 !important;
  border-radius: 10px;
  padding: 5px 25px;
  font-size: 16px; }

.btn-plus {
  background-color: #F2F2F2;
  color: #E52716;
  border-radius: 10px;
  padding: 5px 25px;
  font-size: 20px; }
  .btn-plus:hover {
    background-color: #E52716;
    color: #F2F2F2; }

.btn-minum {
  background-color: #E52716;
  color: #F2F2F2;
  border-radius: 10px;
  padding: 5px 25px;
  font-size: 20px; }
  .btn-minum:hover {
    background-color: #F2F2F2;
    color: #E52716; }

.content-modal-images {
  height: 250px; }

.footer-login, .footer-forget, .footer-restore {
  background: #575756;
  height: 72px;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%; }
  .footer-login div, .footer-forget div, .footer-restore div {
    margin-top: 27px; }
    @media screen and (max-width: 480px) {
      .footer-login div, .footer-forget div, .footer-restore div {
        margin-top: 8px;
        font-size: 14px;
        text-align: center; } }

.footer-general {
  background: #575756;
  height: 110px;
  color: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  margin-top: -20px; }
  @media screen and (max-width: 480px) {
    .footer-general {
      height: 65px; } }
  .footer-general div {
    margin-top: 40px;
    padding-left: 130px; }
    @media screen and (max-width: 480px) {
      .footer-general div {
        margin-top: 8px;
        font-size: 14px;
        text-align: center; } }

::-webkit-scrollbar {
  width: 6px;
  height: 6px; }
  ::-webkit-scrollbar:hover {
    width: 10px;
    height: 10px; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F2F2F2; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #E52716; }

.callout.warning {
  background-color: #f2f2f2;
  border: 1px solid #E6E6E6; }

#preloader_1 {
  position: relative; }

#preloader_1 span {
  display: block;
  bottom: 0px;
  width: 9px;
  height: 5px;
  background: #F2F2F2;
  position: absolute;
  animation: preloader_1 1.5s infinite ease-in-out;
  border-radius: 0px; }

#preloader_1 span:nth-child(2) {
  left: 11px;
  animation-delay: .2s; }

#preloader_1 span:nth-child(3) {
  left: 22px;
  animation-delay: .4s; }

#preloader_1 span:nth-child(4) {
  left: 33px;
  animation-delay: .6s; }

#preloader_1 span:nth-child(5) {
  left: 44px;
  animation-delay: .8s; }

#preloader_1 span:nth-child(6) {
  left: 55px;
  animation-delay: 1.0s; }

#preloader_1 span:nth-child(7) {
  left: 66px;
  animation-delay: 1.2s; }

#preloader_1 span:nth-child(8) {
  left: 77px;
  animation-delay: 1.4s; }

@keyframes preloader_1 {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #F2F2F2; }
  25% {
    height: 5px;
    transform: translateY(15px);
    background: #E52716; }
  50% {
    height: 5px;
    transform: translateY(0px);
    background: #F2F2F2; }
  100% {
    height: 5px;
    transform: translateY(0px);
    background: #F2F2F2; } }
.shopping-product {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #F2F2F2; }
  .shopping-product .kit-product {
    background-color: #F2F2F2;
    border-radius: 5px;
    padding: 10px; }
    .shopping-product .kit-product .kp-cont {
      border: 1px dashed #CCCCCC; }
      .shopping-product .kit-product .kp-cont .kit-img {
        padding: 15px; }
        .shopping-product .kit-product .kp-cont .kit-img img {
          width: 100px;
          height: 100px;
          max-width: 100px;
          max-height: 100px; }
      .shopping-product .kit-product .kp-cont .kit-desc {
        padding: 15px; }
        .shopping-product .kit-product .kp-cont .kit-desc .list-kit {
          list-style-type: none;
          margin: 0;
          padding: 0; }
          .shopping-product .kit-product .kp-cont .kit-desc .list-kit li {
            color: #666666;
            padding: 8px 16px; }
            .shopping-product .kit-product .kp-cont .kit-desc .list-kit li a {
              font-weight: 600; }
      .shopping-product .kit-product .kp-cont .kit-view {
        text-align: right;
        font-size: 32px;
        color: #E52716; }
  .shopping-product .kit-article {
    border: 1px solid #E52716;
    border-radius: 5px;
    margin: 5px 5px 5px 50px;
    float: left !important; }
    .shopping-product .kit-article .kit-article-img {
      padding: 15px; }
      .shopping-product .kit-article .kit-article-img img {
        width: 110px;
        max-width: 110px; }
    .shopping-product .kit-article .kit-article-desc {
      padding: 15px; }
      .shopping-product .kit-article .kit-article-desc .list-kit-article {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .shopping-product .kit-article .kit-article-desc .list-kit-article li {
          color: #666666;
          padding: 8px 16px; }
          .shopping-product .kit-article .kit-article-desc .list-kit-article li a {
            font-weight: 600; }

.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 30px; }

.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
  -webkit-text-stroke-color: #000;
  -webkit-text-stroke-width: 1px;
  color: transparent; }
  .rating > span:hover {
    -webkit-text-stroke-color: #E52716;
    color: #E52716; }
  .rating > span:focus {
    -webkit-text-stroke-color: #E52716;
    color: #E52716; }

.rating > span:hover:before,
.rating > span:hover ~ span:before {
  content: "\2605";
  position: absolute;
  -webkit-text-stroke-color: #E52716;
  color: #E52716; }

.slid-detail {
  /*max-height: 500px;
  min-height: 500px;
  height: 500px;*/ }
  .slid-detail .orbit {
    /*max-height: 500px;
    min-height: 500px;
    height: 500px;*/ }
    .slid-detail .orbit ul {
      max-height: 500px;
      min-height: 500px;
      height: 500px; }

.detaill-bullets {
  height: 90px;
  text-align: left; }
  .detaill-bullets button {
    height: 100%;
    width: 60px; }

.detail-info h3 {
  font-weight: 600;
  color: #666666; }
.detail-info p {
  text-align: justify;
  color: #666666; }
.detail-info label {
  color: #666666; }
.detail-info .detail-text {
  width: 20% !important;
  margin: 0 10px !important;
  text-align: center; }
.detail-info .detail-minus, .detail-info .detail-plus {
  padding: 10px;
  color: #666666;
  background-color: #f2f2f2;
  border: 1px solid #cccccc;
  border-radius: 5px; }
  .detail-info .detail-minus:hover, .detail-info .detail-plus:hover {
    background-color: #E52716;
    color: #ffffff; }
.detail-info .btn-detail {
  text-align: center; }

.detail-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .detail-list li {
    color: #666666;
    padding: 8px 16px; }
    .detail-list li span:first-of-type {
      font-weight: 600; }

.table-info-Size {
  padding: 10px;
  background-color: #fff; }
  .table-info-Size .table-SizeGuide thead tr {
    background-color: #f1f1f1; }
    .table-info-Size .table-SizeGuide thead tr th {
      text-align: center; }
  .table-info-Size .table-SizeGuide tbody {
    border: none; }

.list-car {
  padding: 10px; }
  .list-car .car {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #F2F2F2; }
    .list-car .car .car-info p {
      font-size: 22px;
      font-weight: 600;
      color: #666666; }
    .list-car .car .car-delete a {
      position: absolute;
      margin-top: -15px;
      font-size: 36px;
      color: #E52716; }

.text-tracing {
  border-radius: 5px; }

.btn-file {
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  color: #666666; }
  .btn-file:hover {
    background-color: #F2F2F2;
    color: #666666; }

.select-return-novelty {
  margin-bottom: 0;
  width: 95%;
  border-radius: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #CCCCCC;
  background-color: #F2F2F2; }

.name-usuario {
  margin-bottom: 1rem;
  font-weight: 600; }

.border-info {
  border: 1px solid #CCCCCC;
  border-radius: 5px; }

.pagination {
  text-align: right; }

/* ------------------------ */
.list-pagination li a {
  background-color: #F2F2F2;
  border-radius: 5px; }
  .list-pagination li a:hover {
    background-color: #E52716;
    color: #FFFFFF; }
.list-pagination li.active a {
  background-color: #E52716;
  color: #FFFFFF; }

.btn-list-kit {
  background-color: #F2F2F2;
  color: #666666;
  border-radius: 10px;
  padding: 5px 25px;
  font-size: 16px; }
  .btn-list-kit:hover {
    background-color: #E52716;
    color: #F2F2F2; }
  .btn-list-kit:focus {
    background-color: #E52716;
    color: #F2F2F2; }

.btn-list-kit.active {
  background-color: #E52716;
  color: #F2F2F2; }

.btn-list-kit:disabled {
  background-color: #F2F2F2;
  color: #666666; }
  .btn-list-kit:disabled:hover {
    background-color: #F2F2F2;
    color: #666666; }

.btn-general {
  background-color: #E52716;
  border-radius: 10px;
  padding: 5px 25px;
  font-size: 16px; }
  .btn-general:hover {
    background-color: #F2F2F2;
    color: #666666; }

.btn-general:disabled {
  background-color: #F2F2F2;
  color: #666666; }
  .btn-general:disabled:hover {
    background-color: #F2F2F2;
    color: #666666; }

.content-info-general {
  background-color: #fff;
  border-radius: 5px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  padding: 20px .9375rem;
  height: auto !important;
  min-height: 330px;
  padding-bottom: 15px; }

.cont-table-general {
  overflow: auto;
  float: left;
  width: 100%;
  border: 1px solid #F2F2F2;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px; }

.info-general {
  padding-bottom: 20px; }
  .info-general h5 {
    color: #E52716; }

.data-info-general .cont-info .info-text-1 {
  width: 17%; }
.data-info-general .cont-info .info-text-2 {
  width: 27%; }
.data-info-general .cont-info .info-text-3 {
  width: 32%; }

.modal-general h5 {
  color: #666666; }

.simbol-clos {
  color: #E52716;
  font-size: 50px; }

.reveal {
  border-radius: 10px; }

.table-general {
  border-collapse: separate;
  border-spacing: 5px 0px; }
  .table-general thead {
    background: none;
    border: none; }
    .table-general thead tr th {
      text-align: center;
      background-color: #F2F2F2;
      border-radius: 5px;
      padding: 0;
      max-width: 200px;
      width: 200px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .table-general tbody tr td {
    padding: 0;
    max-width: 200px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.table-min {
  max-height: 130px; }

strong {
  color: #666666; }

.msg-confirmation p {
  color: #666666;
  font-size: 17px;
  padding: 10px 0px;
  margin: 0; }
.msg-confirmation span {
  font-size: 20px; }

.qualify {
  padding: 10px; }
  .qualify .cont-qualify {
    background-color: #F2F2F2;
    border-radius: 10px; }

.file {
  width: 80% !important; }

.textarea-info {
  resize: none;
  width: 100%;
  border-radius: 10px; }

:focus {
  outline: transparent dotted thick; }

.current {
  padding: 2px;
  background-color: #E52716 !important;
  color: #fff !important;
  cursor: pointer !important; }

.current > a:hover {
  background-color: #E52716 !important;
  color: #fff !important;
  cursor: pointer !important; }

/*.control-height-general {

}*/
.list-grid {
  width: 33.3333333%;
  float: left !important;
  padding-top: 20px; }
  .list-grid .article-detail {
    text-align: center; }
    .list-grid .article-detail img {
      width: 55%;
      height: auto; }
    .list-grid .article-detail div {
      width: 100%; }
      .list-grid .article-detail div ul {
        margin-left: 0;
        list-style-type: none; }
        .list-grid .article-detail div ul li {
          display: block;
          /* remove none */ }
          .list-grid .article-detail div ul li:nth-child(1) {
            display: block; }
          .list-grid .article-detail div ul li:nth-child(2) {
            display: block; }
          .list-grid .article-detail div ul li:nth-child(4) {
            display: block; }

.btn-list-info {
  display: block; }

.lan-orbit-business .orbit-previous {
  color: red;
  font-size: 20px; }
  .lan-orbit-business .orbit-previous:hover {
    background-color: transparent; }
  .lan-orbit-business .orbit-previous:focus {
    background-color: transparent; }
.lan-orbit-business .orbit-next {
  color: red;
  font-size: 20px; }
  .lan-orbit-business .orbit-next:hover {
    background-color: transparent; }
  .lan-orbit-business .orbit-next:focus {
    background-color: transparent; }

.orbit-cont-business {
  height: 100px !important; }
  .orbit-cont-business .orbit-slide {
    padding-top: 15px;
    padding-left: 100px;
    padding-right: 100px;
    height: 100px;
    background-color: transparent; }
    .orbit-cont-business .orbit-slide .orbit-caption {
      height: 100px;
      background-color: transparent; }

/*# sourceMappingURL=main.css.map */