@import 'normalize';
@mixin InitAnimation($seg){
  transition:all $seg ease-in-out;
-o-transition:all $seg ease-in-out;
-moz-transition:all $seg ease-in-out;
-webkit-transition:all $seg ease-in-out;
}
a{
  text-decoration: none;
  color:white;
}
*{
  box-sizing: border-box;
}
.v-top{
  display: table-cell !important;
  vertical-align: top;
}
.v-center{
  display: table-cell !important;
  vertical-align: middle;
}
.v-bottom{
  display: table-cell !important;
  vertical-align: bottom;
}
.green{
  color:#219d51 !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
/* --------------------------------- Animations ------------------------------------*/

/*  --------------------------------- Login ------------------------------------  */
// .form-md {
//  float: left;
//  width: 100%;
//  text-align: center;
//  margin: 30px auto 30px auto;
// }
// .form-md .form-group {
//  margin-left: auto;
//  margin-right: auto;
//  max-width: 300px;
// }
// .form-group {
//  margin-bottom: 15px;
//  position: relative;
// }
// input {
//   position: relative;
//   display: block;
//   width: 100%;
//   border: none;
//   border-bottom: 1px solid #DDD;
//   background-color: transparent;
//   margin: 0px auto;
//   padding: 20px 0px 0px 0px;
//   height: 32px;
//   outline: none !important;
//   font-size: 20px;
//   color: rgba(0,0,0,0.8);
//   background: -webkit-linear-gradient(bottom, #51BBBE 50%, #51BBBE 50%);
//   background: linear-gradient(to top, #51BBBE 50%, #51BBBE 50%);
//   background-position: left bottom;
//   background-size: 0 1px;
//   background-repeat: no-repeat;
//   transition: all .2s ease-in-out;
// }
// ::-webkit-input-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
// :-moz-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
// ::-moz-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
// :-ms-input-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
//
// label {
//   position: absolute;
//   top: 0;
//   left: 0;
//   text-align: left;
//   display: block;
//   width: 100%;
//   height: 52px;
//   line-height: 72px;
//   text-transform: uppercase;
//   font-size: 13px;
//   font-weight: 200;
//   background: transparent;
//   color: rgba(0,0,0,0.6);
//   margin: 0px auto;
//   cursor: text;
//   transition: all .15s ease-in-out;
// }
// input:hover, input:focus { border-color: #51BBBE; }
// input:focus {
//   background-position: left bottom;
//   background-size: 100% 1px;
// }
// input:valid + label, input:focus + label {
//   height: 20px;
//   line-height: 20px;
//   font-size: 11px;
//   color: #51BBBE;
// }
//
// input:focus ::-webkit-input-placeholder { color: transparent; font-size: 0; }
// input:focus :-moz-placeholder { color: transparent; font-size: 0; }
// input:focus ::-moz-placeholder { color: transparent; font-size: 0; }
// input:focus :-ms-input-placeholder { color: transparent; font-size: 0; }
.ogv-focus {
  outline: none !important;
  border-radius: 6px 6px 0 0 !important;
  .icon-ogv-selected-focus {
    height: 25px !important;
    margin-left: -3px !important;
    margin-top: 3px !important;
    padding: 2px!important;
    background-repeat-y: no-repeat!important;
    width: 22% !important;
    font-size: 19px !important;
  }
}
.btn-ogv-menu-two {
  min-width: 9rem;
  background-color: white !important;
  border: unset !important;
  border-radius: 0 0 .25rem .25rem !important;
  transform: translate3d(0px, 26px, 0px) !important;
 }
.btn-ogv-menu:nth-child(2) {
  .icon-ogv-selected-two {
    background-color: #79bb43;
    color: #559b1b;
  }
  .text-ogv-selected-two {
    color: #79bb43;
  }
}
.btn-ogv-menu {
  min-width: 9rem;
  border: unset !important;
  height: 33px;
  background-color: white !important;
  border-radius: 6px;
  .container-options-ogv {
    opacity: 0.5;
  }
  .icon-ogv-selected {
    height: 33px;
    margin-top: -1px;
    border-radius: 5px;
    background-color: #fca640;
    width: 25%;
    float: left;
    margin-left: -7px;
    font-family: GothamBold;
    font-size: 24px;
    padding: 4px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #e87f02;
  }
  .icon-ogv-selected-two {
    height: 20px;
    margin-top: -2px;
    border-radius: 5px;
    background-color: #fca640;
    width: 25%;
    float: left;
    margin-left: -21px;
    font-family: GothamBold;
    font-size: 19px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #e87f02;
  }
  .text-ogv-selected {
    font-family: Gotham;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: 0.1px;
    color: #fca640;
    float: left;
    margin: 9px;
    margin-left: 10px;
  }
  .text-ogv-selected-two {
    font-family: Gotham;
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    letter-spacing: 0.1px;
    color: #fca640;
    float: left;
    margin: 4px;
    margin-left: 10px;
  }
  .arrow-down {
    float: right;
    color: orange;
    margin-top:0px;
    width: 12px;
    font-size: 20px;
    font-weight: 700;
  }
}
.dropdown-toggle::after {
  display: none !important;
}
.dropdown-menu {
  min-width: 9rem !important;
}
.disableButton{
  background: #ddd;
    border: none;
    pointer-events: none;
}
#logoTopLeftAlicorp{
  margin-top: 22px;
  margin-left: 30px;
}
#container-login{
  width: 1000px;
  height: 750px;
  position: absolute;
  top: calc(50% - 375px);
  left: calc(50% - 500px);
   .ogv-text {
     width: 283px;
     height: 66px;
     font-family: Gotham;
     font-size: 11px;
     font-weight: 100;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.91;
     letter-spacing: normal;
     color: #787878;
   }
   .choose-ogv {
     .btn:focus {
       -webkit-box-shadow: none;
       box-shadow: none;
     }
     .select-ogv {
       background-color: #dadada;
       width: 100%;
       text-align: left;
       font-size: 11px;
       color: #6b6b6b;
     }
     .select-ogv::after {
       float: right;
       margin-top: 6px;
     }
     .ogv-options {
       background-color: #dadada;
       width: 100%;
       border-radius: unset;
       margin: 0px !important;
       a {
         border: unset !important;
         height: 20px !important;
         line-height: 0px !important;
         text-align: left !important;
         color: #787878 !important;
         font-size: 11px !important;
         padding: .25rem .7rem !important;
         margin-top: 0px !important;
         margin-bottom: 0px !important;
       }
       a:hover {
         background-color: #dadada !important;
         color: white !important;
       }
     }
   }
   #ctimg, #ctlogin{
       height: 100%;
   }
   #ctimg{
       width: 65%;
       float: left;
   }
   #ctimg img{
     position: relative;
     top: calc(50% - 222px);
     width: 88%;
   }
   #ctlogin{
       width: 35%;
       float: left;
       #movilHeader{
         display: none;
         height: 100px;
         width: 100%;
         position: relative;
         top: 195px;
       }
   }
   #bienvenida{
       margin-bottom: 50px;
   }
   #bienvenida {
      .hello {
        color: #81cd46;
        font-family: GothamBold;
        font-size: 33px;
        line-height: 42px;
      }
      .hello-text {
        width: 304px;
        height: 144px;
        font-family: GothamBold;
        font-weight: 100;
        font-size: 19px;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.89;
        letter-spacing: normal;
        color: #81cd46;
      }
   }
   #loginOrgVentas {
     width: 400px;
     padding: 40px;
     box-sizing: border-box;
     border-radius: 7px;
     -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.28);
     box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.28);
     background: white;
     position: relative;
     top: calc(50% - 310px);
     .footerOrgVentas {
       margin-top: 35px;
       font-family: Gotham;
       font-size: 11px;
       font-weight: 500;
       font-style: normal;
       font-stretch: normal;
       line-height: 1.82;
       letter-spacing: normal;
       color: #787878;
       width: 80%;
     }
     .orgVentasMessage {
       .hello {
         font-family: GothamBold;
         font-size: 33px;
         font-style: normal;
         font-stretch: normal;
         line-height: 1.6;
         letter-spacing: normal;
         color: #81cd46;
         font-weight: 700;
       }
       .hello-text {
         font-family: GothamBold;
         font-size: 20px;
         font-weight: 100;
         font-style: normal;
         font-stretch: normal;
         line-height: 1.6;
         letter-spacing: normal;
         color: #81cd46;
       }
     }
     .select-ogv {
       text-decoration: none;
     }
     .select-ogv:nth-child(2) {
       .ogv-icon {
         background-color: #f0dea3;
       }
       span {
         color: #dfc365;
       }
     }
     .select-ogv:nth-child(3) {
       .ogv-icon {
         background-color: #79bb43;
       }
       span {
         color: #559b1b;
       }
     }
     .select-ogv:nth-child(4) {
       .ogv-icon {
         background-color: #fca640;
       }
       span {
         color: #e87f02;
       }
     }
     .container-options-ogv {
       margin-bottom: -15px;
       opacity: 0.5;
     }
     .container-options-ogv:hover {
       opacity: 1;
     }
     .ogv-icon {
       width: 17%;
       border-radius: 10px;
       background-color: #e2575d;
       text-align: center;
       display: inline-block;
       padding-top: 5px;
      span {
        width: 37.1px;
        height: 41px;
        font-family: Gotham;
        font-size: 44px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #7a1519;
      }
     }
     .ogv-name {
       width: 70%;
       display: inline-block;
       height: 80px;
       position: relative;
       span {
         margin-left: 15px;
         font-family: Gotham;
         font-size: 19px;
         font-weight: bold;
         font-style: normal;
         font-stretch: normal;
         line-height: 1;
         letter-spacing: normal;
         color: #e5696e;
         margin-top: 29px;
         position: absolute;
         top: 50%;
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
       }
     }
     .ogv-arrow {
       width: 5%;
       display: inline-block;
       height: 80px;
       position: relative;
       span {
         margin-left: 15px;
         font-family: Gotham;
         font-size: 12px;
         font-weight: bold;
         font-style: normal;
         font-stretch: normal;
         line-height: 0.53;
         letter-spacing: normal;
         color: #e5696e;
         margin-top: 29px;
         position: absolute;
         top: 50%;
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
       }
     }
   }
   #login{
       width: 400px;
       padding: 40px;
       box-sizing: border-box;
       border-radius: 7px;
       -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.28);
       box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.28);
       background: white;
       position: relative;
       top: calc(50% - 310px);
       #logos{
         width: 100%;
         height: 61px;
         margin-top: 12px;
         margin-bottom: 51px;
       }
       #logos > div{
         float: left;
       }
       .welcome{
         width: 40%;
         height: 100%;
         position: relative;
         border-right: 1px solid #2bb700;
       }
       .welcome span{
         font-family: GothamBold;
         font-size: 40px;
         line-height: 0.96;
         letter-spacing: normal;
         color: #5db422;
         position: absolute;
         bottom: -2px;
         left: -3px;
         height: 39px;
       }
       .alicorp{
         width: 60%;
         height: 100%;
         position: relative;
       }
       .alicorp img{
         position: absolute;
         bottom: -4px;
         left: 24px;
       }
       *{
         box-sizing: border-box;
       }
       p{
         width: 100%;
         font-family: GothamBook;
         font-size: 15px;
         line-height: 1.67;
         color: #333333;
         display: block;
         margin-top: 10px;
         margin-bottom: 10px;
       }
       a{
         display: block;
         width: 100%;
         height: 47px;
         border-radius: 4px;
         border: solid 2px #77bb42;
         font-family: GothamBook;
         font-size: 16px;
         line-height: 44px;
         letter-spacing: 1px;
         text-align: center;
         color: #77bb42;
         margin-top: 50px;
         margin-bottom: 40px;
         @include InitAnimation(.2s);
       }
       a:hover{
          background: #77bb42;
          color:white;
          @include InitAnimation(.2s);
       }
       .form-group {
         position: relative;
       }
     #msgErrorPwd{
       font-size: 11px;
       line-height: 12px;
       color: red;
     }
     .msgErrorPwd{
       display: block!important;
     }
     input {
       position: relative;
       display: block;
       width: 100%;
       border: none;
       border-bottom: 1px solid #DDD;
       background-color: transparent;
       margin: 0px auto;
       padding: 12px 0px 0px 0px;
       font-family: GothamBook;
       height: 32px;
       outline: none !important;
       font-size: 15px;
       color: rgba(0, 0, 0, 0.8);
       background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #51BBBE), color-stop(50%, #51BBBE));
       background: linear-gradient(to top, #51BBBE 50%, #51BBBE 50%);
       background-position: left bottom;
       background-size: 0 1px;
       background-repeat: no-repeat;
       -webkit-transition: all .2s ease-in-out;
       transition: all .2s ease-in-out;
     }
     input:focus { border-color: #77bb42; }
     input::placeholder{
       color: #77bb42;
     }
     .user {
         position: relative;
         display: block;
         width: 100%;
         border: none;
         border-bottom: 1px solid red;
         background-color: transparent;
         margin: 0px auto;
         padding: 12px 0px 0px 0px;
         font-family: GothamBook;
         height: 32px;
         outline: none !important;
         font-size: 15px;
         color: rgba(0, 0, 0, 0.8);
         background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, red), color-stop(50%, red));
         background: linear-gradient(to top, red 50%, red 50%);
         background-position: left bottom;
         background-size: 0 1px;
         background-repeat: no-repeat;
         -webkit-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
       }
      input.user:active{
        border-bottom: 1px solid green;
      }
     input.user:focus{
       border-bottom: 1px solid green;
     }
     .password{
       position: relative;
       display: block;
       width: 100%;
       border: none;
       border-bottom: 1px solid red;
       background-color: transparent;
       margin: 0px auto;
       padding: 12px 0px 0px 0px;
       font-family: GothamBook;
       height: 32px;
       outline: none !important;
       font-size: 15px;
       color: rgba(0, 0, 0, 0.8);
       background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, red), color-stop(50%, red));
       background: linear-gradient(to top, red 50%, red 50%);
       background-position: left bottom;
       background-size: 0 1px;
       background-repeat: no-repeat;
       -webkit-transition: all .2s ease-in-out;
       transition: all .2s ease-in-out;
     }
     .lbluser{
        display: none;
       visibility: hidden;
     }
     .lblpass{
       display: none;
       visibility: hidden;
     }
     .user::placeholder{
       color: red;
     }
     .user:focus{
       border-bottom: 0px;
     }
     .password::placeholder{
       color: red;
     }
     .password:focus{
       border-bottom: 0px;
     }

       ::-webkit-input-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
       :-moz-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
       ::-moz-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }
       :-ms-input-placeholder { text-align: right; color: #DDD; font-size: 13px; font-weight: 200; }

       .ct-user{
         margin-top: -20px;
         margin-bottom: 39px;
       }
       .ct-pwd{
         margin-bottom: 36px;
       }
       label {
         position: absolute;
       top: -19px;
       left: 0;
       text-align: left;
       display: block;
       width: 100%;
       height: 52px;
       line-height: 72px;
       font-size: 14px;
       font-family: GothamBook;
       font-weight: 200;
       background: transparent;
       color: #6c727c;
       margin: 0px auto;
       cursor: text;
       -webkit-transition: all .15s ease-in-out;
       transition: all .15s ease-in-out;
       }
       input:focus {
         background-position: left bottom;
         background-size: 100% 1px;
         -webkit-box-shadow: none;
         box-shadow: none;
       }
       input:valid + label, input:focus + label {
         height: 10px;
         line-height: 40px;
         font-size: 14px;
         color: grey;
       }
       input:focus ::-webkit-input-placeholder { color: transparent; font-size: 0; }
       input:focus :-moz-placeholder { color: transparent; font-size: 0; }
       input:focus ::-moz-placeholder { color: transparent; font-size: 0; }
       input:focus :-ms-input-placeholder { color: transparent; font-size: 0; }
   }
}


/* -------------------------------------------------------------------------- */


.container{
   width: 1200px;
   margin: 0 auto;
   background: #f7f7f7;
}
.header, .breadcrumb, .ct-products, .footer{
  width: 100%;
}
.header{
  //height: 64px;
  //background-color: #EC1B2E;
  height: 50px;
  background-color: #D91727;
}
.headcenter{
   width: 90%;
   height: 100%;
    margin: 0 auto;
}
.breadcrumb{
  height: 159px;
  background-color: white;
}
.breadcenter{
  width: 775px;
  height: 100%;
  margin: 0 auto;
}
.breadcrumb .breadcenter div{
  width: 100%;
  display: table;
}
.breadcrumb .breadcenter div:nth-child(1){
  height: 42%;
}
.breadcrumb .breadcenter div:nth-child(2){
  height: 16%;
}
.breadcrumb .breadcenter div:nth-child(3){
  height: 42%;
}
.breadcrumb .breadcenter div p{
  display: table-cell;
  vertical-align: middle;
}
.ct-products{
  background-color: #F7F7F7;
  padding-top: 13px;
}
.footer{
  height: 108px;
  background-color: white;
}
.headcenter #logo{
  float: left;
  margin-top: 16px;
}
.headcenter #submenuDK{
  float: right;
  margin-top: 16px;
  font-family: GothamBold;
  color:#fcf4d9;
  font-size: 16px;
}
.headcenter #logo img{
  width: 100px;
}
.row-product{
  height: 105px;
    background-color: white;
    border-radius: 7px;
    margin-bottom: 13px;
    box-sizing: border-box;
    padding: 18px 15px 15px 15px;
}
.left{
  float: left;
}
.right{
  float: right;
}
.row-product .first-column{
  width: 40%;
  float: left;
}
.row-product .second-column{
  width: 60%;
  float: left;
}
.row-product div{
  /*float: left;*/
  height: 100%;
  box-sizing: border-box;
}
.sku{
  width: 20%;
  float: left;
}
.prod{
  width: 80%;
float: left;
padding: 0px 24px;
}
.price{
  width: 36%;
    float: left;
    padding-top: 8px;
}
.price span{
  font-family: GothamBold;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.2px;
}
.price b{
  font-family: GothamMedium;
  font-size: 10px;
  font-weight: 500;
}
.quantity{
  width: 35%;
    float: left;
}
.quantity span{
  font-family: GothamBook;
font-size: 12px;
color: #c7c6c6;
}
.addbutton{
  width: 29%;
  float: right;
}
.sku span{
  font-family: GothamBook;
    font-size: 11px;
    color: #7B7B7B;
    display: block;
    margin-top: 4px;
    width: 40px;
}
.titleprod{
  font-family: GothamBold;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
  display: inline-block;
  white-space: nowrap;
}
.detailprod{
  font-family: GothamBook;
  color: #7b7b7b;
font-size: 12px;
line-height: 18px;
margin-top: 7px;
}
.addbutton a{
  font-family: GothamBold;
  display: block;
width: 87px;
height: 36px;
border: 1px solid #219d51;
color: #219d51;
background: white;
text-align: center;
float: right;
border-radius: 5px;
line-height: 36px;
font-size: 15px;
@include InitAnimation(.2s);
}
.addbutton a:hover{
  background: #219d51;
  color:white;
  @include InitAnimation(.2s);
}
.txtquantity {
    font-family: GothamMedium;
    color: #656565;
    width: 49px;
    height: 29px;
    border-radius: 5px;
    border: 1px solid rgba(128, 128, 128, 0.25);
    box-shadow: 0px 0px 5px 0px #c7c6c6 inset;
    outline: none;
    text-align: right;
    padding-right: 7px;
    box-sizing: border-box;
    -moz-appearance:textfield;
}
.txtquantity:focus{
    box-shadow: inset 0 0 2px 1px rgba(3, 122, 205, 0.53);
    border-color:rgba(3, 122, 205, 0.53);
}
#lblListaProd{
    font-family: GothamBook;
}
#lblIngresa{
    font-family: GothamMedium;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #c1c1c1;
}
#lblWelcome{
  font-family: GothamBold;
  opacity: 0.79;
  letter-spacing: 0.3px;
  font-size: 23px;
  color: #868686;
}
.blockarrowDesktop{
    display: inline-block;
    width: 11px;
    height: 25px !important;
    position: relative;
    top: 8px;
    left: 14px;
   *{
     position: absolute;
   }
   .up{
     width: 100%;
     height: 50%;
   }
   .down{
     width: 100%;
     height: 50%;
     top:50%;
   }
}
.blockarrowMobile{
    width: 17px;
    height: 33px !important;
    position: relative;
    top: 12px;
    left: -16px;
    margin-left: 9px;
    display: none;
   *{
     position: absolute;
   }
   .up{
     width: 100%;
     height: 50%;
   }
   .down{
     width: 100%;
     height: 50%;
     top:50%;
   }
}
.footer{
  display: table;
}
.footer p{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-family: GothamBook;
}
.ct-back-addcart{
  margin-top: 20px;
  box-shadow: 5px -1px 10px 1px rgba(138, 138, 138, 0.13);
  position: fixed;
  width: 100%;
  background: #ffffff;
  height: 103px;
  bottom: 0;
}
.ct-back-addcart-middle{
  margin: 0 auto;
  width: 1200px;
  height: 100%;
}
// .page-products .ct-back-addcart-middle{
//   width: 775px !important;
// }
#backButton{
  float: left;
  width: 210px;
  height: 50px;
  border-radius: 4px;
  border: solid 1px #77bb42;
  font-family: GothamBold;
  font-size: 16px;
  line-height: 49px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #77bb42;
  margin-top: 27px;
  @include InitAnimation(.2s);
}
#addToCart{
  float: left;
  margin-left: 20px;
  width: 210px;
  height: 50px;
  border-radius: 7px;
  margin-top: 27px;
  background: #e2e2e2;
  font-family: GothamBold;
  font-size: 16px;
  line-height: 49px;
  letter-spacing: normal;
  text-align: center;
  pointer-events: none;
  color: #9d9d9d;
  @include InitAnimation(.2s);
}
.addToCartFalse{
  margin-left: 20px;
  height: 50px;
  border-radius: 7px;
  margin-top: 27px;
  background: #e2e2e2 !important;
  font-family: GothamBold;
  font-size: 16px;
  line-height: 49px;
  letter-spacing: normal;
  text-align: center;
  pointer-events: none !important;
  color: white !important;
  position:relative;
  width: 290px;
  float: right;
  @include InitAnimation(.2s);
}
.activeAddCar{
  background: #77bb42 !important;
  pointer-events: auto !important;
  color: white !important;
}
.facturasVencerIcon {
  margin-top: 14px;
  border-radius: 10px;
  //width: 142px;
  height: 25px;
  text-align:right;
  img {
    display: inline-block;
    text-align:right;
    width: 18px;
    height: 19px;
    //margin-bottom: -4px;
    //padding-top: 5px;
  }
  p.facturasVencerText {
     display: inline-block;
     //width: 79%;
     font-family: GothamBold;
    padding-left: 5px;
     font-size: 12px;
     font-weight: 500;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.44;
     letter-spacing: normal;
      color: #d91728!important;

  }
}

.moreDetailsFactura {
  //margin-top: 5px;
  //width: 140px;

  text-align: right;

  a {
    color: #000000!important;
    font-size: 9px;
    padding: 7px 10px;
    background: #d2d2d2;
    border-radius: 8px;
  }
  a:hover{
    opacity: 1;
    color:#000000;
  }
  img {
    height: 10px;
    margin-bottom: -3px;
  }
}

/* ------------------------------------ Module car Desktop ------------------------------------ */
#ct-module-car{
  height: 0;
  position: relative;
  z-index: 60;
  float: right;
  top: -80px;
  font-family: GothamMedium;
  #scrollable{
     height: calc(100% - 72px);
     overflow-y: auto;
     overflow-x: hidden;
     -webkit-box-shadow: 0px -2px 7px 0px rgba(39, 39, 39, 0.09);
     box-shadow: 0px -2px 7px 0px rgba(39, 39, 39, 0.09);
     border-top-left-radius: 10px;
  }
  #confirmar-car{
     width: 290px;
     height: 72px;
     box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.14);
     background-color: #ffffff;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
  }
  #info-pago-car{
    height: 196px;
    background-color: #f3f3f3;
    padding: 20px 16px 0px 16px;
    font-size: 13px;
    p{
      color: #323c47;
    }
    p.lineacredUsadoTotal {
      height: 20px;
      font-family: GothamBold;
      font-size: 13px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 3.09;
      letter-spacing: normal;
      margin-top: -10px;
      margin-bottom: 16px;
      color: #000000;
    }
    p.credDispoCar {
      display: inline-block;
      width: 48%;
      text-align: left;
      height: 23px;
      font-family: GothamBold;
      font-size: 9px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 3.78;
      letter-spacing: normal;
      color: #d91728;
    }
    div.credConsumidoCar {
      display: inline-block;
      width: 48%;
      text-align: left;
      height: 23px;
      font-family: GothamBold;
      font-size: 9px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 3.78;
      letter-spacing: normal;
      color: #000000;
      .credConsumidoCarText {
        margin-top: -20px;
        font-size: 9px;
      }
    }
    div.credTotalCar {
      display: inline-block;
      width: 48%;
      height: 23px;
      text-align: right;
      font-family: GothamBold;
      font-size: 9px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 3.78;
      letter-spacing: normal;
      color: #000000;
      .credTotalCarText {
        margin-top: -20px;
        font-size: 9px;
      }
    }
    fieldset{
      width: 260px;
      height: 27px;
      border-radius: 5px;
      background-color: #191919;
      border: none;
      color: white;
      font-size: 12px;
      line-height: 19px;
      margin-top: 10px;
      padding-left: 7px;
      margin-left: -1px;
      margin-bottom: 30px;
    }
    span{
      display: block;
      margin-top: 17px;
      width: 120px;
      height: 23px;
      opacity: 0.59;
      background-color: #bdbdbd;
      line-height: 23px;
      font-size: 12px;
      text-align: center;
      border-radius: 5px 5px 0px 0px;
    }
    .ct-bar{
      width: 100%;
      height: 6px;
      border-radius: 4px;
      box-shadow: 3px 0 5px 0 rgba(97, 96, 96, 0.19);
      margin-top: 10px;
      background: #b0d692;
      div{
        height: 100%;
        width: 0%;
        background: #77bb42;
        border-radius: 4px 4px 4px 4px;
        display: inline-block;
        margin-bottom: 10px;
      }
      +p{
        margin-top: 2px;
        font-size: 12px;
        text-align: right;
      }
      div.facturaVencer{
        width: 57%;
        height: 100%;
        background: #d91728;
        border-radius: 4px 4px 4px 4px;
        margin-left: -4px;
      }
    }
  }
  #productos-car{
     height: calc(100% - 206px);

  }
  #confirmar-car a{
    width: 90%;
    height: 67%;
    margin: 0 auto;
    border-radius: 4px;
    font-family: GothamMedium;
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: center;
    color: #ffffff;
    display: block;
    background: #81cd46;
    position: relative;
    top: 12px;
  }
  .empty-car a{
    background: #e2e2e2 !important;
    pointer-events: none !important;
    color: #9d9d9d !important;
  }
  .empty-c {
    background: #e2e2e2 !important;
    pointer-events: none !important;
    color: #9d9d9d !important;
  }
  .prod-item-car{
    width: 100%;
    height: 97px;
    border-bottom: 1px solid #eeeeee;
    padding: 12px 9px 5px 12px;
     > div{
       float: left;
       width: 50%;
       height: 100%;
       position: relative;
     }
     img.deleteCarProd{
       position: absolute;
       top: 0;
       right: 0;
       cursor: pointer;
     }
     .unit{
        width: 32px;
        height: 13px;
        font-family: GothamMedium;
        font-size: 12px;
        color: #8a8a8a;
        display: inline-block;
        position: absolute;
        bottom: 12px;
        right: 85px;
     }
     .quantity-prod-car{
        width: 72px;
        height: 38px;
        border-radius: 5px;
        box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.16);
        border: solid 1px #439aff;
        background-color: #ffffff;
        position: absolute;
        right: 0;
        bottom: 0;
        outline: none;
        text-align: right;
        padding-right: 8px;
     }
     .title-prod-car{
        width: 108%;
        height: 35px;
        font-family: GothamMedium;
        font-size: 12px;
        color: #000000;
        line-height: 1.40;
        overflow: hidden;
        display: inline-block;
     }
     .unid-prod-car{
        width: 100%;
        height: 14px;
        font-family: GothamMedium;
        font-size: 13px;
        color: #a0a0a0;
     }
     .price-prod-car{
        width: 100%;
        font-family: GothamBold;
        line-height: 28.2px;
        font-size: 15px;
        color: #219d51;
     }
  }
  element{       //A little ball
    width: 27px;
    height: 27px;
    background-color: #77bb42;
    display: block;
    border-radius: 50%;
    position: absolute;
    line-height: 28px;
    color: white;
    font-family: GothamMedium;
    top: -13px;
    right: -13px;
  }

}

.modal-body-img {
  margin-top: 0px;
  text-align: center;
  img {
    width: 50px;
    height: 50px;
  }
}

.modal-body-text {
  text-align: center;
  margin: 20px;
  h5 {
    height: 63px;
    font-family: Gotham;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #d91728;
  }
}

.modal-dialog {
  max-width: 380px !important;
  .modal-header {
    border-bottom: none;
  }
  .close {
    opacity: 1;
  }
}
/* --------------------------------- End of Module Car --------------------------------- */
#viewCar{
    // width: 229px;
    // height: 53px;
    // background: white;
    // display: block;
    // color: black;
    // text-align: center;
    // line-height: 53px;
    // border-radius: 5px 5px 0px 0px;
    // font-family: GothamBold;
    // font-size: 15px;
    // position:relative;
    // left: 61px;
      width: 200px;
      height: 40px;
      background: white;
      display: block;
      color: black;
      text-align: center;
      line-height: 41px;
      border-radius: 10px 10px 0px 0px;
      font-family: GothamBold;
      font-size: 15px;
      position: relative;
      left: 80px;
    img{
      position: relative;
      top: 4px;
      margin-right: 12px;
    }
}
#ct-car{
    width: 290px;
    background: white;
    height: 557px;
    -webkit-box-shadow: 0px 1px 20px 3px rgba(128, 128, 128, 0.11);
    box-shadow: 0px 1px 20px 3px rgba(128, 128, 128, 0.11);
    border-radius: 10px;
    visibility: hidden;
    left: -10px;
    position: relative;
}
#labelCarrito{
  background: white;
  color: black;
  height: 53px;
  padding-left: 17px;
  padding-top: 17px;
  display: none;
}
.visibleCar{
  visibility: visible !important;
}

/* ------------------------------------ Categorias ------------------------------------ */
.header-2{
  width: 100%;
  height: 70px;
  background: #D91727;
  position: relative;
  z-index: -1;
  #imgRightH{
    float: right;
  }
  img{
    height: 100%;
  }
}
#ct-dk-title-cat{
    width: 200px;
    height: 53px;
    position: relative;
    border-bottom: 1px solid #D8D8D8;
    img{
      position: absolute;
      top: 18px;
      left: 21px;
    }
    span{
      display: inline-block;
      width: 100%;
      height: 100%;
      text-align: center;
      line-height: 55px;
      font-family: GothamBold;
      font-size: 15px;
    }
}
.container{
  #sidebar {
    float: left;
  }
  #sidebar{
    width: 22%;
  }
  #ct-data-content{
    width: 78%;
    float: right;
  }
}
#ct-dk-categories{
  position: relative;
  width: 200px;
  border-radius: 11px 1px 11px 11px;
  -webkit-box-shadow: 0 16px 26px 7px rgba(121, 121, 121, 0.1), 0 2px 8px 7px rgba(212, 212, 212, 0);
  box-shadow: 0 16px 26px 7px rgba(121, 121, 121, 0.1), 0 2px 8px 7px rgba(212, 212, 212, 0);
  background-color: #ffffff;
  margin-left: 110px;
  margin-top: -80px;
  b{
    width: 40px;
    display: inline-block;
    text-align: center;
    float: right;
  }
  ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    span{
      width: 100%;
      height: 100%;
      display: block;
    }
  }
  >ul{margin-top: 11px;}
  li{
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    position: relative;
    padding: 0px 0px 0px 22px;
    font-family: GothamMedium;
    font-size: 12px;
    color: black;
  }
  #categories > li:hover{
    background: #219d51;
    color:white;
    a {
      text-decoration: none;
      color: white;
    }
  }
  ul.marcas{
    position: absolute;
    width: 210px;
    right: -210px;
    top: 0;
    display: none;
    //box-shadow: rgba(121, 121, 121, 0.1) 0px 16px 26px 7px, rgba(212, 212, 212, 0) 0px 2px 8px 7px;
    background-color: rgb(255, 255, 255);
    border-radius: 0px 1px 11px 0px;
    padding: 14px 0px;
    li:hover{
      background: #219d51;
      color:white;
    }
    li:last-child b{
       //border-radius: 0px 0px 16px;
    }
    > span{
      font-family: GothamBold;
      font-size: 15px;
      color: black;
      padding-left: 22px;
      margin-top: 5px;
      margin-bottom: 7px;
      cursor: text;
    }
  }
  //Segunda version del desplegable Categorias
  section{
    position: absolute;
    top: 0px;
    left: 200px;
    display: none;
    height: 627px;
    background-color: #fbfbfb;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 32px 25px 32px 25px;
    z-index: 2;
    h3{
      font-family: GothamBold;
      color:#219d51;
      font-size: 24px;
      letter-spacing: 0.7px;
      margin-bottom: 17px;
    }
    .block{
      height: 490px;
      width: 160px;
      float: left;
      a{
        color: #adadad;
        font-family: GothamMedium;
        font-size: 13px;
        display: block;
        display: block;
        margin-bottom: 23px;
      }
      a:hover{
        color:#219d51;
      }
    }
  }
}

/* --------------------------------- Confirmacion de Pedido --------------------------------- */
#containerConfirmacion{
//  width: 1200px;
//margin: 0 auto;
//border: 1px solid rgba(128, 128, 128, 0.07);
   background-image: url('/frontend/svg/bgConfirmacion.svg'), url('/frontend/svg/bgConfirmacion3.svg');
   background-repeat: repeat;
   padding-top: 50px;
   background-color: #f7f7f7;
   #felicitaciones{
      width: 351px;
      margin: 0 auto;
      img{
        width: 100%;
      }
      .codigoPedido{
        position: absolute;
        margin-top: 30%;
        color: #0d0d0d;
        font-family: GothamBold;
        font-size: 30px;
        left: calc(50% - 93px);
      }
   }
   #nuevoPedido{
      display: block;
      margin: 0 auto;
      margin-top: 33px;
      margin-bottom: 45px;
      width: 200px;
      height: 47px;
      border-radius: 4px;
      border: solid 2px #81CD46;
      font-family: GothamBold;
      font-size: 16px;
      line-height: 45px;
      letter-spacing: 0.5px;
      text-align: center;
      color: #81CD46;
       @include InitAnimation(.2s);
   }
   .msj-email{
      font-family: GothamBook;
      font-size: 17px;
      text-align: center;
      margin-top: 24px;
      line-height: 28px;
      span{
        display: block;
        font-family: GothamBold;
      }
   }
}
/* --------------------------------- Historial de pedidos --------------------------------- */
#ct-historial {
  width: 100%;
  margin-bottom: 160px !important;
  margin-top: -25px !important;
  h2{
    font-family: GothamBold;
    font-size: 17px;
    letter-spacing: 0.3px;
  }
  h4{
    font-family: GothamMedium;
    font-size: 14px;
  }
  em{
    display: none;
  }
}
.headers{
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-family: GothamBold;
  font-size: 12px;
  color: #333333;
  padding-left: 16px;
  span{
    width: calc(100%/7);
    display: block;
    float: left;
    text-align: left;
  }
}
.ext-detalle{
  margin-bottom: 150px !important;
  .mb10{
    span{
          word-break: break-word;
    }
  }
  h2{
    padding-left: 16px;
  }
  .ttl-detalle-p{
    font-family: GothamBold;
    margin-top: 18px;
    padding-left: 16px;
    span:first-child{
      display: inline-block;
      width: 200px;
      font-size: 13px;
    }
    span:last-child{
      font-family: GothamBook;
      display: inline-block;
      font-size: 12px;
    }
  }
  .headers{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-family: GothamBold;
    font-size: 12px;
    color: #333333;
    padding-left: 16px;
    margin-top: 25px;
    span:nth-child(1){
      width: 8%;
    }
    span:nth-child(2){
      width: 36%;
    }
    span:nth-child(3){
      width: 14%;
    }
    span:nth-child(4){
      width: 14%;
    }
    span:nth-child(5){
      width: 14%;
    }
    span:nth-child(6){
      width: 14%;
    }
  }
  .detalle-only-visible-mv{
    display: none;
  }
}
.ext-detalle{
  .simple-row{
    section:first-child{
      width: 44% !important;
      >div:nth-child(1){
        float: left;
        width: 18% !important;
      }
      >div:nth-child(2){
        float: left;
        width: 82% !important;
      }
    }
    section:last-child{
      width: 56% !important;
      >div{
        float: left;
        width: 25% !important;
      }
      .docPagado{
        color: #3d9600;
      }
      .valorTotal{
        color: #219d51;
        font-family: GothamMedium;
      }
    }
  }
}
.simple-row{
  @include InitAnimation(.2s);
  width: 100%;
  height: 50px;
  opacity: 0.9;
  background-color: #ffffff;
  font-family: GothamBook;
  font-size: 13px;
  padding-left: 16px;
  color: #333333;
  margin-top: 4px;
  section:first-child{
    float: left;
    width: calc((100%/7)*4);
    height: 100%;
    line-height: 52px;
    >div{
      float: left;
      width: 25%;
    }
  }
  section:last-child{
    float: left;
    width: calc((100%/7)*3);
    height: 100%;
    line-height: 52px;
    >div{
      float: left;
      width: 33.33%;
    }
    .docPagado{
      color: #333333;
    }
    .valorTotal{
      color: #219d51;
      font-family: GothamMedium;
    }
  }
  a{
    display: block;
    width: 118px;
    height: 33px;
    font-family: GothamBold;
    font-size: 13px;
    text-align: center;
    color: #77bb42;
    border: 1px solid #77bb42;
    border-radius: 5px;
    line-height: 34px;
    margin-top: 8px;
    margin-left: 35px;
    @include InitAnimation(.2s);
  }
  a:hover{
    background: #77bb42;
    color: white;
    @include InitAnimation(.2s);
  }
  b{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
  }
}
.simple-row:hover{
  background-color: rgba(146,168,177,0.2);
  @include InitAnimation(.2s);
}
.entregado{
  background-color: #3d9600;
}
.pendiente{
  background-color: #d41515;
}
.transito{
  background-color: #f8e71c;
}
/* --------------------------------- Movil Components ------------------------------------  */
.mv-header{
  display: none;
  width: 100%;
  height: 61px;
  background: #ec1b2e;
  div{
    float: left;
  }
  div:nth-child(1){
    width: calc(100% - 165px);
  }
  div:nth-child(2){
    width: 45px;
    top: 20px;
    left: 22px;
    position: relative;
  }
  div:nth-child(3){
    width: 28px;
    margin-left: 17px;
  }
  div:nth-child(4){
    margin-left: 50px;
    width: 20px;
  }
}
#mvsquareBtn{
  position: relative;
   top: 22px;
   left: 22px;
}
#mvlogo{
  position: relative;
  top: 18px;
  left: 22px;
}
#submenuMV{
  float: right;
    //margin-top: 22px;
    font-family: GothamBold;
    color: #fcf4d9;
    font-size: 14px;
    margin-right: 22px;
    position: relative;
    width: 42px;
    height: 42px;
    display: block;
    text-align: center;
    border-radius: 50%;
    line-height: 50px;
    top: 11px;
    right: -10px;
}
.activeSwSubmenu{
  background: #d00018;
}
.overlapMarcas{
  display: block !important;
z-index: 5;
right: 0px !important;
background: rgb(195, 179, 179);
position: absolute;
width: 100% !important;
}

ul.marcas small{
  display: none;
  width: 25px;
    height: 100%;
    cursor: pointer;
    position: relative;
    top: 4px;
}
.invisible{
  background: white;
    width: 100%;
    height: 600px;
    position: absolute;
    z-index: 3;
    display: none;
}
#swCart{
  position: relative;
  width: 37px;
  height: 37px;
  display: block;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
  top: 11px;
}
.activeSwCar{
  background: #d00018;
}

.ct-submenuMV{
  img{
    position: relative;
  }
  .historial  img{
    left: 2px;
  }
  .comprobanteelectronico img{
    left: 2px;
  }
  .cerrarsesion img{
    left: 2px;
  }
  width: 100%;
  background: white;
  position: absolute;
  z-index: 5;
  display: none;
  padding: 10px;
  box-shadow: 0 2px 4px 0 #7d7d7d;
  > a, >div{
    width: 100%;
    height: 53px;
    border-radius: 7px;
    background-color: #f8f8f8;
    font-family: GothamBold;
    line-height: 54px;
    padding-left: 33px;
    margin-bottom: 12px;
    display: block;
  }
  .historial, .ccorriente, .comprobanteelectronico, .cerrarsesion{
    color: #219d51;
    font-family: GothamMedium;
    font-size: 14px;
  }
  .historial:hover, .ccorriente:hover, .comprobanteelectronico:hover, .cerrarsesion:hover{
    background-color: #219d51 !important;
    color:white !important;
  }
  b{
    background: white;
    height: 37px;
    line-height: 40px;
    display: inline-block;
    width: 37px;
    text-align: center;
    border-radius: 50%;
    margin-right: 12px;
  }
}

.ct-submenu{
    >div{
      padding: 6px;
    }
    >div:nth-child(2){
       border-top: 1px solid rgba(170, 170, 170, 0.2);
    }
    >div:nth-child(3){
       border-top: 1px solid rgba(170, 170, 170, 0.2);
       border-bottom: 1px solid rgba(170, 170, 170, 0.2);
    }
    width: 255px;
    background: white;
    position: absolute;
    z-index: 7;
    display: none;
    left: 0px;
    top: 55px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 #7d7d7d;
    box-shadow: 0 2px 4px 0 #7d7d7d;
    a{
      width: 100%;
      height: 53px;
      border-radius: 7px;
      background-color: #f8f8f8;
      font-family: GothamBold;
      line-height: 54px;
      padding-left: 10px;
      display: block;
   }
   img{
     position: relative;
   }
  .ccorriente img {
    left:2px;
  }
  .historial  img{
    left: 2px;
  }
  .comprobanteelectronico img{
    left: 2px;
  }
  .cerrarsesion img{
    left: -2px;
  }
  .historial, .ccorriente, .comprobanteelectronico, .cerrarsesion{
    color: #219d51;
    font-family: GothamMedium;
    font-size: 13px;
  }
  .historial:hover, .ccorriente:hover, .comprobanteelectronico:hover, .cerrarsesion:hover{
    background-color: #219d51 !important;
    color:white !important;
  }
  b{
    background: white;
    height: 37px;
    line-height: 40px;
    display: inline-block;
    width: 37px;
    text-align: center;
    border-radius: 50%;
    margin-right: 12px;
  }
}
.visibleSubmenuMV, .visibleSubmenu{
  display: block !important;
}

/* --------------------------------- Carrito Page --------------------------------- */
.carrito{
   padding: 30px 60px 130px 60px;
   .general-data{
      width: 100%;
      margin-top: 40px;
      display: table;
      margin-bottom: 50px;
     >div{
       height: 119px;
       float: left;
       border-radius: 19px !important;
     }
     .review-your-order{
       width: 24%;
       abbr{
          color: #219d51;
          border-radius: 50%;
          border: 3px solid;
          width: 35px;
          height: 35px;
          display: block;
          text-align: center;
          font-family: GothamBold;
          line-height: 29px;
       }
       h3{
          font-family: GothamBold;
          font-size: 20px;
          color: #219d51;
       }
       span{
         font-family: GothamBook;
         font-size: 13px;
         color: #333333;
       }
     }
     .lbltitle{
       font-family: GothamMedium;
       font-size: 13px;
       color: #333333;
     }
     .lbldata{
       display: inline-block;
       width: 100%;
       height: 100%;
       text-align: right;
       font-family: GothamBook;
       font-size: 13px;
     }
     .address{
       width: 35%;
       margin-left: 3%;
       margin-right: 3%;
       border-radius: 3px;
        box-shadow: 1px 2px 17px 4px rgba(228, 227, 227, 0.59);
        background-color: #ffffff;
        padding: 16px 20px;
        div{
          display: table;
        }
        >div{
          width: 100%;
          height: 50%;
          line-height: 18px;
        }
        >div div{
          height: 100%;
          float: left;
        }
        >div div:nth-child(1){
          width: 30%;
        }
        >div div:nth-child(2){
          width: 70%;
        }
     }
     .payment-data{
       width: 35%;
       float: right;
       border-radius: 3px;
        box-shadow: 1px 2px 17px 4px rgba(228, 227, 227, 0.59);
        background-color: #ffffff;
        padding: 16px 20px;
        div{
          display: table;
        }
        >div{
          width: 100%;
          height: 25%;
          //line-height: 18px;
        }
        >div div{
          height: 100%;
          float: left;
        }
        >div div:nth-child(1){
          width: 60%;
        }
        >div div:nth-child(2){
          width: 40%;
        }
     }
   }
   .tbl-cart{
     width: 100%;
     .rowhead{
         width: 100%;
         height: 40px;
         line-height: 40px;
         padding-left: 18px;
         padding-right: 18px;
         color: #333333;
         >div {
           float: left;
           font-family: GothamBold;
           font-size: 12px;
         }
     }
     .lbl-nro-items{
       display: none;
     }
     .wcol{
        width: 100%;
       >div{float:left;}
       >div:nth-child(1) {
         width: 7%;
       }
       >div:nth-child(2) {
         width: 30%;
       }
       >div:nth-child(3) {
         width: 6%;
       }
       >div:nth-child(4) {
         width: 12%;
       }
       >div:nth-child(5) {
         width: 10%;
       }
       >div:nth-child(6) {
         width: 15%;
       }
       >div:nth-child(7) {
         width: 15%;
         color: #219d51;
       }
       >div:nth-child(8) {
         width: 5%;
         text-align: right;
       }
     }
     .wcol2{
        width: 100%;
       >div{float:left;}
       >div:nth-child(1) {
         width: 7%;
       }
       >div:nth-child(2) {
         width: 35%;
       }
       >div:nth-child(3) {
         width: 13%;
       }
       >div:nth-child(4) {
         width: 15%;
       }
       >div:nth-child(5) {
         width: 15%;
       }
       >div:nth-child(6) {
         width: 15%;
         color: #219d51;
       }
     }
     .row{
       height: 50px;
       background: white;
       line-height: 50px;
       padding-left: 18px;
       padding-right: 18px;
       font-family: GothamBook;
       font-size: 13px;
       border-bottom: 1px solid rgba(198, 203, 212, 0.4);
       margin-bottom: 3px;
       .swMD{
         display:none;
         cursor:pointer;
       }
       input{
          width: 86px;
          height: 29px;
          border-radius: 5px;
          box-shadow: inset 0 0 3px 2px rgba(159, 159, 159, 0.42);
          background-color: #ffffff;
          border: none;
          outline: none;
          text-align: right;
          padding-right: 9px;
          font-size: 16px;
          position: relative;
          top: 2px;
          color: #656565;
          font-family: GothamMedium;
       }
       input:focus{
         box-shadow: inset 0 0 2px 1px #219d51;
       }
     }
     h3{
       font-family: GothamMedium;
       font-size: 14px;
       text-align: right;
       margin-top: 30px;
     }
   }
   .forma-de-pago{
      width: 100%;
      .review-your-order{
        margin-top: 30px;
        margin-bottom: 30px;
        abbr{
           color: #219d51;
           border-radius: 50%;
           border: 3px solid;
           width: 35px;
           height: 35px;
           display: block;
           text-align: center;
           font-family: GothamBold;
           line-height: 29px;
        }
        h3{
           font-family: GothamBold;
           font-size: 20px;
           color: #219d51;
        }
        span{
          font-family: GothamBook;
          font-size: 13px;
          color: #333333;
        }
      }
      .ct-pago-credito, .ct-pago-entrega{
         width: 47%;
         height: 100px;
         border-radius: 19px;
         box-shadow: 1px 2px 17px 4px rgba(255, 255, 255, 0.59);
         background-color: #ffffff;
         float: left;
         cursor: pointer;
         a{
            display: block;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5), inset 0 -1px 5px 0 rgba(94, 94, 94, 0.5);
            background-color: #f7f7f7;
            position: relative;
            top: calc(50% - 14px);
            left: 30px;
         }
         span, p{
           margin-left: 90px;
         }
         span{
           color: #333333;
          font-family: GothamBold;
          font-size: 15px;
          position: relative;
          top: -7px;
         }
         p{
           color: #848484;
           font-family: GothamMedium;
           font-size: 13px;
           width: 77%;
           line-height: 18px;
         }
      }
      .ct-pago-entrega{
         margin-left: 6%;
      }
   }
   .direccion_entrega{
      width: 100%;
      .details{
        margin-bottom: 30px;
        abbr{
           color: #219d51;
           border-radius: 50%;
           border: 3px solid;
           width: 35px;
           height: 35px;
           display: block;
           text-align: center;
           font-family: GothamBold;
           line-height: 29px;
        }
        h3{
           font-family: GothamBold;
           font-size: 20px;
           color: #219d51;
        }
        span{
          font-family: GothamBook;
          font-size: 13px;
          color: #333333;
        }
      }
      .listAddress{
        select.selectAddress{
          border-radius: 10px;
          padding: 11px 17px!important;
          box-shadow: 1px 2px 17px 4px rgba(241, 241, 241, 0.59);
          width: 47%;
          height: 40px;
          color:#219d51;
          background-color: #ffffff;
          border-color:white;
      }
      select:focus,select:active{
        border-color:white!important;
      }
   }
 }
}
.currentPago{
  box-shadow: 1px 2px 17px 4px rgba(228, 227, 227, 0.59) !important;
}
.currentBallFormaPago{
   box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5), inset 0 -2px 6px 0 rgba(0, 0, 0, 0.5) !important;
   background-image: linear-gradient(to top, #abff36, #3f9001) !important;
}
.page-carrito-btn-seguir-comprando{
  float: right !important;
}

#botonCategoriasMovil{
    position: absolute;
    left: calc(50% - 70px);
    width: 140px;
    padding: 6px;
    text-align: center;
    font-family: GothamMedium;
    color: #fcf4d9;
    font-size: 12px;
    border-radius: 14.5px;
    background-color: rgba(255, 97, 112, 0.77);
    top: 15px;
    cursor: pointer;
    img{
      width: 17px;
      position: relative;
      top: 1px;
    }
    span{
      position: relative;
      top: -2px;
    }
}
/* --------------------------------- Buscador --------------------------------- */
#buscadorDK{
    position: absolute;
    left: calc(50% - 310px);
    width: 510px;
    /*background-color: #efefef;*/
    z-index: 26;
    border-radius: 0px 0px 10px 10px;
    input{
      width: 92%;
      height: 40px;
      border: none;
      border-radius: 8px;
      outline: none;
      padding-left: 12px;
      font-family: GothamMedium;
      font-size: 14px;
      color: #1b1b1b;
      margin-left: 4%;
      margin-top: 8px;
    }
    #btnBuscar{
      display: inline-block;
      background: #219d51;
      width: 40px;
      height: 40px;
      position: absolute;
      top: 8px;
      right: 4%;
      border-radius: 0px 8px 8px 0px;
      img{
        position: absolute;
        top: -7px;
        right: -17px;
      }
    }
    #results{
       display: none;
       list-style-type: none;
       margin: 20px 0px 27px 0px;
       padding: 0;
       li{
         height: 39px;
         a{
            width: 100%;
            height: 100%;
            background: #efefef;
            color: black;
            display: block;
            font-family: GothamBook;
            font-size: 15px;
            line-height: 39px;
            padding-left: 31px;
         }
         a:hover{
            background: #219d51;
            color:white;
            font-family: GothamBold;
         }
       }
    }
}
#buscadorDK.vMobile{
    background-color: #efefef;
    width: 100%;
    left: 0;
    border-radius: 0;
    padding-bottom: 10px;
    input{
      box-shadow: none;
    }
}
.clsInputNormal{
  box-shadow: 5px 7px 23px 0 rgba(169, 31, 31, 0.5);
}
.clsInputFocusBuscador{
   box-shadow: -1px 1px 23px 0 rgba(87, 87, 87, 0.17) !important;
}
.gris{
  width: 100%;
  height: 100%;
  background: rgba(55, 55, 55, 0.5);
  position: absolute;
  z-index: 5;
  opacity: 0;
}
.gris2{
  width: 100%;
  height: 100%;
  background: rgba(55, 55, 55, 0.5);
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.infoIconPageCompra{
   font-family:GothamBold;
   font-size:40px;
   display:block;
   width:60px;
   height:60px;
   border:5px solid #209c50;
   color:#209c50;
   border-radius:50%;
   position:relative;
   left: calc(50% - 30px);
}
.infoIconPageCompra+p{
    font-family: GothamMedium;
    color: #848484;
    font-size: 14px;
    position: relative;
    top: 18px;
}
.loadingAnim{
  position: absolute;
  left: calc(50% - 22px);
  top: 2px;
  width: 43px;
}
.buttonPressed, .buttonPressed2{
   box-shadow: inset 1px 1px 9px 1px #5b9230;
   pointer-events: none !important;
   background: #77bb42;
}
.productoInhabilitado *{
  color: #d0d0d0 !important;
  pointer-events: none;
}
.productoInhabilitado abbr{
  position: relative;
display: inline-block;
height: 20px;
width: 140px;
line-height: 12px;
font-size: 10px;
font-family: GothamBold;
color: #f04656 !important;
top: 4px;
}
.buttonPressed2 img{
  position: relative;
  width: 30px;
  left: calc(50% - 123px);
  top: 5px;
}
.buscadorActive{
  background-color: #efefef;
}
// .buscadorInactive{
//   background-color: transparent;
// }

/* --------------------------------- Cuenta corriente --------------------------------- */
.ct-cc-headers {
   width: 100%;
   margin-top: 15px;
   > div:nth-child(1), > div:nth-child(2){
     width: 250px;
   }
   > div:nth-child(3), > div:nth-child(4){
     width: 346px;
   }
   .ct-block-cc{
      float: left;
      p{
        width: 100%;
        margin: 12px 0px;
        font-family: GothamBook;
        font-size: 13px;
        color:#4a4a4a;
      }
      .lbltitle{
        display: inline-block;
        width: 75px;
        font-family: GothamBold;
        font-size: 12px;
      }
      .lblquantity{
        display: inline-block;
        width: 150px;
      }
   }
   .markGreen{
     font-family: GothamMedium;
     color:#219d51;
   }
   .bloks-borders{
     padding: 0px 24px;
     border-left: 2px solid #eaeaea;
   }
}
.tbl-cuenta-corriente{
  .markGreen2{
    font-family: GothamBook;
    color:#219d51;
  }
   margin-top: 30px;
   .cuenta-corriente-headers{
      margin-bottom: 20px;
      > span{
        float: left;
        text-align: center;
        font-family: GothamBold;
        font-size: 12px;
      }
      > span:nth-child(1){
        width: 4%;
      }
      > span:nth-child(2){
        width: 13%;
      }
      > span:nth-child(3){
        width: 13%;
      }
      > span:nth-child(4){
        width: 10%;
      }
      > span:nth-child(5){
        width: 10%;
      }
      > span:nth-child(6){
        width: 6%;
      }
      > span:nth-child(7){
        width: 12%;
      }
      > span:nth-child(8){
        width: 12%;
      }
      > span:nth-child(9){
        width: 10%;
      }
      > span:nth-child(10){
        width: 10%;
      }
   }
   .cc-row{
       transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      width: 100%;
      height: 50px;
      opacity: 0.9;
      background-color: #ffffff;
      font-family: GothamBook;
      font-size: 13px;
      color: #333333;
      margin-top: 4px;
      em{
        display: none;
      }
      section{
        float: left;
        height: 100%;
        width: 50%;
        > div{
          float: left;
          text-align: center;
          font-family: GothamBold;
          font-size: 12px;
          display: table;
          height: 100%;
          span{
            display: table-cell;
            vertical-align: middle;
            font-family: GothamBook;
          }
        }
      }
      section:first-child{
        > div:nth-child(1){
          width: 8%;
        }
        > div:nth-child(2){
          width: 26%;
        }
        > div:nth-child(3){
          width: 26%;
        }
        > div:nth-child(4){
          width: 20%;
        }
        > div:nth-child(5){
          width: 20%;
        }
      }
      section:last-child{
        > div:nth-child(1){
          width: 12%;
        }
        > div:nth-child(2){
          width: 24%;
        }
        > div:nth-child(3){
          width: 24%;
        }
        > div:nth-child(4){
          width: 20%;
        }
        > div:nth-child(5){
          width: 20%;
        }
      }
   }
   .cc-row:hover{
      background-color: rgba(146,168,177,0.2);
      @include InitAnimation(.2s);
   }
}
.ct-exporting{
   width: 515px;
   height: 54px;
   background-color: white;
   float: right;
   margin-top: 26px;
   border-radius: 15px;
   > div{
     float: left;
   }
   .ct-icons{
     width: 35%;
     height: 100%;
     a{
        position: relative;
        top: 15px;
        margin-left: 13px;
     }
     span{
        font-family: GothamBold;
        font-size: 10px;
        position: relative;
        top: 6px;
        margin-left: 20px;
     }
   }
   .ct-enviar-correo{
     width: 65%;
     input{
       width: 230px;
       height: 32px;
       border-radius: 6px;
       border: 1px solid #bababa;
       font-family: GothamMedium;
       color: #565151;
       font-size: 12px;
       padding-left: 13px;
       margin-top: 11px;
       outline: none;
     }
     a{
        width: 75px;
        height: 32px;
        border-radius: 6px;
        background-color: #dbdbdb;
        display: inline-block;
        position: relative;
        margin-top: -6px;
        left: 11px;
        text-align: center;
        line-height: 33px;
        font-family: GothamMedium;
        font-size: 12px;
        color: #9c9c9c;
     }
   }
}
.break{
  clear: both;
}
/* ------------------------------------  Media Queries ------------------------------------*/
//Desktops
@media only screen and (max-width: 1240px) {
   .container{
      width: 821px;
      @include InitAnimation(.5s);
   }
   .breadcenter{
      width: 96%;
   }
   .row-product{
     width: 49%;
     height: 190px;
   }
   .blockarrowDesktop{
     display: none;
   }
   .blockarrowMobile{
     display: inline-block;
   }
   .row-product .first-column{
     width: 44%;
     float: left;
   }
   .sku{
     float: none;
    width: 100%;
    height: 21% !important;
   }
   .prod{
     width: 100%;
    height: auto !important;
    float: none;
    padding: 0;
   }
   .row-product .second-column {
    width: 56%;
    float: left;
    text-align: right;
   }
   .price{
     float: none;
    width: 100%;
    height: 39% !important;
    padding-top: 29px;
   }
   .quantity{
     float: none;
    width: 100%;
    height: auto !important;
   }
   .addbutton{
      float: none;
      width: 100%;
      height: 37% !important;
      padding-top: 15px;
   }

   /* -------------- Login --------------  */
   #container-login{
     width: 630px;
     left: calc(50% - 320px);
     #ctimg{
       width: 57%;
       float: left;
       img{
         top: calc(50% - 120px);
       }
     }
     #ctlogin{
       width: 43%;
       float: left;
     }
     #login{
       width: 100%;
       height: 360px;
       padding: 30px;
       top: calc(50% - 180px);
       ::placeholder{
         color: red
       }
     }
     #bienvenida span{
       font-size: 22px;
       line-height: 28px;
     }
   }

   /* --------------------------------- Historial de Pedidos --------------------------------- */
   #ct-historial{
     .headers{
       display: none;
     }
     .simple-row{
       width: 49%;
       height: 190px;
       padding: 19px;
       border-radius: 3px;
       box-shadow: 1px 2px 17px 4px rgba(155, 155, 155, 0.21);
       margin-bottom: 12px;
       section:first-child{
         width: 55%;
         line-height: normal;
         >div{
            float: none;
            width: 100%;
         }
       }
       section:last-child{
         width: 45%;
         line-height: normal;
         height: 100%;
         >div{
            float: none;
            width: 100%;
            text-align: right;
         }
         div:nth-child(1){
            height: 35%;
            em{
              display: block;
              margin: 0;
              margin-bottom: 10px;
            }
         }
         div:nth-child(2){
            em{
              display: block;
              margin: 0;
              margin-bottom: 10px;
            }
            height: 30%;
         }
         div:nth-child(3){
            position: relative;
            height: 35%;
            a{
              position: absolute;
              right: 0;
              bottom: 0;
            }
         }
       }
     }
     em{
       display: inline-block;
       color: #333333;
       font-family: GothamBold;
       font-size: 12px;
       margin-right: 7px;
       font-style: normal;
     }
   }
   .ext-detalle{
     .ext-detalle-headers{
       margin-bottom: 30px;
     }
     em{
       display: none !important;
     }
     .simple-row{
       height: 130px !important;

       section:first-child{
         width: 62% !important;
         >div:nth-child(1){
           float: left;
           width: 100% !important;
         }
         >div:nth-child(2){
           float: left;
           width: 100% !important;
         }
         em{
           display: inline-block !important;
         }
       }
       section:last-child{
         width: 38% !important;
         >div{
           display: none;
         }
         article{
            display: inline-block;
            width: 100%;
            text-align: right;
            height: 100%;
            >div:nth-child(1){
              color: #219d51;
              height: 25% !important;
            }
            >div:nth-child(2){
              font-family: GothamBold;
              color: #219d51;
              height: 25% !important;
            }
            >div:nth-child(3){
              font-family: GothamMedium;
              height: 25% !important;
              position: relative;
              span{
                position: absolute;
                bottom: -2px;
                right: 0;
              }
            }
            >div:nth-child(4){
              font-family: GothamMedium;
              height: 25% !important;
              position: relative;
              span{
                position: absolute;
                bottom: 0;
                right: 0;
              }
            }
         }
       }
     }
   }
   .mb40{
     margin-bottom: 40px;
   }
   .mb10{
     margin-bottom: 10px;
   }
   .ext-detalle-bottom{
     .ct-back-addcart-middle{
       width: 821px;
       #addToCart{
          //width: 66% !important;
          width: 60% !important;
       }
       #backButton{
          //width: 32% !important;
          width: 37.5% !important;
       }
     }
   }
  /* .carrito{
     padding: 30px 0px 130px 0px;
     .general-data{
       .review-your-order{
         float: none;
         width: 100%;
         margin-bottom: 20px;
       }
       /*.address{
         width: 49%;
         margin-left: 0;
         margin-right:2%;
       }*/
       /*.payment-data{
         width: 49%;
       }
     }
     .tbl-cart{
       .rowhead{
         display: none;
       }
       .row:nth-child(2n){
         margin-left: 2%;
       }
       .row{
         height: 120px;
         position: relative;
         width: 49%;
         float: left;
         >div{
           position: absolute;
         }
         >div:nth-child(1), >div:nth-child(5), >div:nth-child(6),>div:nth-child(8){
            display: none;
         }
         >div:nth-child(2){
            width: 340px;
         }
         >div:nth-child(3){
            right: 120px;
            bottom: 0;
            width: 70px;
            text-align: right;
         }
         >div:nth-child(4){
            right: 0;
            width: 100px;
            text-align: right;
            height: 100%;
            img{
              top: 12px;
              right: 14px;
              position: absolute;
            }
            input{
              top: 66px;
              right: 14px;
              height: 42px;
            }
         }
         >div:nth-child(7){
            bottom: 0;
            font-family: GothamBold;
            font-size: 15px;
            width: 150px;
         }
         .swMD{
            display: block;
         }
       }
       .lbl-nro-items{
         display: block;
         width: 150px;
         height: 26px;
         background-color: rgba(189, 189, 189, 0.7);
         border-radius: 4px 4px 0px 0px;
         color: #686868;
         text-align: center;
         line-height: 26px;
         font-size: 13px;
         font-family: GothamMedium;
       }
     }
   } */
   .products-with-sidebar #ct-dk-categories{
      margin-left: 0px !important;
   }
   #buscadorDK{
     left: calc(50% - 325px);
     width: 440px;
   }
   /* --------------------------------- Cuenta Corriente --------------------------------- */
   .tbl-cuenta-corriente{
     .cuenta-corriente-headers{
       display: none;
     }
     .cc-row{
       width: 49%;
       height: auto;
       float: left;
       border-radius: 5px;
       margin-bottom: 5px;
       section{
         > div{
            width: 100% !important;
            height: 50px;
         }
         em{
           display: block !important;
           width: 100%;
           height: 50%;
           line-height: 32px;
         }
         span{
           display: block !important;
           height: 50%;
           font-family: GothamBook;
         }
       }
     }
     .cc-row:nth-child(2n){
       margin-left: 1%;
     }
   }

}
@media only screen and (max-width:950px) {
  #buscadorDK{
    left: calc(50% - 170px);
    width: 350px;
  }
}
@media only screen and (max-width: 870px) {
  /* Historial de Pedidos  */
  #ct-historial{
    width: 90%;
    margin: 0 auto;
    .left , .right{
      float: none;
    }
    .simple-row{
      width: 100%;
    }
  }
  .container{
    width: 100%;
  }
  .ext-detalle{
    .ttl-detalle-p{
      span:first-child{
        display: block;
        width: 100% !important;
        font-size: 14px;
      }
    }
  }
  .ext-detalle-bottom{
    .ct-back-addcart-middle{
        width: 90%;
        #addToCart{
          width: 59.5% !important;
        }
    }
  }
  .carrito{
    padding: 30px 20px 130px 20px;
  }
}


//Tablets and Notebooks
@media only screen and (max-width: 820px) {
   // .container{
   //    width: 600px;
   // }
   .ct-back-addcart-middle{
     width: 93%;
   }
   #backButton, #addToCart{
     width: 49%;
   }
   #addToCart{
     margin-left: 2%;
   }
   .container{
     width: 94%;
   }

   .ext-detalle-bottom{
     .ct-back-addcart-middle{
       #addToCart{
          width: 66% !important;
       }
       #backButton{
          width: 32% !important;
       }
     }
   }

   .carrito{
     .general-data{
       .address, .payment-data{
         float: none;
         width: 100%;
         margin-bottom: 14px;
       }
     }
     .tbl-cart{
       .row{
         float: none;
         width: 100%;
         margin: 0;
       }
       .row:nth-child(2n){
         margin-left: 0%;
       }
       .lbl-nro-items{

       }
     }
     .forma-de-pago{
       .ct-pago-credito, .ct-pago-entrega{
         float: none;
         width: 100%;
         margin-bottom: 22px;
         margin-left: 0%;
       }
     }
   }

   .page-carrito-btn-seguir-comprando{
     float: right !important;
    //  line-height: 18px !important;
    // font-size: 17px !important;
    // padding-top: 7px;
    line-height: 18px !important;
    font-size: 14px !important;
    padding-top: 16px;
   }
}
@media only screen and (max-width: 750px){
  /* --------------------------------- Cuenta Corriente --------------------------------- */
  .tbl-cuenta-corriente{
    .cc-row{
      width: 100%;
    }
    .cc-row:nth-child(2n){
      margin-left: 0%;
    }
  }
}

//Phones and small Devices
@media only screen and (max-width: 650px) {

   .container{
      width: 94%;
   }
   .row-product{
     width: 100%;
     @include InitAnimation(.5s);
   }
   .row-product .first-column{
     width: 50%;
   }
   .row-product .second-column{
     width: 50%;
   }
   .addbutton a{
      width: 127px;
      height: 47px;
      line-height: 47px;
   }
   .quantity{
     margin-top: -14px;
   }
   .txtquantity{
     width: 67px;
    height: 37px;
   }
   #container-login{
      width: 280px;
      left: calc(50% - 140px);
      top: calc(50% - 430px) !important;
      #ctlogin{
        width: 100%;
      }
      #ctimg{
        display: none;
      }
      #ctlogin #movilHeader{
        display: block;
        position: relative;
      }
      #movilHeader{
        top:202px !important;
      }
      #movilHeader #logoMovil{
        position: absolute;
      top: calc(50% - 18px);
      left: 36px;
      }
      #login{
        border-radius: 0px 0px 7px 7px;
      }
   }
   #logoTopLeftAlicorp{
     display: none;
   }
   body{
      background: white !important;
   }
   /*  Categorias */
   .header{
     display: none;
   }
   .mv-header{
     display: block;
   }
   .header-2{
     display: none;
   }
   .container{
     background: white;
     width: 100%;
   }
   #sidebar{
     width: 100% !important;
   }
   #ct-dk-categories{
      margin-top: 0px;
      margin-left: 0px;
      width: 100%;
   }
   #ct-dk-title-cat{
     display: block;
     width: 100%;
   }
   #ct-data-content{
     display: none;
   }
   #backButton, #addToCart{
     font-size: 13px;
    line-height: 52px;
   }
   /* --------------------------------- Car Module --------------------------------- */
   #viewCar{
      display: none;
   }
   #labelCarrito{
     display: block;
   }
   #ct-module-car{
      top: 0;
      height: 0;
      width: 100%;
      left: 10px;
      z-index: 27;
   }
   #viewCar,#ct-car,#confirmar-car{
      width: 100% !important;
   }
   #containerConfirmacion #felicitaciones{
     width: 70%;
   }
   #ct-historial{

     margin-top: -55px !important;
     h2{
       margin-top: 40px;
       margin-bottom: 20px;
       font-size: 20px;
     }
     h4{
       font-size: 14px;
       margin-bottom: 30px;
     }
   }
   .ext-detalle{
      .ttl-detalle-p{
        padding-left: 0px;
      }
      h2{
        padding-left: 0px;
      }
      .simple-row{
        section:first-child{
          width: 57% !important;
        }
        section:last-child{
          width: 43% !important;
        }
      }

   }

   .onlyPage-ct-dk-title-cat{
     display: none !important;
   }

   .carrito{
     padding: 30px 0px 130px 0px;
     .flujo, .general-data, .forma-de-pago{
       padding: 0px 20px;
     }
     .lbl-nro-items{
       margin: 0px 20px;
     }
     .tbl-cart{
       .row:nth-child(3){
         border-top: 1px solid rgba(198, 203, 212, 0.4) !important;
       }
       h3{
         margin-right: 14px;
       }
     }

   }
   .page-carrito-btn-seguir-comprando{
     line-height: 18px !important;
      padding-top: 7px !important;
      font-size: 16px !important;
   }
   .fixedFechaDespacho{
      margin-bottom: 23px !important;
   }
   .ct-cc-headers{
      .ct-block-cc{
         border-left: 0px !important;
         padding: 0 !important;
         margin-bottom: 12px;
      }
   }
   .ct-exporting{
     width: 100%;
     .ct-enviar-correo{
        input{
          width: 70% !important;
        }
        a{
          width: 22% !important;
        }
     }
   }
}
@media only screen and (max-width: 575px) {
    .ct-exporting{
      height: 105px !important;
      .ct-icons{
         width: 100%;
         height: auto !important;
      }
      .ct-enviar-correo{
        margin-top: 14px;
        margin-left: 4%;
        width: 95%;
      }
      > div{
        float: none;
      }
    }

}
@media only screen and (max-width: 400px) {
   .prod{
     width: 85%;
   }
   #container-login{
     width: 100%;
    left: 0px;
    top:-195px !important;
    #login{
      box-shadow: none;
      -webkit-box-shadow:none;
      border-radius: 0px;
      .ct-pwd{
        margin-bottom: 56px;
      }
    }
    #movilHeader{
      top:195px !important;
    }

   }

   #containerConfirmacion{
     #felicitaciones{
        .codigoPedido{
          font-size: 25px;
          left: calc(50% - 80px);
        }
     }
   }

   .page-carrito-btn-seguir-comprando{
     line-height: 18px !important;
      padding-top: 7px !important;
      font-size: 12px !important;
   }

   // #login{
   //   position: absolute;
   //   left: 50%;
   //   top: 50%;
   //   transform: translate(-50%, -50%);
   //   width: 93%;
   //   box-shadow: none !important;
   //   .welcome, .alicorp{
   //     width: 49%;
   //   }
   // }

}